@import url('https://fonts.cdnfonts.com/css/nexa-bold');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {font-family: "Inter", sans-serif;font-weight: 400;}
:root {
    --cream-color: #e8d4b3;
}

a,h1,h2,h3,h4,h5,h6 {font-family: 'Nexa', sans-serif;font-weight: 700;}
.btn {font-size: 20px !important;}
.f-nexa {font-family: 'Nexa', sans-serif;font-weight: 700;}
.f-poppins {font-family: "Poppins", sans-serif;}
.f-inter {font-family: "Inter", sans-serif;}
.navbar {position: fixed !important;z-index: 99;width: 100%; transition: background-color 0.3s ease, box-shadow 0.3s ease;top: 0px;}
.navbar-brand img {max-height: 40px;}
.top-menu .address {margin-right: -5px;}
.w-45 {width: 46%;}
.fw-normal {font-weight: normal;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.pointer{cursor: pointer;}
textarea{resize: none;}
.bg-none{background: none !important;}
.srv-validation-message{color: red;}
.text-gold{color: #d4a04d;}
.position-unset{position: unset !important;}
.white-space-nowrap{white-space: nowrap;}
.subscribe-btn{height: 100%; background-color: #fcf9f5;}
.form-control:focus{box-shadow: none; }
.text-decoration{text-decoration: none;}
.bg-cream{background-color: #FCF9F5 !important;}
.top-menu{background: var(--cream-color);color: #000;font-size: 14px;padding: 5px;position: fixed;width: 100%;z-index: 999;}
/* .top-menu{background: linear-gradient(136.77deg, #BA9453 0%, #E0C68D 97.09%);color: #000;font-size: 14px;padding: 5px;position: fixed;width: 100%;z-index: 999;} */
.top-menu a{color: #000; font-weight: 600;}

.navbar-nav .nav-link {color: white;font-weight: 700;margin-right: 20px;font-size: 20px;font-family: 'Nexa', sans-serif;}
.navbr-black .nav-link {color: #000;}
.navbr-black .bars  path{stroke: #000;}
.navbr-black.navbar-bg .nav-link {color: #fff;}
.navbr-black.navbar-bg .bars  path{stroke: #fff;}
/* .btn-gold {font-family: 'Nexa', sans-serif; font-weight: 700; background: linear-gradient(136.77deg, #BA9453 0%, #E0C68D 97.09%);color: #000;border-radius: 25px;padding: 6px 20px; padding-top: 15px !important; padding-bottom: 12px !important;  position: relative;overflow: hidden;transition: color 0.4s ease;z-index: 0;} */
.btn-gold {font-family: 'Nexa', sans-serif; font-weight: 700; background: var(--cream-color);color: #000;border-radius: 25px;padding: 6px 20px; padding-top: 15px !important; padding-bottom: 12px !important;  position: relative;overflow: hidden;transition: color 0.4s ease;z-index: 0;}
.btn-gold::before {content: '';position: absolute;inset: 0;background: #000;transform: translateY(100%);transition: transform 0.4s ease;z-index: -1;}
/* .btn-gold:hover::before {transform: translateY(0%);} */
.btn-gold {z-index: 1;}
.btn-gold::after {content: attr(data-text);visibility: hidden;height: 0;overflow: hidden;display: block;}
.btn-gold {color: #000;}
.btn-gold:hover {background-color: var(--cream-color);color: #000;}
/* .btn-gold:hover svg path {stroke: #fff;} */


.navbar-nav .dropdown-toggle::after{top: 2px;position: relative;}
.navbar-nav .dropdown-toggle.show{color: #ffff;}
.navbar-nav .dropdown .dropdown-item{font-size: 20px;font-family: 'Nexa', sans-serif;font-weight: 700;}
.navbar-nav .dropdown-item:active{background: none;color: #000;}

.btn-dark {font-family: 'Nexa', sans-serif; background: #000;color: #fff;font-weight: 700;border-radius: 25px;padding: 6px 20px; padding-top: 14px !important; padding-bottom: 12px !important; position: relative;overflow: hidden;transition: color 0.4s ease;z-index: 0;}
/* .btn-dark::before {content: '';position: absolute;inset: 0;background: #E0C68D;transform: translateY(100%);transition: transform 0.4s ease;z-index: -1;} */
/* .btn-dark:hover::before {transform: translateY(0%);} */
/* .btn-dark {z-index: 1;} */
.btn-dark:hover {background-color: #000;color: #fff;}


.btn-gold-outline {font-family: 'Nexa', sans-serif; border: 2px solid var(--cream-color);padding-top: 10px;font-weight: 700;background: linear-gradient(to top, #000 0%, #000 100%), #FFFFFF4D;background-size: 100% 0%, auto;background-repeat: no-repeat;background-position: bottom;color: #fff;transition: background-size 0.4s ease, color 0.4s ease, border-color 0.4s ease; align-items: center; display: inline-flex;}
.btn-gold-outline:hover {background-size: 100% 100%, auto;color: var(--cream-color);border-color: #000;}
.btn-gold-outline:hover svg path{fill: var(--cream-color);}
.page-banner .btn-gold-outline {padding-top: 12px !important;}
.navbar-bg{background-color: #000000ad;box-shadow: 0px 0px 79px rgba(0, 0, 0, 0.3);}
.navbar  .btn-gold{padding-top: 9px !important;padding-bottom: 6px !important;}

.hero-section {min-height: 650px;}
.hero-section h1 {font-size: 4.4rem;max-width: 470px;line-height: 100%;letter-spacing: 0px;}
.google-reviews-btn {font-size: 20px;font-weight: 700;font-family: 'Nexa', sans-serif;}
.google-reviews-btn img {width: 70px;}
label {font-weight: 700;font-family: 'Nexa', sans-serif;}
.search-box-container {width: 100%;z-index: 10;}
.search-box-container .btn-gold {padding-top: 12px; padding-bottom: 12px;}
.search-box-container input, .search-box-container select{background-color: white;font-family: 'Nexa', sans-serif;font-weight: 700;color: #000;}
.form-control::placeholder {font-family: 'Nexa', sans-serif;font-weight: 700;color: #000;}
.property-page.search-box-container {top: 530px;}

.logos {background-repeat: no-repeat !important;background-position: right !important;margin-top: 100px;background-size: 440px !important;}
.logos img {max-width: 215px;width: 100%;}

.featured-properties .property-card {border-radius: 1rem;overflow: hidden;position: relative;transition: all 0.3s;}
.featured-properties .property-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 1s ease;}
.featured-properties .property-details {position: absolute;bottom: 0;left: 0;width: 100%;}
.featured-properties .property-details .bg-color {background-color: rgba(0, 0, 0, 0.85);color: #fff;padding: 1rem;margin: 1rem;border-radius: 20px;font-size: 20px;font-weight: 400;}
.featured-properties .property-details .bg-color h3 {width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.featured-properties .property-meta {font-size: 0.9rem;color: #bbb;}
.featured-properties .arrow-icon {background: var(--cream-color);width: 53px;height: 53px;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;right: 31px;top: 31px;color: white;}
.featured-properties .overlay-label {position: absolute;bottom: 1rem;left: 1rem;color: white;font-size: 1.6rem;font-weight: 700;z-index: 2;font-family: 'Nexa', sans-serif;max-width: calc(100% - 2rem);background: rgba(0, 0, 0, 0.85);border-radius: 10px;padding: 6px 10px 3px 10px;}
.featured-properties .overlay-icon {position: absolute;top: 1rem;right: 1rem;background-color: #d4af37;width: 50px;height: 50px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;font-size: 0.8rem;background: var(--cream-color);}
.featured-properties .image-1 {max-height: 650px;}
.featured-properties .image-2 {height: 320px;}
.featured-properties .image-3,.featured-properties .image-4 {height: 300px;}
.image-1:hover img,.image-2:hover img,.image-3:hover img,.image-4:hover img {transform: scale(1.1);}
.featured-properties .property-card:hover .arrow-icon svg, .featured-properties .property-card:hover .overlay-icon svg {transform: rotate(45deg);}

.meet-hyde-section .highlight-text {color: var(--cream-color);font-weight: bold;font-size: 3.5rem;line-height: 1;}
.meet-hyde-section .section-title {font-size: 2rem;font-weight: 600;}
.meet-hyde-section .description {font-size: 1rem;line-height: 1.7;color: #333;}
.meet-hyde-section .image-box {max-height: 500px;object-fit: cover;border-radius: 12px;}
.odometer-value{font-family: 'Nexa', sans-serif;font-weight: 700;}

.plan-section {color: white;height: 450px;display: flex;align-items: center;position: relative;overflow: visible; margin-top: 140px;}
.plan-section h1 span {color: var(--cream-color);}
.phone-mockup-wrapper {position: relative;height: 600px;}
.phone-mockup {position: absolute;top: 60px;bottom: -90px;right: 0;max-height: 130%;z-index: 10;max-width: 700px;height: 80%;}
.service-section {padding: 100px 0px 60px 0px;background-color: #FCF9F5;}
.service-heading {font-weight: bold;font-size: 2rem;}
.service-desc {color: #333;font-size: 1rem;margin-bottom: 40px;}
.service-card {position: relative;overflow: hidden;border-radius: 15px;cursor: pointer;background-color: rgb(0, 0, 0, 50);}
.service-section .service-card {position: relative;overflow: hidden;}
.service-section .service-card img {transition: opacity 0.3s ease;display: block;width: 100%;}
.service-section .service-card::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, #000000 100%);transform: translateY(100%);transition: transform 0.6s ease; z-index: 1;}
.service-section .service-card:hover::after {transform: translateY(0);}

.service-card img {width: 100%;height: 220px;object-fit: cover;border-radius: 15px;opacity: 0.7;}
.service-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 2.5rem;font-weight: 700;display: flex;justify-content: center;align-items: center;white-space: nowrap; font-family: 'Nexa', sans-serif;z-index: 2;}
.service-icon {height: 37px;width: 37px;border-radius: 100%;background: var(--cream-color);text-align: center;margin-left: 25px;justify-content: center;display: inline-flex;align-items: center; position: relative; top: -5px;}

.grid-image {position: relative;border-radius: 10px;overflow: hidden;height: 100%;}
.grid-image img {width: 100%;height: auto;object-fit: cover;max-height: 168px;transition: transform 1s ease;height: 100%;}
.grid-image:hover img{transform: scale(1.1);}
.insta-icon {position: absolute;top: 10px;right: 10px;}
.insta-icon i{color: #fff;}
.image-meta {position: absolute;bottom: 10px;left: 10px;color: #fff;font-size: 0.8rem;display: flex;align-items: center;gap: 5px;}
.image-meta i {font-size: 12px;}

.form-section {padding: 0px 0;margin: 0px 0px 0px 0px;background-color: #FCF9F5;position: relative;}
.form-section .bg-image{width: 50%;height: 100%;position: absolute;background-position: center !important;background-size: cover !important;}
.play-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); background: url('./../images/play-btn.png');height: 126px;width: 126px;background-repeat: no-repeat;}
.form-control,.form-select {border-radius: 6px;padding: 12px;background-color: #fcf9f5;padding: 14px 12px 12px 12px;}
.form-section textarea, .form-section input, .form-section select{border: 1px solid #000000;}
.form-section textarea:focus, .form-section input:focus, .form-section select:focus{outline: none;box-shadow: none;border-color: #000;}
.form-section a{color: #000000;}

.stay-up-to-date .padding{padding: 15px;}
.footer {color: #fff;padding: 60px 0 0 0;   background: #000 url('./../images/footer-bg-img.png') no-repeat center/cover;}
.footer-logo {max-width: 150px;margin-bottom: 20px;}
.footer h5 {font-weight: 600;margin-bottom: 20px;}
.footer ul {list-style: none;padding-left: 0;}
.footer ul li {margin-bottom: 10px;}
.footer a {color: #fff;text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer-icon {margin-right: 10px;}
.footer-bottom {border-top: 1px solid #444;margin-top: 25px;padding-top: 15px;font-size: 14px;padding-bottom: 15px;background-color: #000;}

.side-menu {position: fixed;top: 0px;right: 0px;width: 100%;height: 100%;padding: 0px;overflow: auto;transition: 0.5s all ease;z-index: 99;background-color: #3131315c; transform: translate(150%);transform: translate(150%);}
.side-menu > div{width: 100%;max-width: 450px;background-color: #fff;position: fixed; right: 0; height: 100%; overflow: auto;border-radius: 20px 0px 0px 20px;}
.side-menu .menu-list {list-style: none;padding: 0;margin: 0;}
.side-menu .menu-list ul,.side-menu .menu-list li{list-style: none; margin: 0px; padding: 0px;}
.side-menu .menu-item {border-bottom: 1px solid #00000020;position: relative;}
.side-menu .menu-item a{list-style: none; color: #000; text-decoration: none;transition: 0.5s all ease;text-transform: capitalize;} 
.side-menu .menu-item a:hover{ color: #d4a04d; opacity: 1;} 
.side-menu .menu-item > a {width: 100%;padding: 15px 0px;font-weight: 600;font-size: 20px;font-family: 'Nexa', sans-serif;text-align: left;background: none;border: none;display: flex;justify-content: space-between;align-items: center;}
.side-menu .toggle-btn::after {content: "+";font-weight: normal;font-size: 40px;line-height: initial;position: absolute;right: 0px;top: 10px;color: #535353b8;}
.side-menu .toggle-btn:not(.collapsed)::after {content: "−";}
.side-menu .submenu a{color: #000; opacity: 0.6;font-weight: 700;font-family: 'Nexa', sans-serif; display: flex;margin: 10px 0px;text-transform: capitalize;}
.side-menu .submenu {margin-top: -15px;margin-bottom: 20px;}
.side-menu.open-menu {transform: translate(0);}

.page-banner{min-height: 600px; width: 100%; position: relative;display: flex;align-items: center;justify-content: center;}
.page-banner .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.page-banner h1{color: #fff; font-size: 4.3rem;}
.page-banner .hero-content {position: relative;z-index: 2;text-align: center;}
.page-banner-margin{margin-bottom: 70px;}

.property-list .property-card .p-title {overflow: hidden;height: auto;}
.property-list .property-card .p-title .price {font-weight: 600;font-size: 1.2rem;}
.property-list .property-card .p-title h3, .property-list .property-card .p-title h4 {height: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.property-list .property-card {border-radius: 12px;overflow: hidden;background-color: #FCF9F5;transition: transform 0.3s ease;height: 100%;}
.property-list .property-card:hover {transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.property-list .property-card:hover .arrow{transform: rotate(45deg);}
.property-list .property-card img {width: 100%;height: 300px;object-fit: cover;border-radius: 10px;}
.property-list .property-card a{text-decoration: none;display: block;}
.property-list .property-card .card-body {padding: 1rem;color: #000;}
.property-list .icon-btn {background: var(--cream-color);border-radius: 50%;padding: 10px;display: inline-flex;align-items: center;justify-content: center;color: #000;opacity: 0.8;}
.property-list .icon-btn:hover {opacity: 1;}
.property-list .property-meta {border-left: 1px solid #ccc;padding: 0px 10px;}
.property-list .property-meta:first-child {border-left: none;padding-left: 0;margin-left: 0;}


.pagination {justify-content: center;}
.pagination button {  font-family: "Poppins", sans-serif !important; font-weight: 400; font-size: 18px;}
.page-item .page-link {color: #7f7f7f;border: 1px solid #7f7f7f;padding: 0.5rem 0.75rem;border-radius: 0;min-width: 44px;text-align: center;margin: 0px 6px !important;font-family: "Inter", sans-serif;border-radius: 0px !important;}
.page-item.active .page-link {background: linear-gradient(45deg, #c5a058, #d9b373);border-color: transparent;color: #fff;}
.page-item .page-link:focus {box-shadow: none;}
.page-arrow {background: none;border: 1px solid #c5a058;color: #c5a058;}
.page-arrow:hover {background: #d9b373;color: white;}
.page-item.disabled .page-link {color: #aaa;background-color: #f8f8f8;pointer-events: none;}
.ellipsis {display: inline-block;min-width: 44px;text-align: center;color: #999;padding: 0.5rem 0.75rem;user-select: none;}


.feature-box {border: 1px solid #E0C68D;border-radius: 8px;padding: 30px;text-align: left;transition: 0.3s;height: 100%;}
.feature-box hr{margin: 35px 0px;}
.feature-icon img{width: 90px;height: 90px;}
hr {color: #E0C68D;margin: 25px 0px 20px 0px;opacity: 1;}


.team-card {border-radius: 1rem;overflow: hidden;background-color: #FCF9F5;border-radius: 12px; transition: transform 0.3s ease;}
.team-card:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: scale(1.02);}
.team-img {width: 100%;height: 500px;object-fit: cover; border-radius: 12px;}
.arrow-icon {background-color: #d4af37;border-radius: 50%;padding: 10px;display: inline-flex;align-items: center;justify-content: center;color: #000;opacity: 0.8;}
.arrow-icon i {font-size: 16px;}

.page-404 {min-height: 100vh;}
.page-404 h1{font-size: 10rem;}


.timeline {position: relative;margin: 0 auto;}
.timeline::before {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background-color: #e9ecef;transform: translateX(-50%);z-index: 1;}
.timeline .timeline-item:nth-child(2)::before {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 50%;background-color: #fff;transform: translateX(-50%);z-index: 1;}
.timeline .timeline-item:nth-child(4)::before {content: '';position: absolute;bottom: 0;left: 50%;width: 2px;height: 50%;background-color: #fff;transform: translateX(-50%);z-index: 1;}
.timeline-item {position: relative;display: flex;align-items: center;margin-bottom: 60px;min-height: 300px;}
.timeline-content {flex: 1;padding: 0 30px;}
.timeline-content.left {text-align: right; padding-left: 0px;}
.timeline-content.right {text-align: left; padding-right: 0px;}
.timeline-marker {position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: #d4a574;border-radius: 50%;}
.content-card {background: #fff;padding: 30px;border-radius: 12px;border: 1px solid #E0C68D;;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;}
.timeline-content.left .content-card::after {content: '';position: absolute;top: 50%;right: -15px;width: 0;height: 0;border-left: 15px solid #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;transform: translateY(-50%);z-index: 3;}
.timeline-content.left .content-card::before {content: '';position: absolute;top: 50%;right: -16px;width: 0;height: 0;border-left: 16px solid #E0C68D;border-top: 16px solid transparent;border-bottom: 16px solid transparent;transform: translateY(-50%);z-index: 2;}
.timeline-content.right .content-card::after {content: '';position: absolute;top: 50%;left: -15px;width: 0;height: 0;border-right: 15px solid #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;transform: translateY(-50%);z-index: 3;}
.timeline-content.right .content-card::before {content: '';position: absolute;top: 50%;left: -16px;width: 0;height: 0;border-right: 16px solid #E0C68D;border-top: 16px solid transparent;border-bottom: 16px solid transparent;transform: translateY(-50%);z-index: 2;}
.image-placeholder {width: 100%;height: 400px;background-color: #c4c4c4;border-radius: 12px;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease;}
.image-placeholder:hover {background-color: #b8b8b8;}
.lineContainer {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 2px;height: 100%;background-color: #ccc;z-index: 1;}
.line {position: relative;width: 100%;height: 100%;}
.line::before {content: '';position: absolute;top: 0;left: 0;height: var(--line-height, 0%);width: 100%;background-color: #b88d4a;transition: height 0.2s ease-out;}
  
.video-wrapper {position: relative;height: 700px;border-radius: 20px;overflow: hidden;}
.play-button-video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.slider-section {min-height: 200px;}
.slider-section .slider-wrapper {position: relative;}
.slider-section .step {position: sticky;top: 100px;width: 100%;margin: 0px auto 30px auto !important;opacity: 1;transition: all 0.4s ease;}
.slider-section .step .text-warning {background: #E0C68D;background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-size: 20px;}

.slider-section .step:nth-child(1) {z-index: 1;top: 80px;}
.slider-section .step:nth-child(2) {z-index: 2;top: 140px;}
.slider-section .step:nth-child(3) {z-index: 3;top: 180px;}
.slider-section .step:nth-child(4) {z-index: 4;top: 220px;}
.slider-section .step:nth-child(5) {z-index: 5;top: 220px;}
.slider-section .step:nth-child(6) {z-index: 6;top: 220px;}
.slider-section .step:nth-child(7) {z-index: 7;top: 220px;}
.slider-section .step:nth-child(8) {z-index: 8;top: 220px;}
.slider-section .step:nth-child(9) {z-index: 9;top: 220px;}
.slider-section .step:nth-child(10) {z-index: 10;top: 220px;}
.slider-section .step:nth-child(11) {z-index: 11;top: 220px;}
.slider-section .step:nth-child(12) {z-index: 12;top: 220px;}
.slider-section .step:nth-child(13) {z-index: 13;top: 220px;}
.slider-section .step:nth-child(14) {z-index: 14;top: 220px;} 
.slider-section .step:nth-child(15) {z-index: 15;top: 220px;} 
.slider-section .step:nth-child(16) {z-index: 16;top: 220px;} 
.slider-section .step:nth-child(17) {z-index: 17;top: 220px;} 
.slider-section .step:nth-child(16) {z-index: 18;top: 220px;} 
.slider-section .step:nth-child(18) {z-index: 19;top: 220px;} 
.slider-section .step:nth-child(20) {z-index: 20;top: 220px;} 

.slider-section .image-box{height: 235px;width: 100%;border-radius: 20px;}   
.slider-section .card {background: white;border: 1px solid #e3c598;border-radius: 20px;}
  

.gallery-wrapper {padding: 40px 0px;background-color: #fff;}
.main-img {position: relative;overflow: hidden;border-radius: 15px;height: 100%;}
.main-img img {width: 100%;height: 100%;border-radius: 15px;}
.img-badge {position: absolute;top: 10px;left: 10px;background: #E0C68D;color: #000;padding: 5px 10px;border-radius: 8px;font-size: 14px;display: flex;align-items: center;gap: 5px;}
.img-grid img {width: 100%;height: 100%;border-radius: 12px;}

.info-group {display: flex;flex-wrap: wrap;align-items: center;gap: 20px;margin-top: 20px;font-size: 15px;}
.info-item {display: flex;align-items: center;gap: 6px;}
.divider {width: 1px;height: 24px;background-color: #00000040;}

.meta-data {margin-top: 20px;display: flex;flex-wrap: wrap;gap: 30px;font-size: 15px;}
.meta-data div {border-right: 1px solid #ddd;padding-right: 20px;}
.meta-data div:last-child {border-right: none;}
.meta-data div strong {font-weight: 500;}

.amenity-col {border-right: 1px solid #00000040;}

.amenity-list .col-6:nth-child(6).amenity-col{border: none;}
.amenity-list .col-6:nth-child(12).amenity-col{border: none;}
.amenity-list .col-6:nth-child(18).amenity-col{border: none;}
.amenity-list .col-6:nth-child(24).amenity-col{border: none;}
.amenity-list .col-6:nth-child(30).amenity-col{border: none;}
.amenity-list .col-6:nth-child(36).amenity-col{border: none;}

.agent-card {background-color: #FCF9F5;border-radius: 20px;padding: 20px 30px;display: flex;flex-wrap: wrap;align-items: center;gap: 20px; background-image: url('./../images/agent-bg-logo.png'); background-position: center; position: sticky; bottom: 5px;}
.agent-image {width: 100px;height: 100px;border-radius: 50%;object-fit: cover; margin: 0px auto;}
.contact-info {flex-grow: 1;}
.youtube-iframe{height: 600px;border-radius: 20px;}
.page-thank-you h1{font-size: 5rem;}

.plan-section {position: relative;}
.bg-video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);object-fit: cover;z-index: 0;}

.group-input-range{position: relative;}
.group-input-range{position: relative;}
.group-input-range .custom-range-colored{position: absolute; bottom: 0px;}

.custom-range-colored {height: 4px;appearance: none;background: #dee2e6;width: 100%;cursor: pointer;border-radius: 14px;}  
.custom-range-colored::-moz-range-track {height: 4px;border-radius: 3px;background: linear-gradient(to right,var(--cream-color) 0%,var(--cream-color) var(--slider-percentage),#dee2e6 var(--slider-percentage),#dee2e6 100%);}  
.custom-range-colored::-webkit-slider-runnable-track {height: 4px;border-radius: 3px;background: linear-gradient(to right,var(--cream-color) 0%,var(--cream-color) var(--slider-percentage),#dee2e6 var(--slider-percentage),#dee2e6 100%);}  
.custom-range-colored::-moz-range-thumb{appearance: none;height: 12px;width: 12px;background: linear-gradient(136.77deg, var(--cream-color) 0%, var(--cream-color) 97.09%);border-radius: 50%;margin-top: -7px;border: none;}
.custom-range-colored::-webkit-slider-thumb {appearance: none;height: 12px;width: 12px;background: linear-gradient(136.77deg, var(--cream-color) 0%, var(--cream-color) 97.09%);border-radius: 50%;margin-top: -4px;border: none;}
  
.accordion-button:not(.collapsed){background: none;}

.faq .accordion-button{font-size: 20px;}
.accordion-button:not(.collapsed) {color: #000;}
.odometer-digit{min-width: 40px;}

.search_box{position: relative;}
.search_box .suggestion {  position: absolute;left: 0px;width: 100%;padding: 10px 0px;background-color: #fff;border: 1px solid #ededed;z-index: 99;border-radius: 0px 0px 5px 5px;max-height: 50vh;overflow: auto;}
.search_box .suggestion ul {padding: 0px; margin-bottom: 0px;}
.search_box .suggestion ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: left;cursor: pointer;padding: 5px 15px;}
.search_box .suggestion ul li:hover, .search_box .suggestion ul li.active{color: #000;background-color: #e0e0e6;}

.small-mortgage-calculator{height: auto;}
.small-mortgage-calculator .mb-4{margin-bottom: 12px !important;}
.small-mortgage-calculator .mt-4{margin-top: 12px !important;}
.small-mortgage-calculator h4{font-size: 1.3rem;}
.small-mortgage-calculator label{font-size: 0.9rem;}


.leaderboard {min-height: 100vh;background-attachment: fixed !important;}
.leaderboard-header {color: #ffffff;}
.leaderboard-logo {max-height: 40px;}
.leaderboard-title {font-weight: 700;}
 
.toggle-pill {display: flex;background: #1D293D80;padding: 5px;border-radius: 50px;border: 1px solid #FE9A0020;}
.toggle-btn {border: none;background: transparent;padding: 10px 22px;border-radius: 50px;color: #c8c8c8;font-weight: 500;transition: .3s;cursor: pointer;}
.toggle-btn.active {background: var(--cream-color);color: #000;}

.leaderboard-section {color: #000;}
.leader-card {background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(244, 248, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);border-radius: 24px;border: 1px solid #F4F8FFE5;}
.leader-title {background: linear-gradient(90deg, rgba(254, 154, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);text-align: center;border-bottom: 1px solid #04071633;padding: 15px;margin-bottom: 0px;}
  
.leader-card .box{text-align: center;}
.leader-card .box p{margin-bottom: 5px; font-size: 0.8rem;}
.leader-card .top-three {margin-top: 50px !important;margin-bottom: 30px !important;}

.leader-card .avatar {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;margin: 0px auto; position: relative;}
.leader-card .avatar img{width: 100%;}
.leader-card .rank {font-size: 17px;position: absolute;bottom: -11px;left: 50%;transform: translate(-50%);width: 30px;height: 30px;border-radius: 50%;font-weight: 600;z-index: 99999;}
.leader-card .silver .rank {background: linear-gradient(135deg, #90A1B9 0%, #62748E 100%);border: 1px solid #0F17294D;}
.leader-card .gold .rank {background: linear-gradient(94.48deg, #DDC289 1.4%, #BA9453 98.82%);border: 1px solid #0F17294D;}
.leader-card .bronze .rank {background: linear-gradient(135deg, #BB4D00 0%, #7B3306 100%);border: 1px solid #0F17294D;}
  
.leader-card .award{position: absolute;top: -50px;width: 70px;height: 70px;left: 50%;transform: translate(-50%); }
.leader-card .gold .avatar{ border: 4px solid #d4af37; }
.leader-card .silver .avatar{ border: 4px solid #bfc6d1; }
.leader-card .bronze .avatar{ border: 4px solid #cd7f32; }
  
.leaderboard-list .list-group-item {background: #DEE4ED80;border: 1px solid #31415880;border-radius: 12px;margin-bottom: 10px;padding: 10px 15px;}
.leaderboard-list .list-group-item div, .leaderboard-list .list-group-item span{font-weight: 600;}
.list-avatar {border: 1px solid #31415880;width: 32px;height: 32px;border-radius: 50%;margin-right: 8px;}
.leaderboard-sync{position: fixed;bottom: 25px;right: 25px;border-radius: 30px;padding: 5px;border: 0px;background-color: #e8d4b3;}


.guide-card img {width: 100%;height: 260px;object-fit: cover;border-radius: 12px;}
.guide-card {position: relative;}
.arrow-btn {position: absolute;bottom: 0px;right: 0px;background: var(--cream-color);border-radius: 8px 0px 0px 0px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 18px;cursor: pointer;}
.guide-title {font-weight: 600;margin-top: 15px;color: #000;}


.property-guides h1{color: #fff; font-size: 2.5rem !important;}
.property-guides p{max-width: 900px; margin: 0px auto;}
.property-guides-faq .accordion-item{box-shadow: 0 1px 1px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.16);border-radius: 8px;overflow: hidden;margin-bottom: 10px;border: 0px;padding: 2px 20px 0px 20px;}
.property-guides-faq .accordion-button{font-size: 18px; cursor: pointer;}
.property-guides-faq b{font-weight: 600;}
  
.sticky-contact-us{height: auto;position: sticky;top: 80px;align-self: start;z-index: 2;}
.sticky-contact-us a{width: 100%; display : inline-block;}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1960px;width: calc(100% - 288px);}
    .grid-image img {max-height: 225px;}
    .navbar-brand img{margin-left: -5px;}
    .navbar-brand .bars{margin-right: -5px;}
    .phone-mockup {max-width: 760px;top: 43px;min-height: 500px;}
}
@media (min-width: 2000px) {
    .hero-section .bg-color{width: 50%;}
}
@media (max-width: 1800px) {
    .hero-section .bg-color{width: 50%;}
}
@media (max-width: 1400px) {
    .amenity-list .col-6:nth-child(4).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(8).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(12).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(16).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(20).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(24).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(28).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(32).amenity-col{border: none;}
}

@media (max-width: 1200px) {
    .hero-section .bg-color{width: 50%;}
    .hero-section h1{font-size:3.5rem; max-width: 100%; line-height: 70px;}
    .property-list-page{margin-bottom: 230px;}
    .property-list-page-com{margin-bottom: 150px;}
}

@media (max-width: 991px) {
    .hero-section .bg-color {width: 100%;}
    .hero-section .center-text{text-align: center;}
    .hero-section .btn-center{justify-content: center;}
    
    .timeline::before, .lineContainer, .timeline .timeline-item:nth-child(2)::before, .timeline .timeline-item:nth-child(4)::before {display: none;}
    .timeline-item {flex-direction: column;align-items: flex-start;margin-bottom: 40px;min-height: auto;}
    .timeline-marker {display: none;}
    .timeline-content {width: 100%;padding: 0;}
    .content-card {padding: 20px;}
    .timeline-content.left .content-card::after,.timeline-content.right .content-card::after {top: -22px;left: 50%;right: auto;border-right: 15px solid #fff;border-left: none;border-top: 15px solid transparent;border-bottom: 15px solid transparent;transform: rotate(90deg)}  
    .timeline-content.left .content-card::before,.timeline-content.right .content-card::before {top: -24px;left: 50%;right: auto;border-right: 16px solid #E0C68D;border-left: none;border-top: 16px solid transparent;border-bottom: 16px solid transparent;transform: rotate(90deg)}
    .image-placeholder {height: 200px;margin-bottom: 40px;}

    .video-wrapper{height: 500px;}

    .contact-info {width: calc(100% - 130px);}
    .agent-card{ flex-direction: column;align-items: center;text-align: center; position: unset;}
    .youtube-iframe{height: 450px;}
    .slider-container .card-container{top: 40%;}
    .slider-container {height: 680px;}

    .plan-section {margin-top: 40px;height: 300px;}
    .service-section {padding: 60px 0px 60px 0px;}
    .stay-up-to-date .padding{padding: 10px;}
    .form-section .bg-image {display: block;width: 100%;position: inherit;min-height: 500px;}
    .form-section .bg-image iframe{min-height: 500px; display: block;}
   
}

@media (max-width: 767px) {
    .property-page.search-box-container{bottom: 0px; top: 0px;}
    .search-box-container{position: relative !important;}
    .search-box-container .shadow{box-shadow: 0 0 1rem rgba(0,0,0,.15) !important;}
    .logos{margin-top: 0px;}
    .slider-container .card-container{top: 50%;}
    /* .slider-container {height: 610px;} */
    .slider-container .card-container.active {transform: translate(-50%, -40%) scale(1)}
    .slider-container .card-container.below {transform: translate(-50%, calc(-40% - 50px)) scale(1);}
    .slider-container .card-container.above {transform: translate(-50%, calc(-40% - 100px)) scale(1);}  

    .contact-info {width: 100%;text-align: center;}
    .youtube-iframe{height: 400px;}
    .page-banner-margin{margin-bottom: 0px;}
    .page-banner h1{font-size : 3.3rem}
    .form-section .bg-image iframe, .form-section .bg-image {height: 400px;}


    .amenity-list .col-6:nth-child(2).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(4).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(6).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(8).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(10).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(12).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(14).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(16).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(18).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(20).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(22).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(24).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(26).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(28).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(30).amenity-col{border: none;}
    .amenity-list .col-6:nth-child(32).amenity-col{border: none;}

    .top-menu .address{display: none;}
    .page-thank-you{background: none !important;}
    .page-item .page-link {padding: 0.3rem 0.3rem;min-width: 36px;margin: 0px 2px !important;}

    .featured-properties .property-details .info{display: inline-block !important;width: 100%;}
    .featured-properties .property-details span:nth-child(1){width: 100%; display: block; margin-bottom: 5px;}
    .featured-properties .property-details span:nth-child(2){width: 33.33%; display: block; float: left;}
    .featured-properties .property-details span:nth-child(3){width: 33.33%; display: block; float: left;}
    .featured-properties .property-details span:nth-child(4){width: 33.33%; display: block; float: left;}
}

@media (max-width: 576px) {
    .page-banner h1{font-size : 2.3rem}
    .hero-section h1 {font-size: 2.3rem; line-height: 50px;}
    .stay-up-to-date .padding{padding: 10px;}
    .meta-data div{width: 100%; border: none;}
    .btn {font-size: 1rem !important;}
}

@media (min-width: 576px) {
    .meet-hyde-section .padding {padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 450px) {
    .side-menu > div{border-radius: 0px;}
}

@media (max-width: 400px) {
    .top-menu .row {display: block;}
    .top-menu .col {width: 100%;text-align: center !important;}
    /* .navbar{top: 58px;z-index: 999;} */
    .hero-section .btn-outline-light{width: 100%; justify-content: center;}
}

@media (min-width: 450px) and (max-width: 576px) {
    .hero-section .btn-outline-light{padding-left: 10px !important;padding-right: 10px !important;}
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .property-list .property-meta{width: 33.33%;margin-top: 10px;}
}