@import url(https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:ital,wght@0,100..900;1,100..900&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); .badge, .banner-card-txt h6, .detail-txt h3, .filter-input-group label, .login-txt form button, .menu-box ul li a, .product-bar h5, .product-bar1 h5, .right-side-top select, .theme1 span.theme1-txt, .theme2 span.theme2-txt, .work-list-txt h5, .work-txt h3, .work-txt h6, h1, h2, h3 {text-transform: uppercase } @font-face {font-family: "Fonts Awesome"; src: url(../fonts/fontawesome-webfont.eot); src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg"); font-weight: 400; font-style: normal } @font-face {font-family: blender; src: url("../fonts/BlenderPro-Medium.woff2") format("woff2"), url("../fonts/BlenderPro-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } .attention_popup p:last-child, .menu-box ul li, h1, h2, h3, h4, h5, h6, p, ul {margin: 0 } body, html {overflow-x: hidden } a:focus, a:hover, body {color: #393939 } .d-flex, .heading {display: flex } span.theme1-icon img {width: 15px; height: 9px } .theme1 span.theme1-txt, .theme2 span.theme2-txt {font-size: 14px; font-family: Montserrat, sans-serif; height: 100%; background-color: #ff8040 } h2, h3 {color: #000 } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .list-view-class .col-lg-4, .menu-box ul li.active a::after, .pro-info-form, .review-images-section, .showing-icon>.product-select, .ten-prof-card-txt, .ten-rev-com-input, .work-list-main, .work-list-txt, .work-txt h3, header, ul.detail-lists li {width: 100% } .ftr-bottom, .ftr-inp, .input-with-icon, .menu-box ul, .menu-box ul li, .menu-box ul li a, .password-box, .preview-item, .pro-info-input label, .product-bar form, .properties-card-main, .search_bar_filter, .ten-prof-card-img-txt-main, .upload-box, section.main_slider, section.work-sec .row {position: relative } .heading, .work-list-main ul li {border-bottom: 1px solid #00000021 } .centerCol, .menu-box li:hover li {float: none } .btn-clear-filters, .btn-filter, .btn-reset, .clear-all-btn, a, a:focus, a:hover {text-decoration: none } body {word-break: break-word; font: 15px/25px Poppins, sans-serif } .theme1 span.theme1-txt, .theme2 span.theme2-txt, h1 {color: #fff; font-weight: 400 } a {color: #ff8040; white-space: initial } a:hover {transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out } img {max-width: 100% } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; outline: 0 } input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none } ul {padding: 0; list-style-type: none } i {font-family: FontAwesome !important; font-style: normal } h1, h2, h3, h4, h5, h6 {font-family: Anton, sans-serif } .heading {align-items: center; justify-content: center; text-align: center; margin: 0 0 50px; padding: 0 0 30px } .bottom-footer .row, .d-flex, .footer-socials ul, .theme1 {align-items: center } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0 } input[type=number] {-moz-appearance: textfield } .menuSec, .noPadding, footer {padding: 0 } .noLeft {padding-left: 0 } .noRight {padding-right: 0 } .mt-5 {margin-top: 50px } .mb-5 {margin-bottom: 50px } .mt-8 {margin-top: 80px } .mt-4 {margin-top: 40px } .mt-3 {margin-top: 30px } .detail-slider.detail-slider-nav, .mt-2 {margin-top: 20px } .pt-5 {padding-top: 50px } .pb-1 {padding-bottom: 10px } .pb-2 {padding-bottom: 20px } .pb-3 {padding-bottom: 30px } .pb-4 {padding-bottom: 40px } .contact_form, .pb-8 {padding-bottom: 80px } .m-0 {margin: 0 !important } .p-0 {padding: 0 !important } .pt-8 {padding-top: 80px } .pt-4 {padding-top: 40px } .pt-3 {padding-top: 30px } .pt-2 {padding-top: 20px } .sec {padding: 80px 40px } .insec, .review_form_Sec, .review_listing_page, section.property-detail {padding: 80px 0 } .menu-box ul, .theme1 {padding: 3px; background-color: #fff; height: 50px } .theme1, .theme1 span.theme1-txt {display: inline-flex; overflow: hidden; transition: .5s ease-in } .over-flow-h {overflow: hidden } .theme1 {justify-content: start; border: 1px solid #0000; border-radius: 100px } .ten-prof-card-main:hover .ten-prof-card-txt-main, .testimonial_slider .slick-current .testimonial-card, .theme1:hover, .theme2:hover {background-color: #ff8040; transition: .5s ease-out } .theme1 span.theme1-txt {align-items: center; justify-content: center; padding: 0 15px; line-height: 20px; border-radius: 100px } .theme1:hover span.theme1-txt, .theme2:hover span.theme2-txt {background-color: #fff; color: #000; transition: .5s ease-out } .theme1 span.theme1-icon, .theme2 span.theme2-icon {display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 20px; transition: .5s ease-in } .theme2, .theme2 span.theme2-txt {display: inline-flex; align-items: center; overflow: hidden; transition: .5s ease-in } .theme1:hover span.theme1-icon, .theme2:hover span.theme2-icon {filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(0%) hue-rotate(115deg) brightness(110%) contrast(100%); transition: .5s ease-out } .theme2 {justify-content: start; height: 50px; border: 1px solid #ff8040; background-color: #fff; border-radius: 100px; padding: 2px } .theme2 span.theme2-txt {justify-content: center; padding: 0 30px; line-height: 20px; border-radius: 100px } .flexRow {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center } .flexCol {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; align-items: center } h1 {font-size: 71px; line-height: 76px } h2 {font-size: 60px; line-height: 65px; font-weight: 500 } h3 {font-size: 46px; line-height: 51px; font-weight: 400 } h4, h5, h6 {color: #000; font-weight: 500 } h4 {font-size: 24px; line-height: 29px } h5 {font-size: 20px; line-height: 25px } h6 {font-size: 18px; line-height: 23px } .menu-box ul li a, p {font-size: 14px; color: #000; font-weight: 400; line-height: 25px } p {font-family: Montserrat, sans-serif } select {background: url("../images/arrow.png") right no-repeat #fff; padding: 0 40px 0 30px } ::-webkit-input-placeholder {color: #575757 } ::-moz-placeholder {color: #575757; opacity: 1 } :-ms-input-placeholder {color: #575757 } :-moz-placeholder {color: #575757; opacity: 1 } header {padding: 20px; position: absolute; top: 0; left: 0; z-index: 9999 } .header-logo {max-height: 67px; display: flex; align-items: center; overflow: hidden } .header-btn, .menu-box ul, .no-results-icon, .pro-btn, .results-count, .right-text ul li a {display: flex; align-items: center } .header-btn {justify-content: end } .menu-box ul {justify-content: space-between; border-radius: 100px; overflow: hidden } .header-prof, .menu-box ul li a {align-items: center; overflow: hidden } .menu-box ul li {display: inline-block; padding: 0; height: 100% } .card-body.final_box p.fw-semibold.mb-1::after, .carousel-item:not(:first-child) .banner_text, .menu-box li ul, .menu-box li>ul>li>a:after, .menu-box li>ul>li>a:before, .role-card input, .step, .upload-box input, section.main_slider>img.cloud {display: none } .menu-box ul li a {display: flex; justify-content: center; height: 100%; padding: 0 20px; font-family: Poppins; border-radius: 100px; background-color: #fff; z-index: 0; transition: .5s ease-in } .menu-box ul li a:hover, .ten-prof-card-main:hover .ten-prof-card-img-txt h6, .ten-prof-card-main:hover .ten-prof-card-reviews h6, .ten-prof-card-main:hover .ten-prof-card-txt h5, .testimonial_slider .slick-current .testimonial-card-review p, .testimonial_slider .slick-current .testimonial-card-user-txt *, section.find-tenants-sec .ten-prof-card-main:hover .properties-dis-quan h5, section.find-tenants-sec .ten-prof-card-main:hover .properties-dis-txt h6 {color: #fff; transition: .5s ease-out } .menu-box ul li a::after {content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; width: 0; height: 100%; background-color: #ff8040; transition: .5s ease-out; z-index: -1 } .menu-box ul li a:hover::after {width: 100%; transition: .5s ease-out } .menu-box ul li.active a, .quote-txt * {color: #fff } .menu-box ul li a.active {transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; color: #28b16d } .menu-box li:hover>ul {display: block; position: absolute; z-index: 1000; background-color: #000; left: 0; width: 230px; text-align: left; top: 38px } .menu-box li>ul>li>a {border: none; padding: 13px 20px !important; color: #fff !important; overflow: hidden; font-size: 13px; line-height: 20px } .menu-box li>ul>li, .menu-box li>ul>li>a {display: block; margin: 0 } .menu-box li ul li a:hover {background-color: #fff; color: #000 !important } .menu-box ul ul ul {left: 100%; top: 0 } .menuSec li>ul>li:hover>ul {left: 230px; top: 0; width: 270px } .header-prof {display: flex; justify-content: right; height: 70px; width: 70px; border-radius: 100px; margin: 0 0 0 auto } .carousel-caption, .header-prof a, .header-prof a img, .main-banner-img {width: 100%; height: 100% } .header-prof a {display: flex; align-items: center; justify-content: center } .header-prof a img {display: flex; align-items: center; justify-content: center; object-fit: cover; object-position: center } img.cloud {position: absolute; z-index: 1; opacity: .8; animation-timing-function: linear; animation-iteration-count: infinite } img.cloud1 {bottom: 5%; left: -200px; animation: 80s linear infinite moveRight } img.cloud2 {top: 10%; right: -200px; animation: 50s linear infinite moveLeft } img.cloud3 {bottom: 25%; right: -200px; animation: 120s linear infinite moveLeft } @keyframes moveRight {from {transform: translateX(0) } to {transform: translateX(2000px) } } @keyframes moveLeft {from {transform: translateX(0) } to {transform: translateX(-2000px) } } .main-banner-img {object-fit: cover; object-position: center } .carousel-control.left, .carousel-control.right {background: rgba(255, 255, 255, .1); opacity: 1; width: 50px; height: 50px; top: 40%; text-shadow: none } .carousel-control.left:hover, .carousel-control.right:hover {background: rgba(255, 27, 27, .6); color: #fff } .carousel-control.left .fa, .carousel-control.right .fa {position: relative; top: 12px; font-size: 20px; color: #fff; opacity: .5 } .carousel-control.right {right: 0 } .carousel-control.left {left: 0 } .carousel-indicators {display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 3rem } .carousel-indicators [data-bs-target] {width: 10px; height: 10px; overflow: hidden; border-radius: 100px; text-indent: -999px; cursor: pointer; background-color: #fff; border: 0; opacity: .5; margin: 0 !important } .carousel-caption {position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 0; color: #fff; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center } .bottom-footer p, .left-text, .middle-text p, .pro-btn, .properties-dis, .properties-location-main, .ten-prof-card-txt h5, footer h6 {text-align: center } .carousel-indicators li {border: none; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #fff; width: 12px; height: 12px; margin: 0 } .carousel-indicators .active {margin: 0; width: 20px; opacity: 1 } .carousel-item {height: 120vh } .banner_text {display: none; align-items: center; justify-content: center; flex-direction: column; gap: 20px; width: 60%; margin: 0 auto; position: relative; z-index: 9999 } .banner-heading h1 span, .grid-view:hover .grid-view-badge, .review-image-card>a, .step.active, .work-txt h3 span {display: block } .banner-heading, .pro-info-form-heading {width: 100%; display: flex; align-items: center; justify-content: center; text-align: center } .banner-card {border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px 0 #0000001c } .banner-card-img {display: flex; align-items: center; justify-content: center; height: 300px; width: 100%; border: 20px solid #fff } .banner-card-con {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; background-color: #fff; padding: 0 20px 20px } .banner-card-txt, .work-list-main ul {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 10px; width: 100% } .banner-card-txt h6 {font-family: blender; font-size: 16px; line-height: 25px; font-weight: 700 } .banner-card-btn-reviews-main {width: 100%; display: flex; align-items: center; justify-content: space-between } .carousel-control-next, .carousel-control-prev {display: flex; align-items: center; justify-content: center; height: 50px; width: 70px; top: 50%; object-fit: contain; object-position: 0 0; border-radius: 100px; overflow: hidden; border: 1px solid #fff; opacity: 1; transition: .5s ease-in } .carousel-control-next span.carousel-control-next-icon, .carousel-control-prev span.carousel-control-prev-icon {display: flex; align-items: center; background-position: center; background-repeat: no-repeat; background-size: contain; width: 30px; object-position: 0 0; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(14deg) brightness(103%) contrast(100%); object-fit: contain; height: 15px } .carousel-control-next:hover, .carousel-control-prev:hover {background-color: #fff; border: 1px solid #0000; transition: .5s ease-out } .carousel-control-next span.carousel-control-next-icon {justify-content: center; background-image: url("../images/arrow-right.png"); transition: .5s ease-in } .carousel-control-next {right: 5% } .carousel-control-prev {left: unset; right: 10% } .carousel-control-prev span.carousel-control-prev-icon {justify-content: center; background-image: url("../images/arrow-left.png"); transition: .5s ease-in } .carousel-control-next:hover span.carousel-control-next-icon, .carousel-control-prev:hover span.carousel-control-prev-icon {filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(13%) hue-rotate(297deg) brightness(101%) contrast(99%); transition: .5s ease-out } .ban-num {position: absolute; top: 50%; left: 5%; display: none; align-items: center; justify-content: center; font-size: 105px; line-height: 1; font-family: Anton; color: #fff } .nav-pills .nav-link, .ten-prof-card-main, .work-txt-main {position: relative; overflow: hidden } .main_slider .carousel-item, .tab-content>.active {height: auto } .main_slider .main-banner-img {width: 100%; height: 950px; object-position: bottom; object-fit: cover } section.inner-banner .carousel-item {height: 60vh } section.inner-banner .banner_text {width: 100%; display: block } section.main_slider.inner-banner .main-banner-img {height: 100%; object-position: center } section.story-sec {padding: 100px } section.work-sec {padding: 240px 80px 100px } .work-txt-main {padding: 20px; background-color: #fff; border-radius: 10px; width: 42%; z-index: 9; margin: 0 0 0 20px } .ftr-inp form button:hover, .work-list-img {background: #ff8040 } .ten-det-listing-main, .ten-rev-txt, .work-txt {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 10px } .work-txt h6 {font-size: 12px; line-height: 20px; font-family: Anton, sans-serif; font-weight: 200; color: #ff8040; width: 100% } .work-list-main ul li {width: 100%; padding: 0 0 10px } .work-list-main ul li:last-child {border-bottom: 1px solid #0000 } .ten-rev-com-star-txt-main, .work-list-img-txt {display: flex; align-items: center; justify-content: start; gap: 20px; width: 100% } .work-list-img {color: #fff; padding: 1px 8px; border-radius: 13px } .work-list-txt h5 {font-size: 17px; line-height: 25px; font-family: Poppins; font-weight: 500 } .work-list-txt h6 {font-size: 13px; line-height: 20px; font-family: Poppins; color: #000; font-weight: 400; text-transform: math-auto } .work-img img {position: absolute; top: -40%; left: 0; height: 650px; width: 100% } .ten-prof-tabs-main ul.nav {display: flex; align-items: center; justify-content: center; gap: 0; margin: 0 0 40px } .nav-pills .nav-link {display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 100px; padding: 0 30px; background-color: #fff; font-size: 15px; line-height: 25px; font-family: blender; text-transform: uppercase; color: #646464; border: 1px solid #ff8040; outline: 0; font-weight: 500; transition: .5s ease-in } .ten-prof-card-img, .ten-prof-card-img img {display: flex; align-items: center; width: 100% } .nav-pills .nav-link:hover {background-color: #ff8040; color: #fff; transition: .5s ease-out } .nav-pills .nav-link.active {background-color: #ff8040; border: 1px solid #0000 } .ten-prof-card-main {border-radius: 5px; margin: 5px; transition: .5s ease-in } .pro-info-check label span, .ten-prof-card-main:hover {transition: .5s ease-out } .ten-prof-card-img {justify-content: center; height: 335px } .ten-prof-card-img img, .ten-prof-card-img-txt {justify-content: center; transition: .5s ease-in } .ten-prof-card-img img {height: 100%; object-fit: contain; object-position: center } .ten-prof-card-img-txt, .ten-prof-card-sub {align-items: center; background-color: #fff; position: absolute } .ten-prof-card-img-txt {top: 3%; right: 3%; display: inline-flex; height: 30px; border-radius: 100px; padding: 0 15px; border: 1px solid #ff8040 } .ten-prof-card-main:hover .ten-prof-card-img-txt {border: 1px solid #0000; background-color: #ff8040; transition: .5s ease-out } .ten-prof-card-img-txt h6 {font-family: blender; font-size: 9px; line-height: 1; transition: .5s ease-in } .ten-prof-card-sub {display: flex; justify-content: center; height: 25px; width: 25px; top: 2%; left: 2%; border-radius: 100px; border: 1px solid #ff8040 } .ten-prof-card-sub i {display: flex; align-items: center; justify-content: center; font-size: 12px; color: #ff8040 } .ten-prof-card-txt-main {position: absolute; bottom: 1%; left: 0; right: 0; width: 97%; margin: 0 auto; background-color: #fff; padding: 10px; border-radius: 5px; display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 0; transition: .5s ease-in; border: 1px solid #fff } .ten-prof-card-reviews-box {width: 100%; display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #00000021 } .ten-prof-card-txt h5 {font-size: 13px; line-height: 1; font-family: blender; text-transform: uppercase; transition: .5s ease-in } .ten-prof-card-star-reviews, .ten-rev-heading-main {display: flex; align-items: center; justify-content: space-between; width: 100% } .ten-prof-card-star ul {display: flex; align-items: center; justify-content: start; gap: 2px } .ten-prof-card-star ul li a i {font-size: 11px; color: #f39c12; transition: .5s ease-in } .ten-prof-card-main:hover .ten-prof-card-star ul li a i {color: #f3ca12; transition: .5s ease-out } .ten-prof-card-reviews h6 {font-size: 10px; line-height: 1; font-family: blender; color: #595959; text-transform: uppercase; font-weight: 600; transition: .5s ease-in } .properties-location-txt a, .testimonial-card-review p, .testimonial-card-txt p {color: #000; transition: .5s ease-in } .ten-prof-card-btn {display: flex; align-items: center; justify-content: center; width: 100% } .properties-btn a, .ten-prof-card-btn a {position: relative; font-size: 13px; line-height: 1; color: #000; text-transform: uppercase; opacity: .6; transition: .5s ease-in } .ten-prof-card-main:hover .ten-prof-card-btn a, .testimonial_slider .slick-current .testimonial-card-txt p {color: #fff; transition: .5s ease-out; opacity: 1 } .properties-btn a::before, .ten-prof-card-btn a::before {content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; border-bottom: 1px solid #000; width: 100%; transition: .5s ease-in } .ten-prof-card-main:hover .ten-prof-card-btn a::before {border-bottom: 1px solid #fff; transition: .5s ease-out } .properties-btn a:hover::before, .ten-prof-card-btn a:hover::before {width: 0; transition: .5s ease-out } .about-heading-main {display: flex; align-items: start; justify-content: start; gap: 50px; margin: 0 0 50px } .about-heading-btn-main {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; width: 50% } .about-heading {display: inline-flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; padding: 0 0 10px; border-bottom: 1px solid #00000029 } .about-heading-txt {width: 50%; display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px } .about-img, .about-img img {align-items: center; width: 100%; display: flex } .about-heading h6 {font-family: blender; font-size: 14px; line-height: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 10px } .testimonial-card-user-txt h5, .testimonial-card-user-txt h6 {font-family: Montserrat; line-height: 20px; transition: .5s ease-in } .about-img {justify-content: center; height: 440px; border-radius: 10px; overflow: hidden } .about-img img {justify-content: center; height: 100%; object-fit: cover; object-position: 0 -110px } section.testimonial-sec {padding: 80px 0 0 } section.testimonial-sec .testimonial-head {padding: 0 40px } section.testimonial-sec .draggable {padding: 0 350px 0 0 !important } .testimonial-heading-box {display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px } .testimonial-heading {width: 60% } .about-bottom-txt, .pro-info-input, .testimonial-card-txt-main, .testimonial-heading-txt {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px } .testimonial-tabs-btn {display: flex; align-items: center; justify-content: end; gap: 20px; width: 100% } .testimonial-tabs-main {width: 40% } .testimonial_slider {margin: 0 0 20px 135px } .testimonial-card-txt p, .testimonial_slider .slick-active, .testimonial_slider .slick-slide {opacity: 1 } .testimonial_slider .slick-slide {margin: 0 10px } .testimonial-card {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; padding: 20px; background-color: #fff9f5; border-radius: 5px; overflow: hidden; transition: .5s ease-in } .properties-img-txt ul, .properties-txt-main, .testimonial-card-user-img {border-radius: 5px; background-color: #fff } .testimonial-card-user {width: 100%; display: flex; align-items: center; justify-content: start; gap: 40px } .testimonial-card-user-txt h5 {font-size: 15px; font-weight: 500; text-transform: uppercase } .testimonial-card-user-txt h6 {font-size: 12px; font-weight: 500; text-transform: uppercase } .properties-img-txt ul li h6, .properties-location-heading h6, .properties-location-txt a, .quote-txt h6 {font-size: 14px; line-height: 25px } .properties-img-txt ul li h6, .properties-location-heading h6, .quote-txt h6, .ten-rev-head-txt p, .ten-rev-user-txt h6 {font-family: blender; text-transform: uppercase } .ftr-inp form, .ten-rev-user-main, .testimonial-card-start-review-main {display: flex; align-items: center; justify-content: start; gap: 20px } .testimonial-card-star ul {display: flex; align-items: center; justify-content: start; gap: 5px } .testimonial-card-star ul li a i {color: #ffdb00 } .testimonial-card-user-img {display: flex; align-items: center; justify-content: center; height: 110px; width: 110px; padding: 15px; overflow: hidden } .testimonial-card-user-img img {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 5px } .testimonial_slider .slick-track {display: flex !important } .quote-txt-main {position: relative; background-image: url("../images/quote-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 450px; width: 100%; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center } .quote-txt-main::before {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #ff8040e6 } .ftr-bottom:after, .ftr-bottom:before {background: #ffffff26; width: 1px; height: 50%; bottom: 0; content: ""} .quote-txt {position: relative; z-index: 9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px } .quote-txt h6 {font-weight: 500 } .properties-img-txt ul {display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 10px; position: absolute; top: 1%; right: 2% } .properties-img-txt ul li:first-child {padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #00000036 } .pro-info-head h6, .properties-img-txt ul li h6 {font-weight: 600 } .properties-img {display: flex; align-items: center; justify-content: center; height: 500px; width: 100%; border-radius: 5px; overflow: hidden } .properties-img img, .ten-rev-user-img img {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; object-fit: cover } .properties-txt-main {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; padding: 10px 10px 20px; position: absolute; bottom: 2%; right: 0; left: 0; width: 96%; margin: 0 auto } .bottom-footer, footer {background: #1a1a1a } .properties-location-main {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 80%; margin: 0 auto } .properties-location-txt a {font-family: Poppins; font-weight: 400 } .pro-info-check label:hover span, .properties-location-txt a:hover {color: #ff8040; transition: .5s ease-out } .properties-location-txt a i, .review_form_Sec_form .star.active, .review_listing_page .text-orange, .show-prg-num a.active, .show-prg-num a:hover, .view-grid1 a i:hover, .view-grid1 a.active i, li.head a {color: #ff8040 } .properties-dis-main {display: flex; align-items: center; justify-content: center; gap: 5px; width: 100% } .properties-dis-quan h5, .properties-dis-txt h6 {font-family: Montserrat, sans-serif; font-size: 12px; line-height: 20px; color: #989898 } .properties-dis {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 50px; width: 100%; border: 1px solid #9898988a; border-radius: 100px; overflow: hidden } .properties-dis-quan, section.testimonial-sec .slider_btnss {display: flex; align-items: center; justify-content: center; gap: 10px } .properties-dis-quan img {display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; object-fit: contain } .properties-bottom-main {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0 0; border-top: 1px solid #0000002e } .properties-price h6 {font-family: blender; font-size: 16px; line-height: 25px; text-transform: uppercase; font-weight: 600 } .pro-btn {justify-content: center; margin: 50px 0 0 } .left-text ul li, .pro-info-check-main ul li, .product-bar-btn, section.collection-side .properties-card-main {margin: 0 0 20px } .left-text ul li a i {color: #fff !important; font-size: 23px } .left-text ul li a {display: flex; justify-content: start; align-items: center; gap: 20px; transition: .2s ease-in; text-align: start } .left-text ul li a p:hover {color: #f67c3e; opacity: 1; transition: .2s ease-out } .left-text ul li p {font-size: 13px; line-height: 25px; color: #fefefe; font-weight: 400; margin: 0; text-align: start } .middle-text p {color: #fff; font-size: 13px; line-height: 16px; margin: 0 auto 20px } footer h6 {font-size: 25px; line-height: 1; color: #ffff; font-weight: 500; margin-bottom: 40px; font-family: ANTON; text-transform: uppercase } .right-text ul li a {color: #fefefe; text-transform: uppercase; font-size: 14px; line-height: 20px; margin: 0 0 10px; justify-content: start; transition: .2s ease-in } .right-text ul li a:hover {color: #f87d3e; opacity: 1; transition: .2s ease-out } .bottom-footer p {color: #fff; font-size: 15px; margin-bottom: 0; padding: 10px 0; line-height: 29px; font-family: Poppins; border-top: 1px solid #ffffff26; font-weight: 400; text-transform: capitalize } .left-text {width: 74%; margin: 0 0 0 auto } .double-links, .left-text h6, .right-text, .right-text h6 {text-align: start } .middle-text img {filter: brightness(.5) } .right-text ul li {margin-bottom: 3% } .ftr-bottom {padding: 70px 0 30px } .ftr-inp form input {width: 100%; padding: 10px 10px 10px 30px; border-radius: 0; color: #fff !important; background: #0000; border-bottom: 1px solid #ffffff33; border-right: none; border-left: none; border-top: none } .detail-checks ul li, .detail-txt h5, .ftr-inp {margin-bottom: 20px } .ftr-inp form button {border: unset; background: #0000; color: #fff; width: 5%; height: 40px; transition: .5s; border-radius: 100px; margin-top: 0; position: absolute; top: 8%; right: 25px } .ftr-inp form input:active, .ftr-inp form input:focus {background: 0 0 !important } .ftr-l img {width: 12% } .bottom-footer img {margin: 0 0 0 auto; display: block } .double-links {align-items: start; justify-content: start; gap: 80px; column-count: 2 } .ftr-inp form input::placeholder {color: #fff } .ftr-bottom:before {position: absolute; left: 30% } .ftr-bottom:after {position: absolute; right: 30% } .footer-socials ul {display: flex; justify-content: center; gap: 20px } .footer-socials ul li a i {display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; border-radius: 100px; background-color: #0000; color: #fff; border: 1px solid #fff; transition: .2s ease-in } .footer-socials ul li a i:hover {background-color: #ff8040; transition: .2s ease-out } .footer-top {width: 100%; margin: 0 auto 50px; padding: 0 0 50px; border-bottom: 1px solid #ffffff26 } .left-text ul li a img {filter: brightness(0) saturate(100%) invert(100%) sepia(34%) saturate(2%) hue-rotate(37deg) brightness(104%) contrast(101%) } .footer-top .ftr-inp {width: 60%; margin: 0 auto } section.inner-about-sec .about-img {margin: 50px 0 } .pro-info-form-main {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 30px; padding: 50px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px 0 #00000024 } .preview-grid, .preview-list {gap: 12px; position: relative; overflow: hidden } .ten-det-listing-box, .ten-rev-box {box-shadow: 0 0 20px 0 #00000017; background-color: #fff } .pro-info-form-heading h4 {font-family: Anton, sans-serif; font-size: 34px; line-height: 40px; text-transform: uppercase } .pro-info-input label {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 10px; width: 100%; margin: 10px 0; overflow: hidden; padding: 5px } .pro-info-check label, .pro-info-head h6, .pro-info-input label span {font-size: 15px; line-height: 20px; font-family: Montserrat; color: #000; text-transform: uppercase; font-weight: 500; cursor: pointer; transition: .5s ease-in } .pro-info-check label {display: inline-flex; align-items: center; justify-content: start; gap: 10px; transition: .5s ease-in } .pro-info-check-main ul {column-count: 3; margin: 20px 0 0 } .pro-info-input input, .pro-info-input label select, .pro-info-input label textarea {width: 100%; height: 50px; padding: 0 20px; border-radius: 5px; border: 1px solid #00000042; outline: 0; font-size: 14px; line-height: 1; font-weight: 500; font-family: Montserrat; color: #000 } .pro-info-input input::placeholder, .pro-info-input label textarea::placeholder {font-size: 12px; line-height: 1; font-weight: 500; font-family: Montserrat; color: #00000079; text-transform: uppercase } .pro-info-input label textarea::placeholder {position: absolute; bottom: 10% } .pro-info-input label textarea {height: 200px; padding: 20px; resize: none } .pro-info-input label select {cursor: pointer; text-transform: uppercase } .pro-info-input label i {position: absolute; bottom: 25%; right: 3% } .ten-det-user-txt h5, .ten-det-user-txt h6 {font-weight: 400; font-family: blender; text-transform: uppercase } .upload-box {border: 2px dashed #bbb; border-radius: 6px; padding: 28px; text-align: center; color: #888; font-family: Arial, sans-serif; cursor: pointer; transition: border-color .3s, color .3s; min-height: 140px } .file-name, .remove-btn:hover {color: #333 } .upload-box.dragover {border-color: #333; color: #333 } .upload-placeholder {display: flex; pointer-events: none; align-items: center; justify-content: center; text-align: center; width: 100%; height: 200px } .preview-list {display: none; text-align: left; margin-top: 6px; justify-content: flex-start } .preview-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); margin-top: 12px; display: flex } .preview-item {border: 1px solid #ddd; border-radius: 6px; padding: 8px; display: flex; align-items: center; gap: 8px; background: #fafafa } .thumb {width: 56px; height: 56px; border-radius: 4px; object-fit: cover; flex: 0 0 56px; background: #eee } .file-meta, .ten-det-listing-box, .ten-det-rev-box, .ten-det-txt {display: flex; flex-direction: column } .pro-info-btn, .showing-icon, .showing-main, .ten-det-box {align-items: center; display: flex } .file-meta {min-width: 0 } .file-name {font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px } .file-status {font-size: 11px; color: #2a7a2a } .remove-btn {position: absolute; top: 6px; right: 6px; border: none; background: 0 0; font-size: 16px; line-height: 1; cursor: pointer; color: #999 } .pro-info-btn {justify-content: center; margin: 20px 0 0 } section.find-tenants-sec .ten-prof-card-img {height: 500px } section.find-tenants-sec .properties-dis {transition: .5s ease-in } section.find-tenants-sec .ten-prof-card-main:hover .properties-dis {border: 1px solid #fff; transition: .5s ease-out } section.find-tenants-sec .properties-dis-quan h5, section.find-tenants-sec .properties-dis-txt h6 {text-transform: capitalize; transition: .5s ease-in } section.find-tenants-sec .ten-prof-card-txt h5 {font-size: 14px; font-weight: 600 } section.find-tenants-sec .ten-prof-card-img-txt h6 {font-size: 15px } section.find-tenants-sec .ten-prof-card-img-txt {height: 40px } .ten-det-rev-box {align-items: start; justify-content: start; gap: 50px } .ten-det-listing-box {padding: 20px; border: 1px solid #0000001c; border-radius: 5px; align-items: start; justify-content: start; gap: 40px; width: 100% } .showing-main, .ten-det-box {justify-content: start } .ten-det-user-main {display: flex; align-items: center; justify-content: start; gap: 20px; width: 35%; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #00000038 } .ten-det-user-img {display: flex; align-items: center; justify-content: center; height: 165px; width: 50%; border-radius: 5px; overflow: hidden } .ten-det-user-img img {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; object-fit: cover; object-position: 0 0 } .large-grid-view-class .col-lg-4, .pro-grid-view .w-full, .showing-icon>select, .ten-det-user-txt-main {width: 50% } .ten-det-user-txt h5 {font-size: 19px; line-height: 24px } .ten-det-user-txt h6 {font-size: 11px; line-height: 20px } .ten-det-user-star ul, .ten-rev-com-star-txt-main ul, .ten-rev-star ul {display: flex; align-items: center; justify-content: start; gap: 5px; color: #ff8040 } .ten-det-user-star ul li a i, .ten-rev-com-star-txt-main ul li a i, .ten-rev-star ul li a i {font-size: 18px; color: #ff8040 } .ten-det-user-star-review {align-items: center; justify-content: start; gap: 10px } .ten-det-txt {width: 65%; align-items: start; justify-content: start; gap: 10px } .ten-rev-box, .ten-rev-list-main {flex-direction: column; gap: 40px; width: 100%; display: flex } .ten-det-txt h5 {font-family: blender; text-transform: uppercase; font-weight: 600 } .ten-det-listing-heading h4 {font-size: 21px; line-height: 1; text-transform: uppercase } .ten-rev-box {padding: 40px; border: 1px solid #0000001c; border-radius: 5px; align-items: start; justify-content: start } .ten-rev-com-head h4, .ten-rev-head h4 {font-family: Anton, sans-serif; font-size: 35px; line-height: 40px; text-transform: uppercase } .ten-rev-head-txt p {font-size: 16px; line-height: 25px } .ten-rev-list-main {align-items: stretch; justify-content: start } .ten-rev {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; padding: 0 0 30px; border-bottom: 1px solid #00000040 } .ten-rev-user-star {display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px } .ten-rev-user-img {display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 5px; overflow: hidden } .ten-rev-com-input label span, .ten-rev-com-star-txt-main h5, .ten-rev-user-txt h5 {font-size: 19px; line-height: 25px; font-family: blender; text-transform: uppercase; color: #000 } .ten-rev-user-txt h6 {font-size: 11px; line-height: 20px; font-weight: 600 } .pro-det-bottom-txt, .ten-rev-com-input label, .ten-rev-com-main {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; width: 100% } .ten-rev-com-input label textarea {width: 100%; height: 200px; padding: 20px; font-size: 19px; line-height: 25px; color: #000; border-radius: 5px; border: 1px solid #00000030; box-shadow: 0 0 20px 0 #0000001a; outline: 0 } .ten-rev-com-input label textarea::placeholder {font-size: 19px; line-height: 25px; font-family: blender; text-transform: uppercase; color: #000000b0; position: absolute; bottom: 5%; left: 2% } .contact_detail_box h2 {font-size: 30px; line-height: 35px; color: #fff !important; font-weight: 400 } .contact_detail_box p a {font-size: 15px; line-height: 24px; color: #fff !important; margin: 0; font-family: Poppins; letter-spacing: 1px } .contact_detail_box {display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 20px; padding: 80px 20px; background-color: #ff8040; border-radius: 5px; height: 100%; max-height: -webkit-fill-available } .btn_contact, .btn_contact:hover {border: 2px solid #00007c; padding: 10px 40px; right: 0 } .contact_detail_box:hover {background: #000; color: #fff } .contact_form label {font-size: 14px; font-weight: 400; color: #5d5d5d; margin-bottom: 10px; font-family: roboto } .btn_contact {background-color: #00007c; color: #fff; transition: .3s ease-in-out } .btn_contact:hover {background-color: #fff0; color: #00007c } .centerCol {margin: 0 auto } .contact-sec-h h6 {font-size: 70px; line-height: 60px; color: #fff; font-weight: 400; margin-bottom: 10px } .contact-sec-h p {font-size: 14px; width: 85%; margin: auto; font-weight: 500 } .contact_page.all-section {padding: 100px 0 80px } .btn_wrap.text-center button {border: none; background: #ffac1c; padding: 15px 71px; font-family: Montserrat; font-size: 14px; text-transform: capitalize; font-weight: 500 } .contact_detail_con {display: flex; align-items: center; justify-content: start; gap: 10px } .btn_wrap.text-center button::before {background: #000; height: 0 } .contact_detail_box p {font-weight: 400; color: #fff; opacity: 1 } figure img {width: 50px } section.contact_form button.theme_btn.theme_btn2 {padding: 15px 45px; background: #333; text-transform: uppercase } input.form-control, textarea.form-control {height: 50px; padding: 0 20px; margin: 0 0 20px; color: #000; font-size: 14px; line-height: 1; font-family: Montserrat; font-weight: 500 } input.form-control::placeholder, textarea.form-control::placeholder {font-size: 12px; line-height: 1; font-family: Montserrat; font-weight: 500; text-transform: uppercase } textarea.form-control {height: 200px; padding: 20px } textarea.form-control::placeholder {position: absolute; bottom: 16%; left: 2% } .request-form-button {display: flex; align-items: center; justify-content: center; margin: 30px 0 0 } .number-item input::-webkit-inner-spin-button, .number-item input::-webkit-outer-spin-button {-webkit-appearance: auto; margin: 0 } .contact_detail_box.text-center *, .contact_detail_box:hover p, .login-txt-ex * {color: #fff } .contact_detail_box:hover a, .contact_detail_box:hover h2 {color: #fff !important } .btn_wrap.text-center {display: flex; justify-content: center; align-items: center; text-align: center } .range-text {display: flex; justify-content: center; position: relative } .right-side-top select {width: 100%; height: 50px; padding: 10px; border: 1px solid #bdbdbd87; color: #000; background-color: #fff; appearance: auto; line-height: 60px; font-size: 12px; font-family: Montserrat; font-weight: 400; cursor: pointer } .showing-icon>p {width: 15% } .right-side-top p {color: #000; font-size: 13px; font-weight: 600; margin: 0 } .show-prg-num a {font-size: 13px; font-weight: 500; color: #9e9b9b; padding: 0; transition: .5s } .filter-tag i, .show-prg-num p {font-size: 14px } .show-prg-num {gap: 5px } .showing-main {gap: 5px; width: 100% } .showing-icon {justify-content: start; gap: 10px; width: 100% !important } .showing-icon a {margin-top: 19px; padding: 0 13px; color: #000 } section.collection-side {padding: 100px 0; position: relative } img.bk-2.prd-pg-2 {bottom: 20% } img.bk-1.prd-pg-1 {right: -5%; bottom: 15% } .product-bar-txt h5 {font-size: 23px } .product-bar h5 {font-size: 24px; line-height: 30px; font-weight: 500 } .product-bar {width: 80%; height: 100% } .range-slider {width: 100%; position: relative; margin-top: 28px; display: flex; align-items: center; justify-content: space-between } .range-slider input {border: none } .range-slider .rangeValues {display: block; margin-top: 10px; font-size: 14px; font-weight: 500; color: #313131 } .range-slider input[type=range] {-webkit-appearance: none; width: 100%; position: absolute; left: 0; border: none; padding: 0 !important; height: 0; top: -15% } .range-slider input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 4px; background: #101010; border: none; border-radius: 3px } .range-slider input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; height: 14px; width: 14px; border-radius: 50%; background: #ff8040; margin-top: -5px; cursor: pointer; position: relative; z-index: 1 } .range-slider input[type=range]:focus {outline: 0 } .range-slider input[type=range]:focus::-webkit-slider-runnable-track {background: #ff8040 } .range-slider input[type=range]::-moz-range-track {width: 300px; height: 5px; background: #006df0; border: none; border-radius: 3px } .range-slider input[type=range]::-moz-range-thumb {border: none; height: 16px; width: 16px; border-radius: 50%; background: #006df0 } .product-bar1 a {display: block; color: #000; font-size: 14px; line-height: 35px; border-bottom: 1px solid #cccccc38; margin-bottom: 16px; padding-bottom: 10px; transition: .5s; font-family: Montserrat; font-weight: 600 } .grid-view p, .grid-view>a {color: #ff7f00 } .product-bar1 {margin: 30px 0 } .product-bar1 h5 {font-size: 24px; line-height: 30px; margin: 20px 0; font-weight: 500 } .product-bar1 a:hover {color: #ff8040; padding-left: 2px; font-weight: 500 } .grid-view>a {font-size: 19px; width: 25px; height: 25px; transform: rotate(90deg); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; transition: .2s ease-in-out } .grid-view>a:hover {color: #fff; transition: .2s ease-in-out } .collection-side .premium-products-silder-items {margin: 20px 0 } .grid-view-badge {position: absolute; top: -40px; left: 0; padding: 10px; background: #ff7f00; border-radius: 5px; z-index: 9; display: none } .grid-view-badge::before {content: ""; position: absolute; bottom: -10px; right: 0; left: 0; margin: 0 auto; width: 20px; height: 10px; background-color: #ff7f00; clip-path: polygon(100% 0, 0 0, 50% 100%) } .grid-view-badge h6 {font-size: 12px; line-height: 1; color: #fff; font-family: Montserrat; font-weight: 600; margin: 0 } .detail-checks ul li span, .detail-txt h4, ul.detail-lists li p, ul.detail-lists li ul li {font-family: Roboto, sans-serif } .row.product-grid.grid-view-class .col-lg-4 {width: 33.33333% } .view-grid1 {display: flex; align-items: center; justify-content: end; gap: 10px } .view-grid1 a i {color: #888 } .detail-slider.detail-slider-for {margin-bottom: 10px } .detail-slider .slick-slide {margin: 0 5px } .detail-slider.detail-slider-for img {height: 350px; object-fit: cover; border-radius: 0 } .property-listing-sec.inner {padding: 40px 0 100px } .detail-slider.detail-slider-nav img {width: 100%; height: 140px; object-fit: cover } .detail-txt h5 {font-size: 21px; color: #000 } .detail-txt h3 {color: #111212; margin-bottom: 15px; font-size: 50px; font-weight: 400 } ul.detail-lists {display: flex; align-items: flex-end; margin: 15px 0; gap: 20px } .detail-checks, .detail-txt {margin-left: 5px } ul.detail-lists li p {font-size: 17px; color: #000; border-bottom: 1px solid #607f6c; display: inline-flex; align-items: center; margin: 0; text-transform: capitalize; display: flex; align-items: center; justify-content: start; gap: 10px } ul.detail-lists li p img {display: flex; align-items: center; justify-content: center; height: 40px; width: 30px; filter: brightness(0) saturate(100%) invert(57%) sepia(44%) saturate(866%) hue-rotate(329deg) brightness(101%) contrast(102%); object-fit: contain } ul.detail-lists li ul {padding-left: 20px; margin-top: 15px; line-height: 28px } ul.detail-lists li ul li {font-size: 13px; color: #666; list-style: disc; font-weight: 400 } .detail-checks ul li span {font-size: 13px; color: #000; margin-left: 15px; text-transform: capitalize } .detail-checks ul li i {color: #f7a51c; border: 1px solid #f7a51c; font-size: 15px; width: 15px; height: 15px } .detail-checks ul {padding: 0; margin: 0 } section.smilar-property {padding: 30px 0 0 } .product-bar-btn a span.theme2-txt {padding: 0 20px } .smilar-top {text-align: center; margin-bottom: 50px } .smilar-top h4 {font-size: 55.63px; color: #000 } .slick-active {opacity: 1.5 } .detail-txt h4 {font-size: 19px } .detail-txt p {font-size: 14px; color: #666; margin: 10px 0 } ul.detail-lists li ul li::marker {color: #ff8040; font-size: 16px } .pro-det-bottom-txt-main {margin: 50px 0 0; display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 40px } .pro-det-bottom-txt h3 {font-size: 40px; line-height: 45px } .pro-det-bottom-txt ul {column-count: 4; width: 100%; padding: 0 0 0 30px } .pro-det-bottom-txt ul li {color: #ff8040; list-style-type: disc; margin: 0 0 10px } .login-txt form input, .login-txt select {width: 100%; margin-bottom: 10px; outline: 0; padding: 10px 40px 10px 20px; color: #000; font-weight: 400; border: 1px solid #0000002b; border-radius: 5px } .login-txt form input::placeholder {color: #c7c7c7 } .login-txt form input:focus {box-shadow: none; border: 1px solid #0000002b } .login-txt h2 {text-align: center; margin: 0 0 30px; text-transform: capitalize; text-transform: uppercase; font-weight: 500 } .password-box-input input {padding: 10px 40px 10px 20px } .password-icon {position: absolute; top: 26%; right: 5% } .password-icon span {color: #000; cursor: pointer } .login-txt {padding: 45px 25px 35px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 #0000001a } .login-txt ul {display: flex; justify-content: start; align-items: center; margin: 20px 0; gap: 10px } li.head {color: #ff8040; font-size: 17px; font-weight: 600 } .login-txt ul li {display: flex; gap: 7px; font-weight: 400 } .login-txt form button {width: 100%; color: #fff; padding: 10px 0; outline: 0; border: none; margin-bottom: 20px; justify-content: center; font-size: 16px; border-radius: 100px; font-family: Montserrat; font-weight: 400; transition: .2s ease-in; background-color: #ff8040 } .login-txt form button:hover {background-image: unset; background-color: #000; transition: .2s ease-out } li.head-ex {text-decoration: underline } .login-txt ul li label {cursor: pointer } .login-txt-ex {background-color: #ff8040; box-shadow: unset } .login-txt-ex form input {background-color: #0000; border: 1px solid #fff; color: #fff } .login-txt-ex form button, .login-txt-ex form input:focus {background-color: #fff; color: #000 } .login-txt-ex form input::placeholder {color: #fff } .login-txt-ex ul {justify-content: space-between } .login-txt-ex li.head a {color: #fff } .login-txt-ex form button:hover {background-color: #000; color: #fff } .tab-content>.tab-pane {display: block; height: 0; overflow: hidden } .fa-classic, .fa-regular, .fa-solid, .far, .fas {font-family: "Font Awesome 6 Free" !important } :root {--primary-color: #ff8040; --primary-dark: #e6733a; --primary-light: #ffb38a; --text-dark: #2c3e50; --text-muted: #6c757d; --border-color: #e0e0e0; --bg-light: #f8f9fa; --white: #ffffff; --shadow-sm: 0 2px 8px rgba(255, 128, 64, 0.1); --shadow-md: 0 4px 16px rgba(255, 128, 64, 0.15); --shadow-lg: 0 8px 24px rgba(255, 128, 64, 0.2) } .search-filter-sec {background: linear-gradient(135deg, #b7dfe7 0, #fff 100%); padding: 40px 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .05) } .search-filter-wrapper {background: var(--white); border-radius: 20px; padding: 35px; box-shadow: var(--shadow-md); border: 2px solid rgba(255, 128, 64, .1) } .btn-filter, .filter-tag {box-shadow: var(--shadow-sm) } .search-filter-header {text-align: center; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 2px solid rgba(255, 128, 64, .2) } .search-filter-header h3 {font-size: 28px; margin-bottom: 8px } .search-filter-header h3 i {color: var(--primary-color); margin-right: 10px } .search-filter-header p {font-size: 16px; margin: 0 } .filter-input-group {margin-bottom: 0 } .filter-input-group label {display: block; font-weight: 600; color: var(--text-dark); margin-bottom: 10px; font-size: 14px; letter-spacing: .5px } .filter-input-group label i {color: var(--primary-color); margin-right: 6px; font-size: 16px } .input-with-icon i {position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--primary-color); font-size: 18px; z-index: 2 } .input-with-icon .form-control {padding-left: 50px; height: 50px; border: 2px solid var(--border-color); font-size: 15px; transition: .3s; background: var(--white) } .input-with-icon .form-control:focus {border-color: var(--primary-color); box-shadow: 0 0 0 .2rem rgba(255, 128, 64, .15); outline: 0 } .input-with-icon .form-control::placeholder {color: #adb5bd } .filter-buttons {display: flex; gap: 10px; height: 100%; align-items: center; padding-bottom: 0; margin-top: 8px } .btn-filter, .btn-reset {height: 52px; border: none; font-weight: 600; font-size: 15px; transition: .3s; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px } .btn-filter {background: linear-gradient(135deg, var(--primary-color) 0, var(--primary-dark) 100%); color: var(--white); flex: 1; min-width: 100px } .btn-filter:hover {background: linear-gradient(135deg, var(--primary-dark) 0, var(--primary-color) 100%); box-shadow: var(--shadow-md); transform: translateY(-2px) } .btn-reset {background: #f1f3f5; color: var(--text-dark); width: 52px; padding: 0 } .btn-reset:hover {background: #e9ecef; color: var(--primary-color); transform: translateY(-2px) } .active-filters-container {margin-top: 30px; padding-top: 25px; border-top: 2px dashed rgba(255, 128, 64, .2) } .active-filters-header {margin-bottom: 15px } .active-filters-header strong {color: var(--text-dark); font-size: 15px; text-transform: uppercase; letter-spacing: .5px } .active-filters-header i {color: var(--primary-color); margin-right: 8px } .active-filters-tags {display: flex; flex-wrap: wrap; gap: 12px; align-items: center } .clear-all-btn, .filter-tag {display: inline-flex; align-items: center; border-radius: 25px; font-size: 14px; font-weight: 600 } .filter-tag {gap: 8px; background: linear-gradient(135deg, var(--primary-color) 0, var(--primary-dark) 100%); color: var(--white); padding: 10px 16px; animation: .3s slideIn } .filter-tag .remove-tag {color: var(--white); text-decoration: none; font-size: 22px; line-height: 1; margin-left: 4px; font-weight: 700; transition: .2s } .filter-tag .remove-tag:hover {transform: scale(1.2) } .clear-all-btn {gap: 6px; background: #f8f9fa; color: var(--text-dark); padding: 10px 18px; border: 2px solid var(--border-color); transition: .3s } .clear-all-btn:hover, .pagination-container .pagination .page-link:hover {background: var(--primary-color); color: var(--white); border-color: var(--primary-color); transform: translateY(-2px) } .btn-clear-filters:hover, .review_listing_page .review-card:hover {transform: translateY(-3px) } .results-header {margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, rgba(255, 128, 64, .05) 0, rgba(255, 128, 64, .02) 100%); border-radius: 15px; border-left: 4px solid var(--primary-color) } .results-count {gap: 12px } .results-count i {font-size: 28px; color: var(--primary-color) } .results-count h5 {margin: 0; color: var(--text-dark); font-size: 20px; font-weight: 600 } .count-highlight {color: var(--primary-color); font-weight: 700; font-size: 24px } .no-results-container {display: flex; justify-content: center; align-items: center; min-height: 400px; padding: 60px 20px } .no-results-content {text-align: center; max-width: 500px } .no-results-icon {width: 120px; height: 120px; margin: 0 auto 30px; background: linear-gradient(135deg, rgba(255, 128, 64, .1) 0, rgba(255, 128, 64, .05) 100%); border-radius: 50%; justify-content: center; border: 3px dashed var(--primary-color) } .btn-clear-filters, .pagination-container .pagination .page-item.active .page-link {background: linear-gradient(135deg, var(--primary-color) 0, var(--primary-dark) 100%) } .no-results-icon i {font-size: 60px; color: var(--primary-color) } .no-results-content h4 {color: var(--text-dark); font-size: 28px; font-weight: 700; margin-bottom: 15px } .no-results-content p {color: var(--text-muted); font-size: 16px; margin-bottom: 10px } .no-results-content .suggestion {color: var(--primary-color); font-weight: 600; margin-bottom: 25px } .btn-clear-filters {display: inline-flex; align-items: center; gap: 10px; color: var(--white); padding: 14px 30px; border-radius: 30px; font-size: 16px; font-weight: 600; box-shadow: var(--shadow-md); transition: .3s } .btn-clear-filters:hover {box-shadow: var(--shadow-lg); color: var(--white) } .pagination-container {display: flex; justify-content: center; margin-top: 50px; padding-top: 30px; border-top: 2px solid rgba(255, 128, 64, .1) } .pagination-container .pagination .page-link {color: var(--primary-color); border: 2px solid var(--border-color); margin: 0 3px; border-radius: 8px; font-weight: 600; transition: .3s } .pagination-container .pagination .page-item.active .page-link {border-color: var(--primary-color); box-shadow: var(--shadow-sm) } @keyframes slideIn {from {opacity: 0; transform: translateX(-20px) } to {opacity: 1; transform: translateX(0) } } @media (max-width:1199px) {.filter-buttons {flex-direction: row; margin-top: 10px } .btn-reset {width: 52px } } @media (max-width:991px) {.search-filter-wrapper {padding: 25px } .search-filter-header h3 {font-size: 24px } .filter-buttons {padding-bottom: 0; margin-top: 0 } .btn-filter {flex: 1 } } @media (max-width:767px) {.search-filter-sec {padding: 25px 0 } .search-filter-wrapper {padding: 20px; border-radius: 15px } .search-filter-header {margin-bottom: 25px; padding-bottom: 20px } .search-filter-header h3 {font-size: 20px } .search-filter-header p {font-size: 14px } .filter-tag {font-size: 13px; padding: 8px 14px } .no-results-icon {width: 100px; height: 100px } .no-results-icon i {font-size: 50px } .no-results-content h4 {font-size: 24px } } .badge-custom {color: #fff; background-color: #ff8040; border-color: #ff8040 } .review-text {max-height: 50px; overflow: hidden; transition: max-height .3s } .review-text.expanded {max-height: 1000px } .toggle-btn {background: 0 0; border: none; color: #ff8040; padding: 0; cursor: pointer; margin-top: 5px } .review-image-card {position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); transition: transform .3s } .review-image-card:hover {transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, .15) } .review-detail-image {width: 100%; object-fit: cover; cursor: pointer; height: auto } .testimonial-card:hover {background: #ff8040; transition: .3s ease-in-out } .testimonial-card:hover p {color: #fff; transition: .3s ease-in-out } .testimonial_slider .slick-next {right: 48%; top: 110% } .testimonial_slider .slick-prev {left: 48%; top: 110% } .testimonial_slider .slick-prev:before {content: "\f053"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 13px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border: 2px solid #ff8040; color: #ff8040; opacity: 1; border-radius: 5px } .testimonial_slider .slick-next:before, section.testimonial-sec .slider_btnss>li>i {font-weight: 600; font-size: 13px; width: 40px; height: 40px; align-items: center; color: #ff8040; opacity: 1; display: flex; background: #fff } .testimonial_slider .slick-next:before {content: "\f054"; font-family: "Font Awesome 6 Free"; justify-content: center; border: 2px solid #ff8040; border-radius: 5px } .was-validated .role-card.is-invalid, .was-validated .role-card.is-valid {padding-right: calc(1.5em + .75rem); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } section.signin_sec {padding: 80px 0 !important; margin: 0 !important } .terms-content-page h1 {font-size: 36px; color: #000 } .terms-content-page h2 {font-size: 24px } .testimonial-tabs-btn ul#pills-tab2 {gap: 10px } section.testimonial-sec .slider_btnss>li>i {cursor: pointer; justify-content: center; border: 2px solid #ff8040; border-radius: 5px } .testimonial_slider .slick-arrow, .testimonial_slider .slick-arrow:before {display: none !important } .attention_popup {position: fixed; background: #fff; padding: 20px; border-radius: 20px; top: 50%; width: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 20px #00000040; z-index: 99999999999999999; height: fit-content } .attention_popup>span.closePop {position: absolute; right: 10px; top: 10px; background: #ff8040; color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; border: 1px solid #fff; font-size: 10px } .attention_popup h3 {font-size: 40px; line-height: 1.2; margin-bottom: 10px } .attention_popup p {margin-bottom: 10px; font-size: 14px } @media only screen and (min-width:1400px) and (max-width:1599px) {.testimonial_slider {margin-left: 45px !important } } @media only screen and (min-width:1600px) and (max-width:1899px) {.main_slider .main-banner-img {height: 800px } } @media only screen and (min-width:1366px) and (max-width:1599px) {.testimonial_slider {margin-left: 8.5% } .menu-box ul li a {padding: 0 16px; font-size: 12px } .about-heading h2 {font-size: 45px; line-height: 65px } .properties-img-txt ul li h6, .properties-price h6, .right-side-top p {font-size: 12px } .right-side-top .col-md-2 {width: 18.666667% } .right-side-top .col-md-6 {width: 40% } .product-bar, .review-images-section .col-md-3.col-sm-6 {width: 100% } .ten-det-sec .ten-det-user-star-review {display: block } .contact_detail_box {height: 250px } .carousel-item {height: auto } .main-banner-img {height: 900px } .main_slider .main-banner-img {height: 690px } h1 {font-size: 60px } h2 {font-size: 50px } .testimonial-tabs-btn>ul {margin: 0 !important; gap: 10px } .quote-txt-main {height: 350px } .double-links {gap: 0 } .carousel-control-next {right: 4% } .testimonial_slider .slick-arrow {width: 40px; height: 40px } .testimonial_slider .slick-prev {left: 46% } .testimonial_slider .slick-next {right: 46% } section.work-sec {padding-top: 190px } section.inner-banner .carousel-item {height: 100% } section.inner-banner .carousel-item .main-banner-img {height: 450px } .properties-dis-quan h5, .properties-dis-txt h6 {font-size: 10px } section.property-detail .review-images-section .col-md-3.col-sm-6 {width: auto } section.find-tenants-sec .ten-prof-card-img {height: 400px } .ten-det-user-img {width: auto; height: auto } } @media only screen and (min-width:1200px) and (max-width:1365px) {.work-txt h3, h2 {line-height: 1.2 } .testimonial_slider {margin-left: 3% } .carousel-item, section.inner-banner .carousel-item {height: 100% } .main-banner-img {height: 850px } h1 {font-size: 60px } .carousel-control-next {right: 30px } .work-txt h3 {font-size: 35px } h2 {font-size: 45px } .testimonial-tabs-btn>ul {gap: 10px; margin: 0 !important } .testimonial_slider .slick-arrow {width: 40px; height: 40px } .testimonial_slider .slick-prev {left: 45% } .testimonial_slider .slick-next {right: 45% } .quote-txt-main, .ten-prof-card-img {height: 300px } .double-links {gap: 0 } .work-img img {top: -46% } .menu-box ul li a {padding: 0 16px; font-size: 12px } .product-bar-btn a span.theme2-txt {padding: 0 9px } .properties-img-txt ul li h6, .properties-price h6, .right-side-top p {font-size: 12px } .properties-dis-quan h5, .properties-dis-txt h6 {font-size: 11px } .properties-location-main, .review-images-section .col-md-3.col-sm-6 {width: 100% } .right-side-top .col-md-2 {width: 18.666667% } .right-side-top .col-md-6 {width: 40% } .about-heading h2 {font-size: 45px; line-height: 65px } .ten-det-sec .ten-det-user-star-review {display: block } .contact_detail_box {height: 250px } section.inner-banner .carousel-item .main-banner-img {height: 450px } .ten-det-user-img, ul.detail-lists li p img {width: auto; height: auto } section.property-detail .review-detail-image, section.property-detail .review-image-card, section.property-detail .review-image-card>a, section.property-detail .review-images-section .col-md-3.col-sm-6 {width: auto } section.find-tenants-sec .ten-prof-card-img {height: 400px } .main_slider .main-banner-img {height: 600px } } @media only screen and (min-width:992px) and (max-width:1199px) {.ten-prof-card-img img, .work-img img {object-fit: cover } .work-txt h3, h1, h2 {line-height: 1.2 } .attention_popup {width: 95% } .about-img img {object-position: center } .about-img {height: auto } .testimonial_slider {margin-left: 20px } .carousel-item, section.inner-banner .carousel-item {height: 100% } .main-banner-img {height: auto !important } .menu-box ul li a {font-size: 12px; padding: 0 9px } .theme1 span.theme1-txt {font-size: 12px; padding: 0 20px } h1 {font-size: 55px } .banner-card-img {height: 250px } .carousel-control-prev {left: 50px } .carousel-control-next {right: 50px } .banner_text {margin-top: 70px } section.story-sec {padding: 60px 30px } .work-txt-main {margin: 0; width: 60% } .work-txt h3 {font-size: 35px } section.work-sec {padding-left: 30px; padding-right: 30px; padding-top: 200px } .work-img img {height: 630px } h2 {font-size: 40px } .testimonial-tabs-btn>ul {gap: 10px; margin-bottom: 0 !important } .ten-prof-sec .col-xl-2.col-lg-2.col-md-4.col-sm-6.col-12.p-0 {width: 33.3333333% } .quote-txt-main, section.find-tenants-sec .ten-prof-card-img {height: 300px } .double-links {gap: 0; column-count: 1 } .left-text {width: 85% } section.inner-banner .carousel-item .main-banner-img {height: 450px !important } section.collection-side {padding: 80px 0 } .theme2 span.theme2-icon {padding: 0 10px } .row.right-side-top.align-items-center.mb-5>.col-md-6 {display: none } .row.right-side-top.align-items-center.mb-5>.col-md-2 {width: 33.3333% } .properties-img-txt ul li h6, .properties-price h6 {font-size: 10px } .contact-sec-h p, .product-bar, .properties-location-main, .ten-det-txt {width: 100% } .properties-location-txt a {font-size: 12px } .properties-dis-main {flex-wrap: wrap } .properties-dis {width: fit-content; padding: 0 12px } .properties-btn a {font-size: 11px } .properties-img {height: 450px } .ten-det-user-img, ul.detail-lists li p img {width: auto; height: auto } .contact_detail_box p a, ul.detail-lists li p {font-size: 14px } ul.detail-lists li ul {margin-top: 5px } .pro-det-bottom-txt-main {margin-top: 20px; gap: 10px } .search-filter-wrapper {padding: 15px } .ten-det-box {flex-direction: column; gap: 15px } .ten-det-user-main {width: 100%; padding: 0; margin: 0; border: 0 } .contact_detail_box {height: 100%; padding: 50px 20px } .login-txt p {font-size: 13px } section.signin_sec {padding: 80px 0 !important; margin: 0 !important } .testimonial_slider .slick-prev {left: 45%; width: 40px; height: 40px; top: 112% } .testimonial_slider .slick-next {right: 46%; width: 40px; height: 40px; top: 112% } } @media only screen and (min-width:768px) and (max-width:991px) {.ten-prof-card-img img, .work-img img {object-fit: cover } .attention_popup {width: 95% } .banner_text {width: 70%; margin-top: 80px } .carousel-item, section.inner-banner .carousel-item {height: 100% } .main-banner-img {height: auto !important; object-position: bottom !important; object-fit: cover !important } h1, h2 {font-size: 40px; line-height: 1.2 } .banner-card-img {height: 250px } header .col-xl-2.col-lg-2.col-md-2.col-sm-12.col-12 {width: 50%; order: 1 } header .col-xl-7.col-lg-7.col-md-7.d-none.d-md-block {width: 100%; order: 3 } header .col-xl-3.col-lg-3.col-md-3.col-sm-12.col-12 {width: 50%; order: 2 } .menu-box ul {margin-top: 30px } .contact_detail_box p a, .menu-box ul li a, .row.product-grid.grid-view-class .properties-img-txt ul li h6 {font-size: 12px } .carousel-control-prev {top: 60%; right: unset; left: 80px } .carousel-control-next {top: 60%; left: unset; right: 80px } section.story-sec {padding: 70px 20px } .work-img img, section.find-tenants-sec .ten-prof-card-img {height: 400px } section.work-sec {padding: 200px 50px 50px } .work-txt-main {width: 100%; margin: 0 } .work-txt h3 {font-size: 35px } .about-heading-main {gap: 10px; flex-direction: column } .about-heading-btn-main, .about-heading-txt, .contact-sec-h p, .row.product-grid.grid-view-class .properties-location-main, .ten-det-txt, .testimonial-heading, .testimonial-tabs-main, section.property-detail .col-md-6.col-sm-6 {width: 100% } .about-img img {object-position: center } .testimonial-heading-box {flex-direction: column; align-items: baseline; gap: 20px } .testimonial-tabs-btn {justify-content: start } .testimonial-tabs-btn>ul {margin: 0 !important; gap: 10px } section.testimonial-sec .testimonial-head {padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem) } .testimonial_slider {margin-left: 0 } section.testimonial-sec .draggable {padding: 0 !important } .quote-txt-main {height: 300px; text-align: center } .double-links {column-count: 1 } .left-text {width: 90% } .left-text ul li a, .pro-det-bottom-txt-main {gap: 10px } .left-text ul li p {font-size: 11px; line-height: 1.2 } .ten-prof-card-img {height: 300px } section.inner-banner .carousel-item .main-banner-img {height: 450px !important } section.collection-side {padding: 60px 0 } .product-bar {width: 100%; text-align: center } .range-slider {width: 50%; margin: 28px auto 0; justify-content: center } .product-bar1 a {display: inline-block; padding: 10px 20px; margin: 5px } .row.right-side-top.align-items-center.mb-5>.col-md-6 {display: none } .row.right-side-top.align-items-center.mb-5>.col-md-2 {width: 33.3333333% } .show-prg-num {justify-content: center } .row.product-grid.grid-view-class .properties-location-txt a {font-size: 12px; line-height: 1.2 } .row.product-grid.grid-view-class .properties-dis-main {flex-wrap: wrap } .row.product-grid.grid-view-class .properties-price h6 {font-size: 10px } .login-txt, .pro-info-form-main, .ten-rev-box {padding: 20px } .detail-txt {margin-top: 20px } ul.detail-lists li p img {width: auto; height: auto } .ten-det-box {flex-direction: column; gap: 20px; width: 100% } .ten-det-user-img img {width: 170px } .ten-det-user-main {width: 100%; padding: 0; border: 0; margin: 0 } .ten-det-user-img {height: auto; width: fit-content } .contact_page.all-section {padding: 50px 0 } .contact_detail_box {height: 100%; text-align: center; padding: 30px 10px; align-items: center } .contact_detail_con {flex-wrap: wrap; align-items: center; justify-content: center } .login-txt h2 {font-size: 33px } section.signin_sec {padding: 70px 0 !important; margin: 0 !important } section.signin_sec .col-lg-6.col-md-6.col-12.offset-3 {width: 80%; margin: 0 auto } .pro-info-form-main .col-xl-3.col-lg-3.col-md-3.col-sm-12.col-12 {width: 50% } } @media only screen and (min-width:300px) and (max-width:767px) {.quote-txt, .quote-txt h2, footer h6 {text-align: center } .header-btn, .slicknav_nav, header {position: relative } .ten-prof-card-img img, .work-img img {object-fit: cover } .attention_popup {width: 95%; bottom: 10px } .attention_popup h3, .pro-info-form-heading h4 {font-size: 30px } .attention_popup p {font-size: 12px; line-height: 1.6 } .attention_popup>span.closePop {width: 30px; height: 30px; font-size: 15px } .ftr-bottom:after, .ftr-bottom:before, .testimonial_slider .slick-arrow:before, .view-grid1, section.testimonial-sec .slider_btnss {display: none } .quote-txt-main {height: 380px } .quote-txt, .work-list-img-txt, ul.detail-lists {gap: 10px } .ftr-bottom, .middle-text {padding-top: 40px } .footer-top {padding-bottom: 10px; margin-bottom: 20px } .bottom-footer p {font-size: 12px; line-height: 1.2 } .slicknav_menu {background: #000 } .slicknav_nav a:hover {background: #ff8040 } .testimonial_slider {margin-left: 0 } .testimonial-heading-box {margin-bottom: 20px; display: block } .theme1 span.theme1-icon {padding: 0 5px } .header-btn {justify-content: end; margin-right: 0; right: 10px } .banner-card-img {height: 200px } .theme2 span.theme2-icon {padding: 0 10px } .theme2 span.theme2-txt {font-size: 12px; padding: 0 15px } .about-heading-btn-main .about-heading h2, .work-txt h3, h2, section.property-detail .pro-det-bottom-txt h3 {font-size: 30px; line-height: 1.2 } .about-heading-main {flex-direction: column; gap: 20px } .about-heading-btn-main, .about-heading-txt, .contact-sec-h p, .left-text, .main_slider .banner_text, .ten-det-sec .ten-det-box .ten-det-txt, .ten-det-sec .ten-det-box .ten-det-user-main .ten-det-user-img, .testimonial-heading, section.login.rest.sec .offset-3 {width: 100% } .about-img {height: 300px } .about-img img {object-position: center } section.testimonial-sec .testimonial-head {padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem) } section.about-sec {padding-bottom: 50px } .carousel-item, section.inner-banner .carousel-item {height: 100% } .carousel-control-next, .carousel-control-prev {height: 40px; width: 50px } .carousel-control-next span.carousel-control-next-icon, .carousel-control-prev span.carousel-control-next-icon, .carousel-control-prev span.carousel-control-prev-icon {width: 20px; height: 10px } .carousel-control-prev {left: 10px; top: 10% } .carousel-control-next {right: 10px; top: 10% } .main_slider .carousel-item .main-banner-img {width: 100%; height: auto; object-fit: contain; object-position: 0 } .main_slider h1, .signin_sec .login-txt h2 {font-size: 40px; line-height: 55px } .menuSec .col-12 {width: 50%; padding: 0 } header {padding: 15px 0 20px; top: 0; left: 0; z-index: 9999; width: 100%; background: #58bed4 } .header-btn .theme1 span.theme1-txt {padding: 0 9px; font-size: 12px } section.story-sec {padding: 70px 0 80px } section.work-sec {padding: 100px 10px 50px 20px } .work-txt-main {width: 100%; margin: 0 } .work-img img {height: 240px; width: 100%; top: -30% } .about-heading-btn .theme2 span.theme2-txt {padding: 0 16px; font-size: 12px } .testimonial-tabs-btn {justify-content: center } .testimonial-tabs-main {width: 100%; margin-top: 30px; text-align: center } .testimonial-tabs-btn ul#pills-tab2 {gap: 20px } section.testimonial-sec .draggable {padding: 0 !important } .testimonial_slider .slick-prev {left: 33% } section.testimonial-sec {padding-top: 0 } .lan-prof-sec .ten-prof-heading.heading h2 {font-size: 35px; line-height: 45px } section.ten-prof-sec.lan-prof-sec.sec {padding: 80px 10px } .quote-txt {padding: 10px } .quote-txt h2 {font-size: 40px; line-height: 1.2 } .middle-text, .middle-text h6, .middle-text p {text-align: left } .footer-socials ul {justify-content: flex-start; margin-bottom: 30px } .product-bar {width: 100%; text-align: center } .range-slider .rangeValues {margin: 10px auto 0 } .view-grid1 {margin-top: -40px } ul.detail-lists li p {font-size: 17px } .pro-det-bottom-txt h3 {font-size: 35px; line-height: 25px } .rate:not(:checked)>label:before {font-size: 19px !important } .rate:not(:checked)>label {width: 23px !important } .ten-det-box {display: inline-flex } section.ten-det-sec.sec {padding: 60px 5px } .ten-det-user-main {display: inline-block } .ten-det-user-img {width: 91%; display: block } .ten-det-user-txt-main {width: 100%; margin-top: 20px } .ten-det-sec .ten-det-box {display: block; width: 100% } .ten-det-sec .ten-det-box .ten-det-user-main {width: auto; margin-bottom: 30px } .ten-det-sec .ten-det-box .ten-det-user-main .ten-det-user-img img {object-position: 0px -170px } .slicknav_nav {z-index: 99999 } .contact_detail_box {justify-content: center; align-items: center; text-align: center; margin-bottom: 20px } section.login.sec {padding: 80px 0 } section.login.sec .login-txt h2 {font-size: 30px; line-height: 1.2; margin-bottom: 20px } .login .offset-3, .signin_sec .offset-3 {margin: 0 } .terms-content-page h2 {font-size: 30px; line-height: 36px; margin-bottom: 0 !important; margin-top: 0 !important } .terms-content-page ul li {font-size: 20px; line-height: 31px } .terms-content-page ul {padding-left: 0 !important; margin-left: 0 } section.main_slider.inner-banner .carousel-item .main-banner-img {object-position: center; height: 300px; object-fit: cover } section.collection-side {padding: 50px 0 } .product-bar1 a {display: inline; padding: 5px 10px; margin: 5px } section.property-detail ul.detail-lists {flex-wrap: wrap } section.property-detail ul.detail-lists li {width: fit-content; padding: 0 10px } section.property-detail ul.detail-lists li p img {width: auto; height: auto } section.property-detail ul.detail-lists li ul {margin-top: 5px } .pro-det-bottom-txt-main {gap: 5px } .pro-info-form-main, .ten-rev-box {padding: 15px } .ten-rev-com-head h4, .ten-rev-head h4 {font-size: 25px } .detail-txt h3 {font-size: 40px } .detail-slider.detail-slider-nav img {height: 100px } .detail-txt {margin-top: 20px } .pro-det-bottom-txt ul {column-count: 1 } .ten-rev-com-input label span, .ten-rev-com-star-txt-main h5, .ten-rev-user-txt h5 {font-size: 15px } section.ten-prof-sec.find-tenants-sec.sec {padding: 50px 10px } section.find-tenants-sec .ten-prof-card-img {height: 450px } .ten-det-user-main {border: 0; padding: 0; margin: 0 } .ten-det-sec .ten-det-box .ten-det-user-main .ten-det-user-img img {object-position: center; height: auto } .ten-det-sec .ten-det-box .ten-det-user-main .ten-det-user-img {height: auto } .contact_page.all-section {padding: 60px 0 } .signin_sec {margin: 0 !important; padding: 60px 0 !important } .signin_sec .login-txt p {font-size: 11px } .carousel-indicators {margin-bottom: 20px } .pro-info-form-heading {flex-direction: column; gap: 10px } .pro-info-check-main ul {display: flex; flex-direction: column } section.ten-prof-sec.find-tenants-sec.sec .ten-prof-card-main {margin-bottom: 15px } .double-links {gap: 0 } .home-video-section {padding-bottom: 0 } .video-box iframe {height: 300px !important } } .loading-container {height: 800px } .review_form_Sec .card {border: none; border-radius: 14px; background: #fff; padding: 30px } h4#finalRole {font-size: 22px; margin-bottom: 0 !important } .review_form_Sec h4 {font-weight: 500; font-size: 32px; line-height: 1.4 } .review_form_Sec_form .form-control {border-radius: 10px; padding: 12px } .review_form_Sec_form .form-control:focus, .review_listing_page .form-control:focus, .review_listing_page .form-select:focus {border-color: #ff8040; box-shadow: 0 0 0 .15rem rgba(255, 128, 64, .25) } .review_form_Sec_form .role-card {border: 2px solid #ddd; border-radius: 12px; padding: 18px; cursor: pointer; transition: .3s } .role-card.active, .role-card:hover {border-color: #ff8040 } .role-card.active {background: rgba(255, 128, 64, .08) } .was-validated .role-card.is-invalid {border-color: #dc3545; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") } .was-validated .role-card.is-valid {border-color: #198754; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") } .role-card.is-valid {box-shadow: 0 0 0 .15rem rgba(25, 135, 84, .25) } .review_form_Sec_form .btn-primary {background: #ff8040; border-color: #ff8040; border-radius: 30px; margin: 0 auto; width: 40% } .review_form_Sec_form .btn-primary:hover {background: #e96f33 } .review_form_Sec_form .btn-success {background: #000; border-color: #000; border-radius: 30px; width: 40%; margin: 0 auto } .review_form_Sec_form .btn-success:hover {background: #222 } .review_form_Sec_form .btn-secondary {border-radius: 30px; width: 30% } .review_form_Sec_form .star {font-size: 2.5rem; color: #ccc; cursor: pointer; margin: 0 6px } .review-box {background: #f9f9f9; padding: 0 !important; border-radius: 0; margin: 0 0 25px !important; border-bottom: 1px solid #000; box-shadow: none !important } .review-box:hover {transform: translateY(0) !important } .end_btns {display: flex; justify-content: center } .end_btns button:last-child {background: #ff8244; border: 1px solid #ff8244; width: 30%; padding: 10px } .card-body.final_box p {display: flex; align-items: center; justify-content: space-between; margin: 9px 0; position: relative } .file-upload {display: block; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 12px } .file-upload .file-select {display: block; border: 1px solid #ced4da; color: #34495e; cursor: pointer; height: 50px; line-height: 40px; text-align: left; background: #fff; overflow: hidden; position: relative; border-radius: 10px } .file-upload .file-select .file-select-button {background: #ff8040; padding: 4px 20px 0; display: inline-block; height: 50px; line-height: 40px; color: #fff; font-size: 18px } .file-upload .file-select .file-select-name, .file-upload .file-select.file-select-disabled:hover .file-select-name {line-height: 40px; display: inline-block; padding: 0 10px } .file-upload .file-select .file-select-name {font-size: 16px } .file-upload .file-select:hover {border-color: #34495e; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out } .file-upload .file-select:hover .file-select-button {background: #34495e; color: #fff; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out } .file-upload.active .file-select {border-color: #3fa46a; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out } .file-upload.active .file-select .file-select-button {background: #3fa46a; color: #fff; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out } .file-upload .file-select input[type=file] {z-index: 100; cursor: pointer; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0 } .file-upload .file-select.file-select-disabled {opacity: .65 } .file-upload .file-select.file-select-disabled:hover {display: block; border: 2px solid #dce4ec; color: #34495e; cursor: pointer; height: 40px; line-height: 40px; margin-top: 5px; text-align: left; background: #fff; overflow: hidden; position: relative } .file-upload .file-select.file-select-disabled:hover .file-select-button {background: #dce4ec; color: #666; padding: 0 10px; display: inline-block; height: 40px; line-height: 40px } .card-body.final_box h3 {text-align: center; font-size: 27px; margin-bottom: 30px } .card-body.final_box p.fw-semibold.mb-1 {font-weight: 700; color: #000 } .review_listing_page .bg-orange {background: #ff8040 } .review_listing_page .page-header {background: #fff; border-bottom: 1px solid #eee; padding: 25px 0 } .review_listing_page .filter-box {background: #fff; border-radius: 14px; padding: 20px 20px 30px; box-shadow: 0 10px 25px rgba(0, 0, 0, .05); border: 2px solid #ff8040 } .review_listing_page .review-card {background: #fff; border-radius: 14px; padding: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, .06); margin-bottom: 20px; transition: .3s } .review_listing_page .role-badge {background: rgba(255, 128, 64, .12); color: #ff8040; font-size: 13px; padding: 5px 10px; border-radius: 20px } .review_listing_page .star {color: #ff8040; font-size: 1.1rem } .review_listing_page .search-input {border-radius: 30px; padding-left: 20px } .review_listing_page .form-control, .review_listing_page .form-select {border-radius: 10px } .review_listing_page #search {font-size: 16px; margin-bottom: 0; border: 1px solid #d8dde1 !important; height: auto !important; padding: .375rem 2.25rem .375rem .75rem !important; line-height: 1.5 !important } .search_bar_filter button {position: absolute; bottom: 5px; background: 0 0; border: none; right: 8px; color: #ff8040 } .filter_search_btn button {width: 100%; height: 40px; border-radius: 40px; border: none; background: #ff8040; color: #fff } .filter_search_btn a {width: 100%; height: 40px; border-radius: 40px; border: none; background: #000; color: #fff } .home-video-section {position: relative; z-index: 1; padding: 70px 0 } .home-video-section iframe {width: 100%; height: 730px; object-fit: cover; border-radius: 10px; border: 5px solid #ff8040 } .video-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; display: grid; place-content: center; background: #000000ab; width: 50%; height: 50%; pointer-events: none; text-align: center; border-radius: 12px } .video-overlay p {font-size: 18px; color: #fff; font-weight: revert } .video-overlay a {font-size: 16px; background: #fff; width: fit-content; padding: 10px 30px; display: inline-flex; border-radius: 52px; margin: 10px auto 0 } .tab-content>.tab-pane.fade {display: block !important; height: 0 !important; } .tab-content>.tab-pane.fade.active {height: auto !important; } .youtube-lazy {height: 730px; cursor: pointer; overflow: hidden; position: relative; } .youtube-lazy img {width: 100%; display: block; } .youtube-lazy .play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; border-radius: 50%; background: rgba(0, 0, 0, 0.7); border: none; } .youtube-lazy .play-btn::after {content: ''; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-left: 18px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }.review_form_Sec_form .role-reviewee-card {border: 2px solid #ddd; border-radius: 12px; padding: 18px; cursor: pointer; transition: .3s } .role-reviewee-card.active, .role-reviewee-card:hover {border-color: #ff8040 } .role-reviewee-card.active {background: rgba(255, 128, 64, .08) } .was-validated .role-reviewee-card.is-invalid {border-color: #dc3545; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") } .was-validated .role-reviewee-card.is-valid {border-color: #198754; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") } .role-reviewee-card.is-valid {box-shadow: 0 0 0 .15rem rgba(25, 135, 84, .25) }.was-validated .role-reviewee-card.is-invalid, .was-validated .role-reviewee-card.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}.was-validated .role-reviewee-card.is-invalid {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
.was-validated .role-reviewee-card.is-invalid, .was-validated .role-reviewee-card.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}