Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/public/images/main.css
Назад
* { margin: 0px; padding: 0px; } html, body:not(.listing-body) { /* height: 100%; */ width: 100%; margin: 0; overflow-x: hidden; scroll-behavior: smooth; } h1 { word-break: break-word; } h2 { word-break: break-word; } h3 { word-break: break-word; } h4 { word-break: break-word; } h5 { word-break: break-word; } h6 { word-break: break-word; } p { word-break: break-word; } input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* fonts */ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @font-face { font-family: "ProximaNova-Bold"; src: url(../fonts/ProximaNova-Bold.ttf); } @font-face { font-family: "Proxima-Nova-Extrabold"; src: url(../fonts/Proxima-Nova-Extrabold.ttf); } @font-face { font-family: "ProximaNova-Regular"; src: url(../fonts/ProximaNova-Regular.ttf); } @font-face { font-family: "Proxima-Nova-Semibold"; src: url(../fonts/Proxima-Nova-Semibold.ttf); } @font-face { font-family: "Proxima-Nova-Light"; src: url(../fonts/Proxima-Nova-Light.ttf); } @font-face { font-family: "Opansans-Regular"; src: url(../fonts/Opansans-Regular.ttf); } @font-face { font-family: 'Proxima-Nova-Medium'; src: url(../fonts/proximanova-medium.ttf); } @font-face { font-family: 'Proxima-Nova-All'; src: url(../fonts/Proxima-Nova-All.ttf); } /* fonts end */ /* mobile-hd */ .button_container { display: none; cursor: pointer; z-index: 100; transition: opacity 0.25s ease; } .somni-header.scrolled { position: fixed; width: 100%; z-index: 1030; background-color: #fff; top: 0; } body.openned { overflow-y: hidden; overflow-x: hidden; } .button_container.close i { font-size: 35px; color: #fff; } .button_container:hover { opacity: 0.7; } .button_container.close .top { transform: translateY(11px) translateX(0) rotate(45deg); background: #FFF; } .button_container.close .middle { opacity: 0; background: #FFF; } .button_container.close .bottom { transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF; } .btn-wrapper { display: flex; justify-content: flex-end; padding: 30px; } .navbar-brand img { width: 120px; } .overlay { position: fixed; background-color: #021639; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; /* transition: opacity 0.35s, visibility 0.35s, height 0.35s; */ overflow: hidden; transition: 0.6s all ease-in-out; z-index: 1090; overflow-y: auto; } .overlay.open { opacity: 1; visibility: visible; height: 100%; } .overlay.open .overlay-menu { transform: translateX(0%); } .overlay nav { text-align: center; display: flex; align-items: center; justify-content: center; padding: 100px 0px; } .overlay-menu { transition: 1s all ease-in-out; transform: translateX(100%); } .overlay ul { display: flex; align-items: center; flex-direction: column; padding: 0; list-style: none; gap: 50px; } .ellipse-off { position: absolute; bottom: 0; left: 0; } .vc-off { position: absolute; right: 25px; } .overlay ul li a { font-size: 32px; font-family: "Proxima-Nova-Semibold"; display: block; position: relative; color: #FFF; text-decoration: none; overflow: hidden; line-height: 38px; letter-spacing: -0.5px; text-align: center; } .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%; } .overlay ul li a:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 3px; background: #FFF; transition: 0.35s; } @keyframes fadeInRight { 0% { opacity: 0; left: 20%; } 100% { opacity: 1; left: 0; } } /* mobile hd */ /* header */ .vertical-center { justify-content: flex-end; align-items: center; } .vertical-spacing { gap: 20px; } .somni-header { padding: 10px 0px; transition: 0.6s all ease-in-out; } .login-btn { width: 155px; display: inline-block; text-align: center; border-radius: 30px; border: 1px solid #CDCDCD; padding: 8px 0px; font-size: 15px; color: #000000; text-decoration: none !important; font-family: "ProximaNova-Bold"; transition: 0.6s all ease-in-out; } .login-btn:hover { color: #fff; background-color: #0065F2; } .register-btn { width: 155px; display: inline-block; text-align: center; border-radius: 30px; background-color: #3DCBB1; padding: 8px 0px; font-size: 15px; color: #FFFFFF !important; text-decoration: none !important; border: 1px solid transparent; font-family: "ProximaNova-Bold"; transition: 0.6s all ease-in-out; } .register-btn:hover { color: #fff; background-color: #008F75; } /* header end */ /* banner sec */ .banner-sec { padding: 200px 0px 210px; position: relative; overflow: hidden; } .banner-content h1 { font-size: 56px; text-align: center; font-family: "ProximaNova-Bold"; color: #021639; line-height: 60px; } .banner-content h4 { font-size: 24px; text-align: center; color: #021639; font-family: 'Proxima-Nova-Light'; line-height: 60px; } .get-start-button { text-align: center; } .get-start-btn { width: 285px; border: 1px solid transparent; background: #3DCBB1; display: inline-block; padding: 11px 0px; font-size: 21px; font-family: 'ProximaNova-Bold'; text-decoration: none !important; border-radius: 30px; color: #fff !important; transition: 0.6s all ease-in-out; } .get-start-btn:hover { background-color: #008F75; } .get-start-button { padding: 15px 0px 0px; } .left-ring { top: 140px; position: absolute; left: 322px; } .left-ring img { animation: bounce 600ms alternate infinite cubic-bezier(.2, .65, .6, 1); } @keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-20px); } } .mgn-u { position: absolute; top: -45px; left: 103px; z-index: -1; } .mgn-u img { animation: animation1 6s infinite alternate; } @keyframes animation1 { 0% { transform: rotate(0deg); } 50% { transform: rotate(-40deg); } 100% { transform: rotate(0deg); } } .right-ring { top: 80px; position: absolute; right: 560px; } .right-ring img { -webkit-animation: pulse 5s ease-in-out infinite; animation: pulse 5s ease-in-out infinite; } @keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.2); opacity: 0.7; } 100% { -webkit-transform: scale(1); opacity: 1; } } .banner-content { position: relative; } .show-spec { position: absolute; right: 150px; } .show-spec img { width: 210px; } .ring-plus { position: absolute; left: 160px; top: 220px; } .ring-plus img { animation: animation4 6s infinite cubic-bezier(.2, .65, .6, 1); } @keyframes animation4 { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } .show-spec img { -webkit-animation: pulse 5s ease-in-out infinite; animation: pulse 5s ease-in-out infinite; } .flow { position: absolute; top: 52px; right: 180px; z-index: -1; } .support-list { height: 65%; justify-content: flex-end; display: flex; flex-direction: column; } .support-list ul { display: flex; justify-content: center; gap: 40px; list-style: none; margin: 0; padding: 0; } .support-list ul h4 { display: flex; text-decoration: none; color: #000; align-items: center; font-family: "Proxima-Nova-Semibold"; font-size: 16px; gap: 10px; } .support-list ul h4 span { display: flex; } /* banner sec end */ /* property-sec */ .property-sec { background-color: #021639; height: 100vh !important; position: relative; z-index: 0; } .right-circ { position: absolute; right: 0; z-index: 1; top: 230px; } .bl-ellipse { position: absolute; left: 0; } /* searchbar animatipon */ input.hide-clear[type=search]::-ms-clear, input.hide-clear[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the 'X' from Chrome */ /* input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; } */ .analy #url:-internal-autofill-previewed { background-color: transparent; } #url { background: transparent; } .analy { position: relative; text-align: center; display: flex; justify-content: center; align-items: center; } #animate_text { display: none } .animate-box { border: 1px solid transparent; color: #fff; font-size: 15px; height: 40px; margin: 90px 0 0; padding: 10px; width: 100%; height: 308px; background-color: transparent; font-size: 32px; outline: 0; text-align: center; font-family: "Proxima-Nova-Light"; display: inline-block; } .analy input:-webkit-autofill, .analy input:-webkit-autofill:focus { transition: background-color 600000s 0s, color 600000s 0s; } .analy input[data-autocompleted] { background-color: transparent; } #caption { position: absolute; top: 140px; color: #fff; font-family: "Proxima-Nova-Light"; font-size: 32px; line-height: 52px; max-width: 83%; } #caption.cursor::after { content: ''; /* display: inline-block; */ margin-left: 3px; background-color: #fff; animation: blink 0.9s infinite; height: 50px; width: 3px; background-color: #fff; position: absolute; animation-name: blink; animation-duration: 0.9s; animation-iteration-count: infinite; } @keyframes blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } } .cursor.hd-none::after { display: none; } /* searchbar-animation */ /* property-sec end */ /* property-details sec */ .slide-thumb img { width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; } .appartment-slider .slide-thumb .img-fluid { max-height: 285px; } .appartment-card .slick-prev { left: 13px; background-color: #fff; width: 28px; height: 28px; z-index: 1; filter: drop-shadow(0px 4px 4px rgba(205, 205, 205, 0.25)); display: flex; align-items: center; justify-content: center; /* box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 41%); */ border-radius: 50%; } .appartment-card .slick-next { right: 13px; background-color: #fff; width: 28px; z-index: 1; height: 28px; border-radius: 50%; filter: drop-shadow(0px 4px 4px rgba(205, 205, 205, 0.25)); /* box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 41%); */ } .appartment-card .slick-prev:before { content: "\f104"; font: normal normal normal 23px/1 FontAwesome; font-weight: 400 !important; color: #000; font-weight: bold; opacity: unset; } .appartment-card .slick-next:before { content: "\f105"; font: normal normal normal 23px/1 FontAwesome; font-weight: 400 !important; color: #000; font-weight: bold; opacity: unset; } .appartment-card .slick-dots li button:before { font-size: 40px; color: #88849b; opacity: unset; } .appartment-card .slick-dots { bottom: 20px; } .appartment-card .slick-dots li button:before { font-size: 28px; color: #ffffff57; opacity: unset; } .appartment-card .slick-dots li.slick-active button:before { opacity: unset; color: #fff; } .appartment-details-content { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #FFF; box-shadow: 0px 5px 12px 1px rgba(158, 158, 158, 0.20); padding: 35px; } .appartment-card .slick-dotted.slick-slider { margin-bottom: 0px; } .apart-detail-head h2 { font-family: "Proxima-Nova-Semibold"; font-size: 46px; color: #000000; display: flex; align-items: baseline; gap: 5px; margin: 0; } .apart-detail-head h2 sub { font-size: 18px; font-family: "ProximaNova-Regular"; bottom: unset; color: #000000; } .room-details-listing { display: inline-block; width: 100%; margin-bottom: 10px; } .room-details-listing ul li a { color: #000; text-decoration: none; font-family: "Proxima-Nova-Semibold"; display: flex; align-items: center; gap: 5px; font-size: 20px; } .room-details-listing ul { display: flex; list-style: none; gap: 15px; padding: 0; margin: 0; } .apart-detail-head { margin-bottom: 10px; } .appartment-card .slick-dots li { margin: 0; width: 16px; height: 16px; } .appart-content { color: #646464; font-family: "ProximaNova-Regular"; font-size: 18px; line-height: 26px; margin-bottom: 0px; } .prp-dt-head h1 { color: #3DCBB1; font-family: 'Proxima-Nova-Semibold'; font-size: 50px; text-align: center; padding-bottom: 10px; margin-bottom: 0px; } .prp-dt-head p { font-family: "ProximaNova-Regular"; color: #fff; font-size: 20px; text-align: center; width: 60%; margin: 0px auto; } .prp-dt-head { margin-bottom: 60px; } .prop-details { margin-top: -375px; position: relative; /* overflow: hidden; */ } .card-after { position: absolute; right: -59px; z-index: 0; bottom: -75px; z-index: -1; } .ap-cards-main { position: relative; z-index: 1; } .middleman-sec { padding: 200px 0px 260px; } .md-thumb { display: flex; justify-content: flex-end; } .middle-man-content h3 { font-family: 'Proxima-Nova-Semibold'; color: #021639; font-size: 52px; line-height: 56px; letter-spacing: -1px; } .middle-man-content p { color: #646464; font-family: "ProximaNova-Regular"; font-size: 20px; width: 80%; letter-spacing: 0.1px; } .inf-fv-pro-boxes { display: flex; justify-content: space-between; gap: 30px; } .inf-fv-box { display: flex; gap: 10px; } .inf-fv-content h2 { color: #3DCBB1; font-family: "Proxima-Nova-Extrabold"; font-size: 44px; } .inf-fv-thumb { flex-shrink: 0; } .inf-fv-thumb img { width: 30px; height: 30px; } .inf-fv-thumb { flex-shrink: 0; margin-top: 10px; } .inf-fv-content p { font-family: "ProximaNova-Regular"; color: #646464; line-height: 22px; letter-spacing: 0.1px; font-size: 16px; } .appartment-card a { text-decoration: none; } .middle-man-content { margin-bottom: 25px; } .investment-sec { background-color: #9FDECF; padding: 120px 0px 0px; position: relative; } .inv-head h3 { text-align: center; color: #003797; font-size: 56px; font-family: 'Proxima-Nova-Semibold'; letter-spacing: -0.5px; line-height: 48px; padding-bottom: 7px; } .inv-head p { color: #021639; text-align: center; font-family: "ProximaNova-Regular"; font-size: 20px; width: 61%; margin: 0px auto; line-height: 28px; } .inv-head { margin-bottom: 75px; } .db-right-head h4 { font-family: "ProximaNova-Bold"; color: #003797; font-size: 32px; margin: 0; } .db-right-head { margin-bottom: 25px; } .db-right-listing ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 15px; } .db-right-listing ul li a { display: flex; align-items: center; gap: 15px; color: #021639; text-decoration: none; font-family: "ProximaNova-Regular"; font-size: 18px; } .inv-ring { position: absolute; top: -65px; left: 432px; } .db-thumb { margin-bottom: -60px; } .pw-ellipse { display: flex; justify-content: flex-end; } .powerful-analytics { padding: 90px 0px 200px; } .pwd-main { padding-left: 50px; padding-top: 70px; position: relative; } .pw-content h4 { color: #021639; font-family: 'Proxima-Nova-Semibold'; font-size: 52px; letter-spacing: -1px; width: 100%; position: relative; line-height: 56px; margin-bottom: 20px; } .pw-content h4::after { content: ""; position: absolute; top: -20px; right: 0px; background-image: url(../images/yellow-bars.svg); background-repeat: no-repeat; background-size: cover; width: 30px; height: 35px; } .pw-content p { color: #646464; font-family: "ProximaNova-Regular"; font-size: 18px; line-height: 24px; letter-spacing: 0.1px; width: 100%; } .pwd-listing ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap: 25px; } .pwd-listing ul li a { display: flex; align-items: center; gap: 25px; font-family: "ProximaNova-Regular"; font-size: 18px; color: #000000; text-decoration: none; } .pwd-listing { padding: 30px 0px 0px; } .pwd-bottom { position: absolute; left: 301px; bottom: -190px; } .lets-get-head h4 { color: #021639; font-family: 'Proxima-Nova-Semibold'; font-size: 52px; line-height: 52px; letter-spacing: -1px; margin-bottom: 30px; } .ph-head-contnt h5 { color: #021639; font-family: "ProximaNova-Bold"; font-size: 20px; line-height: 24px; } .para-ph { color: #646464; font-family: "ProximaNova-Regular"; font-size: 16px; margin-bottom: 10px; width: 70%; } .bld-link { color: #003797; font-family: "ProximaNova-Bold"; text-decoration: none; } .mailto-content p { margin-bottom: 0px; } .ph-head-contnt { margin-bottom: 25px; } .get-input label { display: block; font-family: "Proxima-Nova-Semibold"; color: #021639; font-size: 18px; margin-bottom: 4px; } .get-input input { width: 100%; padding: 12px 18px; border: 1px solid transparent; font-family: "Proxima-Nova-Light"; outline: 0; color: #000; } .get-input input::placeholder { color: #B5B5B5; } .lets-get-started-sec { background-color: #F2F8FF; padding: 100px 0px; position: relative; } .get-input { margin-bottom: 25px; } .submit-button { text-align: center; } .sbmt-btn { width: 314px; padding: 15px 0px; outline: 0; border: 1px solid transparent; background-color: #003797; color: #fff; font-family: 'ProximaNova-Bold'; border-radius: 30px; font-size: 18px; text-align: center; transition: all 0.6s ease-in-out; } .sbmt-btn:hover { background-color: #0065F2; } .get-input .error { color: red; font-size: 15px; } .footer-thumb { margin-bottom: 20px; } .footer-content p { font-family: "Proxima-Nova-Light"; color: #021639; font-size: 15px; width: 75%; margin: 0; } .footer-content { margin-bottom: 40px; } .email-subscribe input { width: 100%; outline: 0; border: 0; font-family: "Proxima-Nova-Light"; font-size: 15px; } .email-subscribe { width: 285px; border: 1px solid #cdcdcd80; display: flex; padding: 11px 20px; } .email-sbmt-btn { /* width: 40px; height: 40px; */ background-color: transparent; border: 0; outline: 0; } .footer-links h4 { margin-bottom: 30px; font-family: "ProximaNova-Bold"; font-size: 20px; line-height: 24px; letter-spacing: 0.1px; } .footer-links ul { padding: 0px; margin: 0px; list-style: none; display: flex; flex-direction: column; gap: 15px; } .footer-links ul li a { color: #021639; text-decoration: none; font-family: "ProximaNova-Regular"; font-size: 16px; } .footer-social ul li a { display: flex; gap: 10px; align-items: center; } .footer-links { display: flex; flex-direction: column; } .cpt-text-main { display: flex; justify-content: flex-end; gap: 75px; } .copyright-text p { color: #00000066; line-height: 20px; font-family: "Opansans-Regular"; margin: 0; } .copyright-sec { padding: 25px 0px; } .footer-main { padding: 80px 0px; } .lt-top { position: absolute; top: -27px; left: 345px; } .dsk-none { display: none; } /* hide display classes */ .let-dsktop { display: none; } .footer-tab-none { display: block; } .footer-desktop { display: none; } /* hide display classes */ /* property-details sec end */ /* listing detail page */ .back-home-button { margin-left: -30px; margin-bottom: 25px; } .back-home-button p a { display: flex; align-items: center; gap: 15px; font-family: "Proxima-Nova-Semibold"; font-size: 20px; line-height: 28px; letter-spacing: 0.1px; color: #003797; } .back-home { padding: 50px 0px 0px; } /* .listings-components-main { padding: 0px 47px; } */ .listing-head h3 { font-size: 48px; font-family: "ProximaNova-Bold"; color: #021639; line-height: 48px; letter-spacing: -0.5px; } .listing-sec { padding: 0px 0px 25px; } .listing-available ul { display: flex; padding: 0; list-style: none; gap: 30px; margin: 0; } .listing-available ul li a { display: flex; align-items: center; gap: 10px; } .listing-available ul li a { display: flex; align-items: center; font-family: "ProximaNova-Regular"; font-size: 20px; line-height: 28px; color: #646464; letter-spacing: 0.1px; text-decoration: none; } .listing-sharelisting-main { display: flex; justify-content: space-between; margin-bottom: 10px; } .sharelisting-link { display: flex; gap: 8px; font-family: "Proxima-Nova-Semibold"; color: #003797; line-height: 28px; letter-spacing: 0.1px; font-size: 20px; text-decoration: underline; background-color: transparent; outline: 0; border: 0; } .sharelisting-link:hover { color: #003797; } .cust-gutter-x { --bs-gutter-x: 5px; } .rst-thumb { margin-bottom: 5px; } .view-all-btn { background-color: #FFFFFFCF; border: 0; outline: 0; width: 213px; color: #003797; border-radius: 30px; line-height: 24px; font-family: "ProximaNova-Bold"; letter-spacing: 0.1px; text-align: center; padding: 15px 0px; font-size: 16px; transition: 0.6s all ease-in-out; } .view-all-btn:hover { background-color: #003797; color: #fff; } .view-all-photos-button { position: absolute; bottom: 35px; padding-left: 60px; left: 0; width: 100%; } .lst-thumb-left { position: relative; } .ap-listing ul { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 0; } .ap-listing ul li a { font-size: 20px; display: flex; align-items: flex-start; text-decoration: none; gap: 10px; font-family: "ProximaNova-Regular"; color: #646464; } .ap-name-head h4 { font-family: "Proxima-Nova-Semibold"; font-size: 40px; line-height: 48px; letter-spacing: -0.5px; color: #021639; } .appartment-cost h4 { font-family: "Proxima-Nova-Semibold"; font-size: 48px; color: #000000; display: flex; align-items: baseline; gap: 10px; } .appartment-cost h4 sub { font-size: 20px; font-family: "ProximaNova-Regular"; bottom: unset; color: #000000; } .nam-cost-main { margin-bottom: 70px; } .description-box h5 { font-family: "Proxima-Nova-Semibold"; font-size: 28px; line-height: 24px; letter-spacing: 0.1px; margin-bottom: 15px; } .description-box p { font-family: "ProximaNova-Regular"; color: #646464; line-height: 28px; font-size: 20px; letter-spacing: 0.1px; } .description-box { border-bottom: 1px solid #646464; padding-bottom: 50px; } .features-box ul { grid-template-columns: 1fr 1fr 1fr; display: grid; padding: 0; margin: 0; list-style: none; width: 100%; grid-gap: 25px 70px; } .feautures-box-main { padding: 70px 0px; border-bottom: 1px solid #646464; } .features-box h4 { color: #021639; font-family: 'Proxima-Nova-Semibold'; line-height: 24px; font-size: 28px; letter-spacing: 0.1px; margin-bottom: 40px; } .features-box ul li a { display: flex; align-items: center; font-family: 'Proxima-Nova-Medium'; font-weight: 500; gap: 15px; font-size: 22px; line-height: 48px; letter-spacing: -0.5px; color: #021639; } .features-box ul li a span { display: inline-flex; } .features-box ul { grid-template-columns: 1fr 1fr 1fr; display: grid; padding: 0; list-style: none; width: 100%; grid-gap: 10px 28px; margin-bottom: 50px; } .amenities-view { color: #3A78E4; font-family: 'ProximaNova-Bold'; font-size: 20px; } .amenities-view:hover { color: #003797; } .amenities { margin-bottom: 0px; } .feautures-box-main { padding: 80px 0px; border-bottom: 1px solid #646464; } .map-content h5 { font-size: 22px; font-family: "ProximaNova-Bold"; line-height: 24px; letter-spacing: 0.1px; color: #021639; margin: 0px 0px 5px; } .map-content p { color: #646464; font-family: 'ProximaNova-Regular'; font-size: 20px; font-weight: 400; line-height: 28px; letter-spacing: 0.1px; margin-bottom: 0px; } .map-thumb { margin-bottom: 20px; } .map-box { padding: 80px 0px; border-bottom: 1px solid #646464; } .about-left { display: flex; flex-direction: column; justify-content: center; align-items: center; } .abt-content h5 { color: #021639; text-align: center; font-size: 32px; line-height: 24px; letter-spacing: 0.1px; font-family: 'ProximaNova-Bold'; } .abt-content h6 { color: #C7B488; text-align: center; font-family: 'Proxima-Nova-Semibold'; font-size: 20px; line-height: 28px; letter-spacing: 0.1px; } .abt-thumb { margin-bottom: 20px; height: 125px; } .abt-thumb img{ height: inherit; } .contact-abt-btn { padding: 15px 0px; width: 285px; display: inline-block; text-align: center; border-radius: 30px; border: 1px solid #003797; background-color: #003797; color: #fff !important; text-decoration: none; font-family: 'ProximaNova-Bold'; font-size: 18px; transition: 0.6s all ease-in-out; } .contact-abt-btn:hover { background-color: #0065F2; } .abt-right-content h4 { color: #021639; font-family: 'Proxima-Nova-Semibold'; font-size: 28px; line-height: 24px; letter-spacing: 0.1px; } .abt-right-content p { color: #646464; font-family: 'ProximaNova-Regular'; font-size: 20px; line-height: 28px; letter-spacing: 0.1px; } .abt-right-content p a { color: #3A78E4; font-family: 'ProximaNova-Bold'; font-size: 20px; line-height: 28px; letter-spacing: 0.1px; text-decoration-line: underline; display: inline-block; transition: 0.6s all ease-in-out; } .abt-right-content p a:hover { color: #003797; } .abt-listing ul { display: flex; list-style: none; flex-direction: column; padding: 0; gap: 20px; } .abt-listing ul li a { display: flex; align-items: center; gap: 15px; color: #646464; font-family: 'ProximaNova-Regular'; font-size: 20px; line-height: 28px; letter-spacing: 0.1px; text-decoration: none; } .about-box-main { padding: 80px 0px; } .appartment-detail { padding: 0px 0px 180px; } .listing-left-main { padding-right: 30px; } .contact-card { border-radius: 4px; border: 1.5px solid #E3E3E3; background: #FFF; padding: 50px 30px; } .contact-card-head h5 { color: #021639; font-family: 'Proxima-Nova-Extrabold'; font-size: 32px; line-height: 20px; letter-spacing: 0.1px; margin-bottom: 15px; } .contact-card-head h4 { color: #021639; font-family: 'Proxima-Nova-Medium'; font-size: 28px; line-height: 34px; letter-spacing: 0.1px; margin-bottom: 10px; } .dashed-link { color: #3A78E4 !important; font-family: 'ProximaNova-Regular'; font-size: 18px; line-height: 28px; letter-spacing: 0.1px; text-decoration-color: #3A78E4; text-decoration-style: dashed; text-underline-offset: 3px; } .ui-datepicker-buttonpane.ui-widget-content { display: flex; justify-content: center; gap: 20px; border: 0; } .ui-datepicker-calendar thead tr th { color: rgba(0, 0, 0, 0.50); font-size: 12px; font-family: 'Proxima-Nova-Semibold'; } .ui-widget.ui-widget-content { border: 0; width: 800px !important; left: 40% !important; background-color: #FFF; filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.15)); padding: 40px 20px; } .ui-widget-header { border: 0; background: transparent; color: #333232; font-weight: unset; } .ui-datepicker-prev span, .ui-datepicker-next span { background-image: url(../images/date-arrow.svg) !important; background-size: contain; background-position: center; cursor: pointer; } .ui-datepicker-next span { transform: rotate(180deg); } .ui-datepicker-buttonpane .cl-btn { color: #003797 !important; font-family: 'Proxima-Nova-Semibold'; font-size: 18px; border: 0 !important; line-height: 28px; background: transparent !important; letter-spacing: 0.1px; text-decoration-line: underline; opacity: unset !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid transparent; background: unset; font-weight: normal; color: #000000; text-align: center; } .ui-datepicker td span, .ui-datepicker td a { padding: 4px 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: unset; } /* .ui-datepicker-next:before { content: "\f101"; } */ .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: unset; } .ui-datepicker .ui-datepicker-prev { left: 0 !important; } .ui-datepicker .ui-datepicker-next-prev { left: 0 !important; } /* .ui-datepicker .ui-datepicker-next { right: 2px; } */ .ui-datepicker .ui-datepicker-next-hover { right: 2px !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid transparent; background: unset; font-weight: normal; color: #000000; } .ui-datepicker-prev span.ui-icon:focus, .ui-datepicker-next span.ui-icon:focus { outline: none !important; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em 1em; line-height: unset; text-align: center; font-family: "ProximaNova-Bold"; font-size: 16px; } .ui-datepicker .ui-datepicker-buttonpane button { float: unset; margin: unset; cursor: pointer; overflow: unset; } .ui-widget-content .select-date { color: #fff; font-size: 18px; line-height: 26px; font-family: "ProximaNova-Bold"; border-radius: 30px; background-color: #003797; opacity: unset; width: 210px !important; padding: 12px 0px !important; border: 1px solid transparent !important; } .ui-datepicker-multi .ui-datepicker-group table::after { content: ""; width: 1px; position: absolute; height: 52%; background: #646464; right: 50%; top: 65px; } .ui-datepicker td.ui-datepicker-current-day { border-radius: 50%; background-color: #3DCBB1; width: 28px; height: 28px; color: #021639; } .ui-datepicker td.ui-datepicker-today { border-radius: 50%; background-color: #3DCBB1; width: 28px; height: 28px; color: #021639; } .ui-datepicker .ui-datepicker-buttonpane { margin: 30px 0 0 0; } .ui-state-default, .ui-state-default, .ui-widget-header .ui-state-default { border: unset; background: unset; font-weight: 400; color: #000000; font-family: "Roboto", sans-serif; font-weight: 400; text-align: center; width: 28px; height: 28px; margin: 0px auto; padding: 4px 0px 0px; } .ui-datepicker-calendar tbody tr td { font-family: "Roboto", sans-serif; font-size: 12px; } .contact-fields input { width: 100%; padding: 13px 17px; border: 1px solid #646464; outline: 0; font-size: 18px; font-family: 'Proxima-Nova-Semibold'; font-size: 20px; line-height: 24px; background-color: #fff; color: #021639; } .contact-fields input::placeholder { font-family: "Proxima-Nova-Light"; color: #676767; font-size: 16px; } .contact-card ::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } /* Chrome <=56, Safari < 10 */ .contact-card :-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */ .contact-card ::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */ .contact-card :-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */ .contact-card ::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */ *:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */ *:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */ *:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */ *:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */ *:focus::placeholder { opacity: 0; } /* Modern Browsers */ .flx-inp input { border-width: 1px 1px 1px 0px; } .contact-fields { margin-bottom: 18px; } .contact-fields select { -webkit-appearance: none; appearance: none; width: 115px; padding: 13px 17px; border: 1px solid #646464; outline: 0; font-family: 'Proxima-Nova-Semibold'; color: #021639; font-size: 20px; line-height: 24px; background-color: #fff; background-image: url(../images/sel-arrow.png); background-repeat: no-repeat; background-size: 15px; background-position: 80%; } .contact-fields select option { font-size: 16px; } .contact-fields textarea { height: 133px; width: 100%; padding: 13px 17px; border: 1px solid #646464; outline: 0; font-size: 18px; font-family: 'Proxima-Nova-Semibold'; font-size: 20px; line-height: 24px; background-color: #fff; color: #021639; resize: none; } .snd-mssg-btn { color: #FFF; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 18px; font-style: normal; line-height: 24px; letter-spacing: 0.1px; background-color: #003797; outline: 0; border: 1px solid transparent; border-radius: 30px; padding: 14px 0px; width: 316px; transition: 0.6s all ease-in-out; } .snd-mssg-btn:hover { background-color: #0065F2; } .send-message { text-align: center; } .contact-fields textarea::placeholder { font-family: "Proxima-Nova-Light"; color: #676767; font-size: 16px; } .flx-inp { display: flex; } .selector { position: sticky; top: 20px; } .angry-grid { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 0px; grid-gap: 5px; } .subgrid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; } .subgrid-2 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px; } .gl-fluid { height: 100%; } .grid-main { grid-gap: 5px; display: grid; } .subgrid-4 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; } .subgrid-3 { display: grid; grid-template-columns: 1fr; } .view-all-gallery { padding: 0px 0px 150px; } .mobile-grid { display: none; } /* listing detail page end */ /* dashboard-start */ html .dashboard-body { overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; } .main-section { overflow-x: hidden; display: flex; /* height: 100vh; */ padding: 0px 0px; } .l-sidebar { width: 300px; background-color: #021639; height: 100%; left: 0; top: 0; bottom: 0; transition: 0.6s all ease-in-out; padding: 0px 0px 0px 0px; flex-shrink: 0; overflow-y: auto; position: relative; } .db-lg-nav { display: flex; align-items: center; } .db-logo { width: 300px; } .db-nav { display: flex; justify-content: flex-start; flex-grow: 1; } .db-nav ul { display: flex; list-style: none; margin: 0; padding-left: 0; gap: 90px; width: 100%; } .db-nav ul li a { color: #3E3E3F; font-family: 'Proxima-Nova-Medium'; font-size: 14px; text-decoration: none; /* transition: 0.6s all linear; */ transition: font-weight 0.3s ease, font-size 0.3s ease; display: block; position: relative; } .db-nav ul li a.active { color: #3155F4; font-family: 'ProximaNova-Bold'; font-size: 16px; } .db-nav ul li a.active::after { content: ""; position: absolute; top: 215%; left: 50%; transform: translate(-50%, -50%); width: 103px; height: 2px; background-color: #3155F4; } .db-logo img { width: 110px; } .dashboard-header { padding: 23px 50px; background: #fff; position: relative; width: 100%; z-index: 1; } .notification-user button { background: transparent; border: 0; outline: 0; } .notification-user ul:not(.dropdown-menu) { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; gap: 50px; } .notification-user ul li { position: relative; } .notification-user>ul:not(.dropdown-menu)>li:first-child::after { content: ""; position: absolute; right: -27px; background-color: #A6CCF4; width: 1px; height: 33px; top: 0; } .notification-user ul li:last-child::after { content: none; } .dropdown-menu li::after { content: none; } .notification-user .dropdown-toggle::after { content: none; } .notifications h6 { font-family: 'ProximaNova-Bold'; font-size: 20px; font-style: italic; line-height: 16px; letter-spacing: 0px; color: #003797; margin-bottom: 0; } .mark-as-read p { margin-bottom: 0px; } .mark-as-read p a { color: #3155F4; font-family: 'Proxima-Nova-Semibold'; font-size: 16px; text-decoration: none; line-height: 16px; margin-bottom: 0; } .side-bar-links { padding: 40px 0px 40px; position: relative; } .main-links { padding: 0; margin: 0; display: flex; flex-direction: column; } .main-links li.active { background-color: #3155F4; } .main-links li.active a { font-family: 'ProximaNova-Bold'; font-size: 18px; } .main-links li { background-color: transparent; padding: 19px; width: 273px; border-radius: 0px 30px 30px 0px; } .main-links li a { display: flex; gap: 22px; color: #fff; font-family: 'Proxima-Nova-Medium'; text-decoration: none; } .main-links li { background-color: transparent; padding: 15px 50px; width: 273px; border-radius: 0px 30px 30px 0px; display: flex; align-items: center; transition: 0.6s all ease-in-out; } .main-links { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 25px; } .message-counter { width: 24px; height: 24px; display: flex; background: #3155F4; align-items: center; justify-content: center; font-size: 11px; border-radius: 50%; margin-left: 35px; flex-shrink: 0; font-family: 'ProximaNova-Bold'; } .bell-counter { width: 14px; height: 14px; font-size: 6px; line-height: 6px; color: #fff; position: absolute; right: -8px; margin-left: 0; top: 2px; } .d-menu { width: 0px; box-shadow: 0px 60px 120px 0px #26334D0D; transition: 0.6s all ease-in-out; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 0; border: 0; } .d-menu.show { width: 450px; inset: 21px 0px auto auto !important; } .notificationcontent-main { display: flex; gap: 12px; padding: 0px 25px; align-items: center; } .nft-content p a { text-decoration: none; color: #020202; } .notify-columns { display: flex; flex-direction: column; gap: 15px; padding: 10px 0px 20px; border-bottom: 1px solid #E6E6E6; } .nft-timing { color: #02020299; font-family: 'ProximaNova-Regular'; font-size: 12px; margin-left: 3px; } .nft-thumb { width: 40px; height: 40px; flex-shrink: 0; } .nft-thumb img { width: 100%; border: 1px solid #3DCBB1; border-radius: 50%; } .bold-text { font-weight: unset; font-family: 'Proxima-Nova-Semibold'; } .nft-content p { font-size: 16px; font-family: 'ProximaNova-Regular'; color: #020202; margin-bottom: 0px; } .drop-header { display: flex; justify-content: space-between; padding: 20px 25px; align-items: center; } .drop-footer { display: flex; justify-content: center; padding: 25px 0px; } .user-menu { width: 0px; padding: 0; border: 1px solid #F0F0F0; box-shadow: unset; inset: 15px 0px auto auto !important; transition: 0.6s all ease-in-out; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .user-menu.show { width: 292px; } .user-header { border-bottom: 2px dashed; border-color: #E6E6E6; padding: 20px 25px; } .drop-footer p a { color: #3155F4; font-family: 'Proxima-Nova-Semibold'; font-size: 16px; line-height: 16px; margin-bottom: 0px; display: flex; gap: 8px; text-decoration: none; } .user-header h5 { color: #003797; font-family: 'ProximaNova-Bold'; font-size: 20px; line-height: 16px; } .user-header p { color: rgba(2, 2, 2, 0.60); font-family: 'ProximaNova-Regular'; font-size: 13px; line-height: 18px; margin-bottom: 0px; } .user-listing { padding: 20px 25px; display: flex; flex-direction: column; gap: 25px; border-bottom: 1px solid #E6E6E6; } .user-footer { padding: 25px 25px; display: flex; justify-content: center; } .user-footer a { display: flex; align-items: center; gap: 10px; color: #3155F4; font-family: 'Proxima-Nova-Semibold'; font-size: 16px; line-height: 16px; text-decoration: none; } .drop-footer p { margin-bottom: 0px; } .us-listing-main { display: flex; gap: 12px; } .listing-user-content p { margin-bottom: 0px; } .listing-user-content p a { color: #020202; font-family: 'Proxima-Nova-Medium'; font-size: 16px; line-height: 16px; text-decoration: none; } .listing-user-content p a span { display: block; color: rgba(2, 2, 2, 0.60); font-family: 'ProximaNova-Regular'; font-size: 13px; line-height: 18px; } .main-links li.active .message-counter { background: #fff; color: #3155F4; } .layout-main { width: 100%; height: 100%; padding: 0px 15px 0 15px; -webkit-transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -ms-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; /* min-height: 100%; */ display: flex; flex-direction: column; overflow-x: hidden; overflow-y: hidden; background-color: #F5F7FC; } .wave-container { position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; } .wave { animation: wave 3s linear infinite alternate; transform-origin: center left; } .wave-container svg { width: 100%; border-radius: 10px; } .welcome-head h2 { font-size: 32px; font-family: 'ProximaNova-Bold'; color: #fff; line-height: 32px; } @keyframes wave { 0% { transform: translateX(-20px) } 100% { transform: translateX(20px); } } .welcome-card { background-color: #0c2fa5; padding: 50px 50px 50px 60px; position: relative; border-radius: 10px; overflow: hidden; z-index: 0; margin-bottom: 15px; } .welcome-head p { font-family: "ProximaNova-Regular"; color: #fff; line-height: 22.88px; font-size: 14px; } .tour-btn { width: 134px; display: inline-block; text-align: center; background-color: #fff; border-radius: 100px; padding: 14px 0px; font-size: 14px; text-decoration: none; line-height: 14px; font-family: 'ProximaNova-Bold'; color: #3155F4; } .welcome-head { margin-bottom: 25px; } .aes-1 { position: absolute; left: 445px; top: 110px; z-index: -1; } .aes-1 img { animation: scale 7s alternate-reverse linear infinite; } .aes-2 { left: 460px; position: absolute; top: 135px; z-index: -1; } .profile-edit { padding: 50px 0px; } /* Tooltip text */ .tooltip-text { visibility: hidden; width: 272px; background-color: #3A78E4; color: #fff; border-radius: 4px; padding: 5px; position: absolute; top: 65px; z-index: 1; /* bottom: 125%; */ left: 310px; transform: translateX(-50%); /* opacity: 1; */ transition: 0.8s all ease-in-out; color: #fff; margin-right: 0; z-index: 1030; padding: 20px 20px; border-radius: 4px; opacity: 0; /* display: none; */ } .tooltip-text.active { transform: translateX(0%); opacity: 1; visibility: visible; } .tooltip-text::after { content: ""; position: absolute; top: 40%; left: 0; margin-left: -16px; border-width: 8px; border-style: solid; border-color: #3A78E4 transparent transparent transparent; transform: rotate(90deg); } .tooltip-close { display: flex; justify-content: end; position: absolute; right: 12px; top: 12px; } .tooltip-head h4 { font-family: "Proxima-Nova-Extrabold"; font-size: 15px; line-height: 20px; color: #fff; } .tt-close { width: 28px; background: transparent; border: 0; height: 20px; display: flex; justify-content: center; align-items: center; } .tooltip-head p { font-size: 12px; line-height: 16px; font-family: "ProximaNova-Regular"; } .tooltip-head { width: 212px; } .hide-tips { font-size: 10px; background: transparent; border: 0; color: #fff; display: flex; align-items: center; gap: 5px; font-family: "ProximaNova-Regular"; line-height: 16px; } .next-tip-btn { font-size: 12px; font-family: 'ProximaNova-Bold'; color: #3A78E4; background: #fff; border: 1px solid transparent; padding: 5px 0px; width: 63px; border-radius: 4px; display: flex; justify-content: center; align-items: center; } .hide-next-cta { display: flex; justify-content: space-between; } .db-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; display: none; } .l-sidebar.highlighter { z-index: 1030; } .bottom-bar { position: fixed; bottom: 0; background: #3A78E4; width: 100%; z-index: 1030; transform: translateY(50%); transition: 0.8s all ease-in-out; visibility: hidden; opacity: 0; } .bottom-bar.active { transform: translateY(0%); visibility: visible; opacity: 1; } .bar-main { display: flex; justify-content: space-between; padding: 12px 90px; align-items: center; } .bar-count-skip { display: flex; align-items: center; gap: 20px; } .aes-3 { position: absolute; left: 540px; top: 150px; z-index: -1; } .aes-4 { position: absolute; right: 25px; top: 110px; z-index: -1; } .aes-2 img { animation: movin 7s alternate-reverse linear infinite; } .aes-3, .aes-4 img { animation: scale 7s alternate-reverse linear infinite; } @keyframes movin { 0% { transform: translateX(0); } 100% { transform: translateX(30px); } } @keyframes scale { 0% { transform: rotate(0deg)scale(1); } 100% { transform: rotate(360deg)scale(1.2); } } .anim { animation-name: wave-animation; /* Refers to the name of your @keyframes element below */ animation-duration: 2.5s; /* Change to speed up or slow down */ animation-iteration-count: infinite; /* Never stop waving :) */ transform-origin: 70% 70%; /* Pivot around the bottom-left palm */ display: inline-block; } @keyframes wave-animation { 0% { transform: rotate(0.0deg) } 10% { transform: rotate(14.0deg) } /* waving speed */ 20% { transform: rotate(-8.0deg) } 30% { transform: rotate(14.0deg) } 40% { transform: rotate(-4.0deg) } 50% { transform: rotate(10.0deg) } 60% { transform: rotate(0.0deg) } /* Reset for the last half to pause */ 100% { transform: rotate(0.0deg) } } .career-card { border-radius: 10px; background: #FFF; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); padding: 20px; margin-bottom: 15px; } .career-content p { color: #B8B8B9; font-size: 12px; line-height: 19.61px; font-family: 'ProximaNova-Regular'; } .grow-card { border-radius: 10px; background: #FFF; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); padding: 20px; margin-bottom: 15px; } .career-content h4 { font-family: 'Proxima-Nova-Medium'; font-size: 20px; line-height: 20px; color: #282E53; } .grow-thumb { margin-bottom: 15px; } .top-card { /* overflow: hidden; */ position: relative; background-color: #0c2fa5; z-index: 1; padding: 45px 25px 45px; border-radius: 10px; } .child { overflow: hidden; /* position: relative; */ } .top-card.highlighter { z-index: 1030; } .wave-container figure { margin: 0; } .top-cont h4 { color: #FFF; font-family: 'ProximaNova-Bold'; font-size: 22px; line-height: normal; } .top-cont p { color: #FFF; font-family: 'ProximaNova-Regular'; font-size: 12px; line-height: 19.61px; } .prop-grid-main { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px 30px; place-items: center; } .prop-content h5 { color: #FFF; font-family: 'ProximaNova-Bold'; font-size: 22px; line-height: normal; margin: 0; } .payments-cta { display: inline-block; width: 94px; font-family: "Proxima-Nova-Semibold"; font-size: 10px; letter-spacing: 0em; text-align: center; border: 1px solid #fff; line-height: 10px; color: #fff; padding: 6px 0px; border-radius: 30px; } .prop-content p { color: #FFF; text-align: center; font-family: 'ProximaNova-Regular'; font-size: 10px; line-height: 16.342px; margin: 0; } .prop-content { display: grid; place-items: center; text-align: center; grid-gap: 10px; } .top-cont { margin-bottom: 30px; } .gold-content h5 { color: #FFD14F; } .gold-cta { background-color: #FFD14F; border: 1px solid transparent; color: #021639; } .tx-bold { font-family: 'ProximaNova-Bold'; } .tp-element { position: absolute; bottom: 95px; right: 72px; } .tp-element img { animation: movin 7s alternate-reverse linear infinite; } .pd-bar-box1 { display: flex; align-items: center; gap: 15px; } .pd-thumb-cont p { display: flex; align-items: center; color: #292F53; font-family: 'Proxima-Nova-Medium'; font-size: 16px; line-height: normal; gap: 10px; margin: 0; } .property-address p { color: #003797; font-family: 'ProximaNova-Bold'; font-size: 20px; line-height: normal; margin: 0; } .prop-bar { display: flex; justify-content: space-between; border-radius: 10px; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); background-color: #fff; padding: 20px 25px; margin-bottom: 15px; position: relative; } .drop-ellipse-btn { background-color: transparent; border: 0; outline: 0; } /*===== The CSS =====*/ /* circular-progress bar */ #wrapper { width: 115px; position: relative; } .progress .track, .progress .fill { fill: rgba(0, 0, 0, 0); stroke-width: 10px; transform: rotate(90deg)translate(0px, -80px); stroke-linecap: round; } .progress .track { stroke: #D9D7FF; stroke-width: 10px; } .progress .fill { stroke: rgb(255, 255, 255); stroke-dasharray: 219.99078369140625; stroke-dashoffset: -219.99078369140625; transition: stroke-dashoffset 1s; } .progress.blue .fill { stroke: #4E54EA; } .progress.green .fill { stroke: #4E54EA; } .progress .value, .progress .text { font-family: 'Open Sans'; fill: rgb(255, 255, 255); text-anchor: middle; } .progress .text { font-size: 12px; } .progress text { font-size: 11px; font-family: 'ProximaNova-Bold'; fill: #003797; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } #wrapper .progress { background-color: unset; } .progress-rounded-main { display: flex; align-items: center; } .progress-main { border-radius: 10px; background: #FFF; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); padding: 30px 0px 30px; position: relative; } .progress { width: 95px; height: 115px; } .progress-head h4 { color: #003797; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: normal; width: 128px; } .pg-gutter { --bs-gutter-x: 16px; } .progress-rounded-main { display: flex; align-items: center; padding: 0px 30px; } .progress--header { display: flex; justify-content: flex-end; align-items: flex-end; padding: 0px 25px; position: absolute; right: -1px; top: 12px; } .progress-before { position: absolute; top: 0; right: -6px; } .progress-before img { height: 130px; } .progress-content { flex-grow: 1; } .main-db-layout { padding-right: 65px; } .progress-ratio-base { display: flex; justify-content: space-between; align-items: center; } .progress-ratio p { margin: 0; color: #4148DE; font-family: 'ProximaNova-Regular'; font-size: 12px; line-height: 30px; padding-top: 10px; } .progress-head { margin-bottom: 25px; } .progress-head { margin-bottom: 15px; } .progress-charts-main { margin-bottom: 15px; } /* circular progress end */ .cfh-main { display: flex; justify-content: space-between; } .cash-flow-card { border-radius: 20px; background: #FFF; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); padding: 30px 30px 25px; margin-bottom: 15px; position: relative; scroll-margin: 550px; } .month-year-tabs .nav-tabs { display: flex; justify-content: flex-end; border: 0; padding: 0; margin-bottom: 25px; gap: 25px; } .month-year-tabs .nav-tabs .nav-link { padding: 0; } .month-year-tabs .nav-tabs .nav-link { border: 0; color: #292F53; font-family: 'Proxima-Nova-Medium'; font-size: 12px; line-height: 14.62px; display: flex; position: relative; transition: 0.6s all ease-in-out; } .month-year-tabs .nav-tabs .nav-link::after { content: ""; position: absolute; background-color: #0065F2; width: 0; height: 0; top: 100%; left: 50%; transform: translate(-50%, 50%); transition: 0.6s all ease-in-out; } .month-year-tabs .nav-tabs .nav-link.active::after { width: 45px; height: 0.75px; } .month-year-tabs .nav-tabs .nav-link.active { font-family: 'ProximaNova-Bold'; color: #0065F2; } .cash-flow-head h4 { font-family: 'ProximaNova-Bold'; font-size: 22px; line-height: 22px; letter-spacing: 0em; color: #003797; margin-bottom: 0px; } .money-content-value { display: flex; justify-content: space-between; align-items: center; } .cash-flow-head p { color: rgba(2, 2, 2, 0.60); font-family: 'ProximaNova-Regular'; font-size: 14px; line-height: 25px; } .money-in-content h5 { color: #1A7D21; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; line-height: 22.879px; margin: 0px; } .money-in-value span { color: #1A7D21; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; line-height: 22.879px; margin: 0px; } .payment-history-card { padding: 12px 25px; border-radius: 10px; margin-bottom: 15px; background-color: #D2FFE2; } .money-out h5 { color: #0600C3; } .money-out span { color: #0600C3; } .money-out-bg { background-color: #F3F2FB; } .transaction-view-btn { border-radius: 100px; background: #3155F4; width: 134px; color: #fff; padding: 12px 0px; border: 0; outline: 0; font-family: 'Proxima-Nova-Semibold'; box-shadow: unset; text-align: center; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; transition: 0.6s all ease-in-out; } .view-all-transaction { padding: 25px 0px 0px; text-align: center; } .logout-side-button { text-align: center; padding: 60px 50px; width: 273px; } .logout-btn { text-align: center; width: 171px; background-color: #fff; border: 1px solid transparent; outline: 0; color: #04183A; font-family: 'ProximaNova-Bold'; font-size: 14px; line-height: normal; padding: 12px 0px; border-radius: 100px; } .maintenance-card { border-radius: 10px; background: #FFF; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); padding: 30px 30px 25px; margin-bottom: 15px; position: relative; } .maintenance-table-main table thead tr th { color: #717172CC; font-family: 'Proxima-Nova-Semibold'; font-size: 12px; line-height: 12px; border: 0; padding: 15px 8px; } .maintenance-table-main table tbody tr td { font-size: 12px; font-family: 'Proxima-Nova-Medium'; border: 0; } .table-date-col { display: flex; gap: 5px; font-family: 'ProximaNova-Regular'; color: #020202; margin-bottom: 0px; } .table-date-col span { font-family: 'Proxima-Nova-Semibold'; } .status-buttons { border: 1px solid transparent; background-color: #F3EEFE; outline: 0; width: 57px; display: inline-block; padding: 4px 0px; font-family: 'Proxima-Nova-Semibold'; font-size: 8px; text-align: center; border-radius: 5px; color: #6E54BB; } .txt-center { text-align: center; } .cfh-main { display: flex; justify-content: space-between; margin-bottom: 15px; } .cancelled { color: #C73E00; background-color: #FCF0EA; } .completed { background-color: #E1FFFA; color: #318E94; } .prop-bar.highlighter { z-index: 1030; } [tool-tip="2"] { left: 0px; top: 83px; } .tooltip-text[tool-tip="2"]::after { top: -9%; left: 43px; transform: rotate(180deg); } .cash-flow-card.highlighter { z-index: 1030; } .dashboard-body::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .dashboard-body { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } [tool-tip="3"] { right: 16px; top: -210px; left: unset; } .tooltip-text[tool-tip="3"]::after { bottom: -15px; left: unset; transform: rotate(360deg); right: 18px; top: unset; } [tool-tip="4"] { top: 18px; left: -290px; } .tooltip-text[tool-tip="4"]::after { bottom: unset; left: unset; transform: rotate(270deg); right: -16px; top: 80px; } .bar-content p { font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 16px; letter-spacing: 0px; color: #fff; margin-bottom: 0px; } .tip-count { font-family: 'Proxima-Nova-Medium'; font-size: 14px; line-height: 17px; letter-spacing: 0px; color: #fff; display: inline-block; } .skiptour-btn { width: 170px; background-color: #fff; border: 1px solid transparent; color: #3A78E4; outline: 0; border-radius: 4px; padding: 10px 0px; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 14px; font-style: normal; line-height: 24px; letter-spacing: 0.1px; } .tour-close-btn { background: transparent; border: 0; outline: 0; color: #fff; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; line-height: normal; } .cs-drop .dropdown-toggle { background-color: transparent; border: 0; outline: 0; } .cs-drop .dropdown-toggle::after { content: none; } .cs-drop .card-menu { width: 0px; transition: 0.6s all ease-in-out; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .cs-drop .card-menu.show { width: 198px; inset: 0px auto auto -174px !important; padding: 0; box-shadow: 0px 10px 80px 0px #26334D2B; border: 1px solid transparent; } .cmenu-main { display: flex; gap: 10px; } .cmenu-listing { padding: 20px 20px; } .cmn-content p { margin-bottom: 0px; } .cmenu-listing { display: flex; flex-direction: column; gap: 20px; } .cmn-content p a { color: #020202; text-decoration: none; font-family: 'Proxima-Nova-Medium'; font-size: 16px; line-height: 16px; } .apexcharts-bar-area .apexcharts-series path { border-radius: 10px 10px 0 0; /* Adjust the radius as needed */ } .chart-card { box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); padding: 30px 30px 25px; margin-bottom: 15px; background-color: #fff; border-radius: 10px; position: relative; } .chart { padding-top: 10px; } .status-completed { display: flex; width: 57px; padding: 0px 0px; justify-content: center; align-items: center; flex-shrink: 0; color: #177F63; text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: 'Proxima-Nova-Semibold'; font-size: 8px; line-height: 20px; border-radius: 5px; background: #E1FFFA; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); } .invoice-status { display: flex; gap: 6px; } .part-paid { background-color: #ECF9FE; color: #0370AE; } .db-toggle { display: none; } .desktop-hidden { display: none; } .header-links-mob li { list-style: none; color: #fff; padding-left: 50px; } .header-links-mob li a { text-decoration: none; color: #fff; } .mobile-nav-view { display: none; } .notification-user { position: relative; } .drop-elip-thumb { position: absolute; top: 20px; right: 25px; } /* dashboard-end */ /* login page start */ .login-logo img { width: 102px; } .login-container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: auto; overflow-x: hidden; padding: 60px 0px 60px; } .login-main { height: 100vh; display: flex; flex-direction: column; } .login-logo { display: flex; justify-content: center; margin-bottom: 40px; } .login-welcome { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 40px; } .login-welcome h3 { color: #021639; font-family: "Proxima-Nova-Semibold"; text-align: center; font-size: 48px; line-height: 60px; letter-spacing: -1px; } .login-welcome p { color: #4D5E80; text-align: center; font-family: "ProximaNova-Regular"; font-size: 20px; line-height: 26px; width: 483px; margin: 0px auto; } .login-fields { margin-bottom: 20px; position: relative; } .login-fields label { color: #021639; font-size: 14px; font-family: "ProximaNova-Regular"; line-height: 20px; display: block; margin-bottom: 5px; } .login-fields input { border: 1px solid #b8b8b9; outline: 0; padding: 11px 60px 11px 15px; width: 100%; border-radius: 5px; font-family: "ProximaNova-Regular"; color: #000; vertical-align: middle; font-size: 15px; } .login-fields input::placeholder { color: #38445F66; } .trouble-link { margin-bottom: 0px; } .trouble-link a { font-family: "ProximaNova-Regular"; font-size: 18px; line-height: 18px; color: #3155F4; letter-spacing: 0px; text-decoration: underline; } .eye-pass { position: absolute; top: 35px; right: 20px; } .submit-login-btn { display: flex; width: 306.923px; padding: 11px 0px 11px 0px; justify-content: center; align-items: center; background-color: #3155F4; border-radius: 100px; outline: 0; border: 1px solid transparent; color: #fff; font-family: "ProximaNova-Bold"; } .log-login-button { display: flex; justify-content: center; padding: 50px 0px; } .register-link p { color: #314264; text-align: center; font-family: "ProximaNova-Regular"; font-size: 20px; line-height: 30px; } .register-link p a { color: #3155F4; font-family: "Proxima-Nova-Semibold"; line-height: normal; text-decoration-line: underline; } .login-copyright-sec { padding: 20px 90px; } .login-container::-webkit-scrollbar-track { border-radius: 10px; } .login-container::-webkit-scrollbar { width: 8px; } .login-container::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #0600C3; } .login-copyright-sec .copyright-text p { color: #314264; font-family: 'ProximaNova-Regular'; font-size: 14px; line-height: 20px; } .login-fields .error { color: red; font-size: 15px; } .login-welcome p a { color: #3155F4; font-family: 'ProximaNova-Bold'; font-size: 20px; line-height: 26px; text-decoration-line: underline; text-decoration-thickness: 1px; } .login-fields label span { color: #F44336; } /* login page end */ /* register page */ .remember-me label { color: #021639; font-size: 18px; line-height: 20px; font-family: 'ProximaNova-Regular'; } .remember-me input[type="checkbox" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 24px; height: 24px; background-color: transparent; border: 1px solid #3155F4; background-image: url(../images/rg-checked.svg); background-repeat: no-repeat; background-size: 12px; transition: 0.3s all ease-in-out; background-position: -100px; /* cursor: pointer; */ } .remember-me input[type="checkbox"]:checked { background-color: transparent; background-image: url(../images/rg-checked.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; } .remember-me { display: flex; align-items: center; gap: 10px; } /* register page end */ /* lanlord register journey */ .lanlord-register-main { height: 100vh; overflow: hidden; max-width: 1440px; margin: 0px auto; } .land-reg-thumb { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .ld-reg-right { background: linear-gradient(180deg, #CFE5FF 0%, rgba(242, 248, 255, 0) 100%); height: 100%; width: 670px; position: relative; } .ld-logo { padding: 50px 50px; position: absolute; } .ld-reg-left { overflow: hidden; position: relative; } .step { visibility: hidden; opacity: 0; transform: translateX(100%); /* transition: 0.6s all ease-in-out; */ position: absolute; padding-bottom: 80px; } .step.active { transform: translateX(0%); opacity: 1; visibility: visible; position: relative; transition: 0.6s all ease-in-out; } .create-head h3 { color: #021639; font-family: "Proxima-Nova-Semibold"; font-size: 45px; font-style: normal; line-height: 60px; letter-spacing: -1px; margin-bottom: 0px; } .create-head p { color: #4D5E80; font-family: 'ProximaNova-Regular'; font-size: 20px; line-height: 26px; } .create-head { margin-bottom: 45px; } .stp-count { border-radius: 10px; background: #FFF; display: inline-block; margin-bottom: 0px; width: 142px; color: #003797; text-align: center; font-family: "Proxima-Nova-Semibold"; font-size: 18px; font-style: normal; line-height: 26px; padding: 10px 0px; transition: text 0.6s all ease-in-out; } .steps-count { padding: 50px 50px; display: flex; justify-content: flex-end; position: absolute; width: 100%; } .custom-select { position: relative; display: inline-block; width: 100%; } .select-wrapper { position: relative; cursor: pointer; } .select-selected { width: 100%; position: relative; z-index: 1; align-items: center; display: flex; justify-content: space-between; padding: 0px 15px; height: 48px; border-radius: 5px; border: 1px solid #b8b8b9; font-family: "Proxima-Nova-Semibold"; font-size: 14px; line-height: 24px; letter-spacing: 0.1px; color: #3155F4; } .select-arrow { width: 14px; height: 8px; position: absolute; top: 21px; right: 21px; z-index: 1; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: center; } .select-options { display: none; position: absolute; background-color: #fff; top: 55px; left: auto; width: 100%; z-index: 2; padding: 15px 0px 0px; border-radius: 3px; border: 1px solid rgba(94, 109, 140, 0.25); height: 180px; overflow-y: auto; } .select-options::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .select-options::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .select-options::-webkit-scrollbar-thumb { background-color: #000000; } .select-option { padding: 15px 21px; cursor: pointer; color: #021639; font-family: 'ProximaNova-Regular'; font-size: 15px; line-height: 18px; } .select-option:hover { background: #F5F9FF; } /* custom select */ .step-continue-btn { width: 350px; } /* .step-continue-btn.disabled { pointer-events: none; background-color: rgba(107, 122, 153, 0.10); color: rgba(107, 122, 153, 0.40); } */ .step-continue-btn[disabled] { pointer-events: none; background-color: rgba(107, 122, 153, 0.10); color: rgba(107, 122, 153, 0.40); } /* custom select */ /* custom date picker */ .customDate { border: 1px solid #b8b8b9; outline: 0; padding: 10px 15px; width: 100%; border-radius: 5px; font-family: "Proxima-Nova-Semibold"; color: #3155F4; vertical-align: middle; font-size: 15px; display: flex; align-items: center; justify-content: space-between; } .customDate input { width: 50%; font-family: "Proxima-Nova-Semibold" !important; color: #3155F4 !important; vertical-align: middle; font-size: 15px; } .customDate input::placeholder { color: #3155F4 !important; } .customDate .input-group-append{cursor: pointer;} .date-picker { visibility: hidden; padding: 0 !important; width: 0.1px !important; } .customDate .icon { cursor: pointer; } .rent-field input { padding: 11px 25px; } .dollar-sign { position: absolute; top: 37px; left: 15px; } .dollar-sign p { margin-bottom: 0px; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: 0.1px; text-align: left; color: #3155F4; } .rent-field input { color: #3155F4 !important; font-family: 'Proxima-Nova-Semibold'; } .rent-field input::placeholder { color: #3155F4; } .sq-ft-text { position: absolute; top: 35px; right: 15px; } .sq-ft-text span { font-family: 'Proxima-Nova-Medium'; font-size: 14px; line-height: 24px; letter-spacing: 0.1px; text-align: left; color: #3155F4; } .amenities-options { display: flex; gap: 10px; align-items: center; } .amenities-options input[type="checkbox"]:checked { background-color: transparent; background-image: url(../images/rg-checked.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; } .amenities-options input[type="checkbox" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; padding: 0; width: 18px; height: 18px; background-color: transparent; border: 1px solid #3155F4; background-image: url(../images/rg-checked.svg); background-repeat: no-repeat; background-size: 12px; transition: 0.3s all ease-in-out; background-position: -100px; border-radius: 50%; /* cursor: pointer; */ } .select-arrow.active { transform: rotate(180deg); transition: 0.6s all ease-in-out; } .skp-button { display: flex; justify-content: center; } .skip-btn { background-color: transparent; border: 0; outline: 0; color: #3155F4; text-align: center; font-family: 'Proxima-Nova-Semibold'; font-size: 18px; line-height: 26px; } /* custom picker end */ .view-all-select { display: flex; justify-content: center; padding: 20px 0px; } .v-select-all { color: #3155F4; font-family: 'Proxima-Nova-Semibold'; font-size: 18px; line-height: normal; background-color: transparent; border: 0; outline: 0; } .show-mob { display: none; } .ld-logo img { width: 102px; } /* lanlord register journey end */ /* lanlord subscription */ .subs-plan-card { /* border: 1px solid #ADB8CC; */ padding: 50px 50px 25px; position: relative; min-height: 570px; } .plan-cards-row { border: 1px solid #ADB8CC; ; border-radius: 4px; } .subscription-plans-sec .row .col-lg-3:nth-child(1) .subs-plan-card { border-right: 1px solid rgba(155, 205, 255, 0.5) } .subscription-plans-sec .row .col-lg-3:nth-child(2) .subs-plan-card { border-right: 1px solid rgba(155, 205, 255, 0.5) } .subscription-plans-sec .row .col-lg-3:nth-child(3) .subs-plan-card { border-right: 1px solid rgba(155, 205, 255, 0.5) } .subscription-plans-sec .row .col-lg-3:nth-child(3) .subs-plan-card { border-right: 1px solid rgba(155, 205, 255, 0.5) } /* .subscription-plans-sec .row .col-md-3:nth-child(4) .subs-plan-card { } */ .plan-head h4 { color: #020202; font-family: 'Proxima-Nova-Medium'; font-size: 26px; line-height: 32px; letter-spacing: 0em; display: flex; align-items: center; gap: 5px; } .plan-head p { font-size: 12px; font-family: "ProximaNova-Regular"; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: left; color: #020202BF; } .plan-cost h4 { font-family: 'Proxima-Nova-Medium'; font-size: 42px; font-weight: 500; line-height: 42px; letter-spacing: 0em; text-align: left; display: flex; align-items: end; gap: 5px; } .plan-cost { font-family: 'ProximaNova-Regular'; font-size: 12px; line-height: 22px; letter-spacing: 0em; text-align: left; } .select-plan-btn { width: 200px; display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 14px; line-height: 14px; letter-spacing: 0em; text-align: center; font-family: "ProximaNova-Bold"; color: #3155F4; background-color: transparent; border: 1px solid #3155F4; padding: 13px 0px; border-radius: 7px; transition: 0.6s all ease-in-out; } .plans-listing { display: flex; flex-direction: column; } .plans-listing p { margin-bottom: 0px; color: #020202; font-family: 'ProximaNova-Regular'; font-size: 12px; font-style: normal; line-height: 180%; display: flex; gap: 7px; } .plans-listing-footer p { color: #020202; font-family: 'ProximaNova-Regular'; font-size: 12px; font-style: normal; line-height: 180%; margin-bottom: 0px; display: flex; gap: 7px; } .plans-listing { display: flex; flex-direction: column; gap: 5px; padding: 30px 0px 0px; border-bottom: 1px solid #B8B8B9; margin-bottom: 25px; min-height: 200px; } .unlimited-plan { background-color: #3155F4; } .plan-cost h4 sub { font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; font-family: 'ProximaNova-Regular'; color: #020202; } .coming-soon-btn { background-color: rgba(224, 236, 253, 0.40); border: 1px solid transparent; color: #38445F; font-family: 'Proxima-Nova-Semibold'; } .best-value { width: 71px; display: inline-block; color: #FFF; font-family: 'Proxima-Nova-Semibold'; font-size: 9px; line-height: 21px; border-radius: 100px; background: #3DCBB1; text-align: center; } .premium-btn { background-color: #fff; border: 1px solid transparent; font-family: 'Proxima-Nova-Semibold'; color: #003797; } .unlimited-plan .plan-head h4 { color: #fff; } .unlimited-plan .plan-head p { color: #fff; } .unlimited-plan .plan-cost h4 { color: #fff; } .unlimited-plan .plan-cost h4 sub { color: #fff; } .unlimited-plan .plan-cost p { color: #fff; } .unlimited-plan .plans-listing p { color: #fff; } .unlimited-plan .plans-listing-footer p { color: #fff; } .choose-sub-head h3 { color: #021639; font-family: 'Proxima-Nova-Semibold'; font-size: 48px; line-height: 60px; letter-spacing: -1px; margin-bottom: 0px; } .choose-sub-head p { color: #4D5E80; font-family: 'ProximaNova-Regular'; font-size: 20px; font-style: normal; line-height: 26px; } .choose-sub-head { margin-bottom: 40px; } .subscription-check input[type="radio" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 24px; height: 24px; background-color: transparent; border: 1px solid #3155F4; background-repeat: no-repeat; background-size: 12px; border-radius: 50%; cursor: pointer; } .subscription-check input[type="radio"]:checked { background-color: transparent; background-image: url(../images/plan-select.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; background-color: #3155F4; } .subscription-check { position: absolute; top: 30px; right: 30px; } .subs-continue { padding: 80px 0px; } /* lanlord subs end */ /* select account type */ .account-type-label { display: flex; justify-content: center; align-items: center; width: 100%; border: 1px solid #B8B8B9; border-radius: 10px; height: 340px; transition: 0.6s all ease-in-out; } .tenant-thumb { margin-bottom: 20px; height: 128px; } .account-holder h6 { color: #3155F4; text-align: center; font-family: "ProximaNova-Bold"; font-size: 20px; font-style: normal; line-height: normal; margin-bottom: 0px; } .sade-main input[type="radio"]:checked+label { border: 1px solid #0065F2; } .sade-main input[type="radio"] { position: absolute; top: 22px; right: 22px; -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 24px; height: 24px; background-color: transparent; border: 1px solid #3155F4; background-repeat: no-repeat; background-size: 12px; border-radius: 50%; cursor: pointer; } .sade-main input[type="radio"]:checked { background-color: transparent; background-image: url(../images/plan-select.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; background-color: #3155F4; } .sade-main { position: relative; } .account-type-sec { padding: 80px 0px; } /* select account type end */ /* tenant register */ .login-fields textarea { border: 1px solid #b8b8b9; outline: 0; padding: 11px 60px 11px 15px; width: 100%; border-radius: 5px; font-family: "ProximaNova-Regular"; color: #000; vertical-align: middle; font-size: 15px; } .custom-resizer { background-image: url(../images/resizer.svg); background-size: 15px; background-position: 98% 90%; background-repeat: no-repeat; } .custom-resizer::-webkit-resizer { /* Customize the resizer handle for WebKit browsers (Chrome, Safari) */ background-color: transparent; /* Set a background color */ opacity: 0; /* Adjust the handle's opacity */ } /* tenant register end */ /* media start */ @media only screen and (min-width: 320px) and (max-width: 529px) { .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 0; /* Set the backdrop below datepicker */ display: none; /* Hide by default */ } .datepicker-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; /* Set the datepicker above the backdrop */ background-color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); display: none; /* Hide by default */ } /* mobile header */ .button_container { display: flex; gap: 10px; align-items: center; } .button_container span { font-family: "ProximaNova-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 0.1px; color: #3DCBB1; } /* mobile header end */ .banner-content h1 { font-size: 32px; line-height: 38px; letter-spacing: -1px; width: 313px; margin: 0px auto; padding-bottom: 20px; } .navbar-brand img { width: 80px; } .banner-sec { padding: 90px 0px 210px; } .mgn-u { left: -7px; top: 25px; } .left-ring img { width: 50px; height: 50px; } .mgn-u img { width: 75px; height: 75px; } .left-ring { top: 50px; position: absolute; left: 30px; } .right-ring img { width: 50px; } .right-ring { right: 71px; top: 50px; } .banner-content h4 { font-size: 16px; width: 315px; margin: 0px auto; line-height: 22px; } .get-start-button { padding: 30px 0px 0px; } .show-spec { display: none; } .ring-plus { display: none; } .flow img { width: 70px; height: 70px; } .flow { top: 72px; right: 30px; } .support-list ul { flex-direction: column; gap: 25px; } .mb-none { display: none; } .dsk-none { display: block; } .support-list ul h4 span img { width: 26px; height: 26px; } .support-list { justify-content: center; flex-direction: column; align-items: center; } .support-list ul h4 { gap: 15px; } .banner-sec { padding: 90px 0px 115px; } .get-start-btn { width: 250px; font-size: 16px; line-height: 24px; } #caption { transform: translateX(0px); left: 0%; max-width: 100%; line-height: 35px; font-size: 18px; top: 60px; width: 315px; } .animate-box { margin: 60px 0px 0px; } .right-circ { z-index: -1; } .prp-dt-head h1 { font-size: 32px; } .prp-dt-head p { font-size: 16px; width: 100%; } .prop-details { margin-top: -375px; } .prp-dt-head h1 { font-size: 32px; line-height: 38px; margin-bottom: 20px; } #caption.cursor::after { content: none; } .prp-dt-head { margin-bottom: 45px; } .mbl-gap { gap: 35px; margin: 0 !important; } .apart-detail-head h2 { font-size: 38px; } .apart-detail-head h2 sub { font-size: 16px; } .room-details-listing ul li a { font-size: 18px; } .appart-content { font-size: 16px; } .middle-man-content h3 { font-size: 32px; line-height: 38px; margin-bottom: 12px; } .middle-man-content p { font-size: 16px; width: 100%; } .inf-fv-pro-boxes { flex-direction: column; } .pwd-main { padding-left: 0px; } .lt-top { top: -19px; left: 30px; } .lets-get-started-sec { padding: 60px 0px; } .card-after img { width: 125px; height: 125px; } .appartment-details-content { padding: 25px; } .prop-details { position: relative; /* overflow-x: hidden; */ } .pdr-0 { padding: 0px; } .ap-cards-main .col-md-4 { padding: 0px 20px 0px 20px; } .card-after { right: -18px; bottom: -50px; } .middleman-sec { padding: 105px 0px 170px; } .inf-fv-box { flex-direction: column; align-items: center; } .inf-fv-content h2 { text-align: center; } .inf-fv-content p { text-align: center; width: 244px; margin: 0px auto; } .divider { background-color: #D1D1D1; width: 168px; height: 1px; margin-top: 40px; } .middle-man-content { margin-bottom: 50px; } .md-thumb { justify-content: center; margin-bottom: 90px; } .inv-head h3 { font-size: 32px; margin-bottom: 10px; } .investment-sec { padding: 60px 0px 60px; } .inv-ring { left: 40px; top: -40px; } .inv-ring img { width: 85px; height: 85px; } .inv-head p { width: 100%; font-size: 16px; } .db-thumb { margin-bottom: 40px; } .inv-head { margin-bottom: 40px; } .pw-ellipse img { width: 85px; height: 85px; } .flx-reverse { flex-direction: column-reverse; } .pw-ellipse { margin-right: -24px; } .pw-content h4 { font-size: 32px; line-height: 38px; letter-spacing: -0.5px; } .pw-content p { width: 98%; font-size: 16px; } .pw-content { margin-bottom: 35px; } .pw-main { position: relative; } .pwd-bottom { left: 260px; bottom: -80px; } .pwd-listing ul li a { align-items: flex-start; gap: 15px; } .pwd-listing ul { gap: 15px; } .lets-get-head h4 { text-align: center; font-size: 32px; } .lt-top img { width: 70px; } .lt-top { top: -19px; } #feedbackForm { margin-bottom: 70px; } .get-input label { font-size: 14px; } .get-input input { font-size: 14px; } .sbmt-btn { font-size: 16px; width: 270px; } .footer-content p { width: 100%; } .email-subscribe { width: 100%; margin-bottom: 65px; } .email-sbmt-btn img { width: 28px; } .footer-content { margin-bottom: 25px; } .footer-links h4 { margin-bottom: 25px; } .footer-links { margin-bottom: 40px; } .copyright-text { text-align: center; } .cpt-text-main { gap: 0; flex-direction: column; align-items: unset; justify-content: unset; } .copyright-text p { font-size: 14px; margin-bottom: 20px; } .footer-main { padding: 80px 0px 0px; } .copyright-sec .copyright-text p:not(:last-child) { margin-bottom: 30px !important; } .property-sec { height: 100vh !important; } .back-home-button { margin-left: -10px; display: flex; justify-content: space-between; align-items: center; } .contact-fx-bar h5 { font-size: 20px; margin-bottom: 5px; } .contact-fx-bar p a { font-size: 14px; } .mssg-btn-fixed { background-color: #003797; color: #fff; padding: 11px 0px; outline: 0; border: 1px solid transparent; border-radius: 30px; width: 136px; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; } .contact-fx-bar { display: flex; justify-content: space-between; } .contact-fix-bar { position: fixed; width: 100%; bottom: 0; z-index: 10; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(61, 61, 61, 0.32); padding: 20px 20px; } .submit-button { margin-bottom: 50px; margin-top: 20px; } .selector { position: initial; } .ui-widget.ui-widget-content { width: 100% !important; left: 0% !important; padding: 70px 20px 40px; } .contact-fx-bar p { margin-bottom: 0px; } .share-btn { color: #3A78E4; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; background: transparent; outline: 0; width: 116px; border: 1px solid #D6D6D6; padding: 6px 0px; display: flex; align-items: center; justify-content: center; border-radius: 30px; gap: 4px; } .back-home-button p a { font-size: 16px; gap: 5px; } .back-home { padding: 30px 0px 0px; } .listing-head h3 { font-size: 30px; line-height: 34px; letter-spacing: -1px; } .listing-available ul { flex-direction: column; gap: 5px; } .listing-available ul li a { font-size: 15px; line-height: 22px; } .gallery-btn { color: #003797; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; display: flex; gap: 5px; background: #fff; border: 1px solid transparent; width: 91px; align-items: center; justify-content: center; border-radius: 30px; padding: 4px 0px; } .view-all-photos-button { top: 15px; right: 19px; width: auto; bottom: unset; } .view-all-photos-button { top: 15px; right: 20px; left: unset; width: auto; bottom: unset; padding-left: 0; } .mp-0 { padding: 0; } .ap-name-head h4 { font-size: 24px; margin: 0; } .appartment-cost h4 { font-size: 38px; } .description-box h5 { font-size: 20px; margin-bottom: 10px; } .description-box p { font-size: 16px; } .description-box { padding-bottom: 30px; } .features-box ul { grid-template-columns: 1fr 1fr; grid-gap: 10px 10px; } .listing-left-main { padding-right: 0px; } .features-box ul li a { font-size: 15px; gap: 10px; } .amenities-view { font-size: 16px; } .feautures-box-main { padding: 60px 0px; } .map-box { padding: 50px 0px; } .map-content h5 { font-size: 18px; } .map-content p { font-size: 16px; } .about-left { flex-direction: row; justify-content: flex-start; gap: 15px; } .abt-thumb img { width: 70px; height: 70px; } .abt-content h5 { font-size: 24px; line-height: 24px; text-align: left; } .abt-listing ul li a { font-size: 16px; } .abt-content h6 { font-size: 16px; text-align: left; line-height: 28px; } .abt-right-content p { font-size: 16px; line-height: 26px; } .abt-right-content p a { font-size: 16px; } .abt-listing ul { margin-bottom: 15px; margin-top: 15px; } .contact-abt-btn { width: 250px; padding: 11px 0px; } .abt-contact { text-align: center; padding-top: 40px; } .contact-card { border: 0; } .contact-card-head h5 { font-size: 26px; } .contact-head h4 { font-size: 16px; line-height: 28px; } .about-box-main { padding: 80px 0px 40px; } .contact-card-head h4 { font-size: 16px; line-height: 20px; } .dashed-link { font-size: 16px; } .snd-mssg-btn { width: 250px; } .ui-datepicker-buttonpane .cl-btn { position: absolute; top: 15px; right: 15px; font-size: 16px; text-decoration-line: none; } .ui-datepicker .ui-datepicker-title { font-size: 20px; } .ui-datepicker-buttonpane .cl-btn2 { left: 15px; top: 15px; right: unset; } .grid-main { display: none; } .mobile-grid { display: grid; grid-gap: 5px; } .angry-grid { grid-template-columns: 1fr; grid-template-columns: 1fr; } .subgrid { grid-template-columns: 1fr 1fr; } .mobile-ang-grid { display: grid; grid-gap: 5px; } .gallery-padding { padding: 0; } .room-details-listing { margin-bottom: 5px; } .apart-detail-head { margin-bottom: 5px; } /* dashboard-media */ .db-toggle { display: block; } .l-sidebar { opacity: 0; left: -100%; top: 80px; position: fixed; z-index: 99; } .l-sidebar.open { position: fixed; left: 0%; opacity: 1; } .dashboard-header { padding: 23px 10px; position: fixed; z-index: 9; } .main-db-layout { padding-right: 0px; } .db-logo img { width: 80px; } .db-lg-nav { justify-content: space-between; } .tooltip-text { left: 0; } .desktop-hidden { display: block; } .header-links-mob { display: flex; flex-direction: column; padding: 30px 0px; gap: 30px; } .mobile-hidden { display: none; } .profile-edit { padding: 130px 0px; } .mobile-nav-view { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .db-nav ul li a.active::after { width: 100%; top: 151%; } .db-nav ul li a.active { font-size: 15px; } .db-nav ul { gap: 25px; } .notification-user ul:not(.dropdown-menu) { gap: 30px; } .d-menu.show { width: 292px; inset: 0px -220px auto auto !important; } .welcome-head h2 { font-size: 30px; } .welcome-card { padding: 50px 20px 50px 20px; } .aes-3 { left: 240px; top: 190px; } .aes-2 { left: 127px; top: 215px; } .drop-header { padding: 20px 20px; } .notificationcontent-main { align-items: flex-start; } .pd-bar-box1 { flex-direction: column; align-items: flex-start; } .property-address p { font-size: 18px; } .aes-4 { right: 14px; } .aes-1 { left: 185px; top: 200px; } .progress-rounded-main { padding: 0px 20px; } .cash-flow-head p { line-height: 16px; } .cash-flow-head h4 { margin-bottom: 10px; font-size: 18px; } .cash-flow-card { padding: 30px 20px 25px; } .maintenance-card { padding: 30px 20px 25px; } .maintenance-table-main p { word-break: unset; } .progress-charts-main .pg-gutter { gap: 15px; } /* dashboard media end */ /* login media start */ .login-main { height: auto; } .login-container { padding: 60px 15px 60px; } .login-logo img { width: 80px; } .login-logo { margin-bottom: 60px; } .login-welcome h3 { font-size: 35px; line-height: 35px; margin-bottom: 15px; } .login-welcome p { font-size: 16px; line-height: 18px; width: 100%; } .trouble-link a { font-size: 15px; } .register-link p { font-size: 15px; } /* login-media end */ /* lanlord register journey */ .show-mob { display: block; } .hide-mob { display: none; } .show-mob { display: flex; position: unset; justify-content: center; padding: 20px 0px; } .lanlord-register-main { height: auto; max-width: 100%; padding: 0px 20px; } .lanlord-register-main .h-100 { height: auto !important; } .ld-logo { position: unset; padding: 40px 0px; justify-content: center; display: flex; } .create-head h3 { font-size: 30px; } .create-head p { font-size: 16px; } .amenities-resp .select-selected { height: auto; padding: 15px 50px 15px 14px; flex-wrap: wrap; } .amenities-resp .select-options { top: 88px; } .ld-logo img { width: 80px; } /* landloard register journey */ /* lanlord subscription */ .choose-sub-head h3 { text-align: center; font-size: 35px; line-height: 40px; margin-bottom: 20px; } .choose-sub-head p { font-size: 16px; line-height: 20px; text-align: center; } .subs-plan-card { padding: 50px 30px 25px; } /* lanlord subscription end */ /* account type */ .sade-main { margin-bottom: 20px; } /* account type end */ .appartment-slider .slide-thumb .img-fluid { max-height: 250px; } } @media screen and (min-width: 350px) and (max-width: 360px) { .property-sec { height: 150vh !important; } } @media only screen and (min-width: 375px) and (max-width: 424px) { .somni-header { padding: 10px 0px; } .left-ring { left: 40px; } .property-sec { height: 120vh !important; } } @media only screen and (min-width: 400px) and (max-width: 424px) { .analy { display: flex; justify-content: center; align-items: center; width: 100%; } #caption { width: 100%; } .property-sec { height: 100vh !important; } } @media only screen and (min-width: 425px) and (max-width: 529px) { .somni-header { padding: 10px 0px; } .analy { display: flex; justify-content: center; align-items: center; width: 100%; } #caption { width: 100%; } .d-menu.show { width: 292px; inset: 0px -16px auto auto !important; } } @media only screen and (min-width: 530px) and (max-width: 767px) { .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 0; /* Set the backdrop below datepicker */ display: none; /* Hide by default */ } .datepicker-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; /* Set the datepicker above the backdrop */ background-color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); display: none; /* Hide by default */ } /* mobile header */ .button_container { display: flex; gap: 10px; align-items: center; } .button_container span { font-family: "ProximaNova-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 0.1px; color: #3DCBB1; } /* mobile header end */ .banner-content h1 { font-size: 32px; line-height: 38px; letter-spacing: -1px; width: 313px; margin: 0px auto; padding-bottom: 20px; } .banner-sec { padding: 90px 0px 210px; } .mgn-u { left: -7px; top: 25px; } .left-ring img { width: 50px; height: 50px; } .mgn-u img { width: 75px; height: 75px; } .left-ring { top: 50px; position: absolute; left: 30px; } .right-ring img { width: 50px; } .right-ring { right: 71px; top: 50px; } .banner-content h4 { font-size: 16px; width: 315px; margin: 0px auto; line-height: 22px; } .get-start-button { padding: 30px 0px 0px; } .show-spec { display: none; } .ring-plus { display: none; } .flow img { width: 70px; height: 70px; } .flow { top: 72px; right: 30px; } .support-list ul { flex-direction: column; gap: 25px; } .mb-none { display: none; } .dsk-none { display: block; } .support-list ul h4 span img { width: 26px; height: 26px; } .support-list { justify-content: center; flex-direction: column; align-items: center; } .support-list ul h4 { gap: 15px; } .banner-sec { padding: 90px 0px 115px; } .get-start-btn { width: 250px; font-size: 16px; line-height: 24px; } #caption { transform: translateX(0px); left: 0%; max-width: 100%; line-height: 35px; font-size: 18px; top: 60px; } .animate-box { margin: 60px 0px 0px; } .right-circ { z-index: -1; } .prp-dt-head h1 { font-size: 32px; } .prp-dt-head p { font-size: 16px; width: 100%; } .prop-details { margin-top: -375px; } .prp-dt-head h1 { font-size: 28px; line-height: 38px; margin-bottom: 20px; } #caption.cursor::after { content: none; } .prp-dt-head { margin-bottom: 45px; } .mbl-gap { gap: 35px; margin: 0 !important; } .apart-detail-head h2 { font-size: 38px; } .apart-detail-head h2 sub { font-size: 16px; } .room-details-listing ul li a { font-size: 18px; } .appart-content { font-size: 16px; } .middle-man-content h3 { font-size: 32px; line-height: 38px; margin-bottom: 12px; } .middle-man-content p { font-size: 16px; width: 100%; } .inf-fv-pro-boxes { flex-direction: column; } .pwd-main { padding-left: 0px; } .lt-top { top: -19px; left: 30px; } .lets-get-started-sec { padding: 60px 0px; } .card-after img { width: 125px; height: 125px; } .appartment-details-content { padding: 25px; } .prop-details { position: relative; /* overflow-x: hidden; */ } .pdr-0 { padding: 0px; } .ap-cards-main .col-md-4 { padding: 0px 25px 0px 25px; } .card-after { right: -11px; bottom: -62px; } .middleman-sec { padding: 105px 0px 170px; } .inf-fv-box { flex-direction: column; align-items: center; } .inf-fv-content h2 { text-align: center; } .inf-fv-content p { text-align: center; width: 244px; margin: 0px auto; } .divider { background-color: #D1D1D1; width: 168px; height: 1px; margin-top: 40px; } .middle-man-content { margin-bottom: 50px; } .md-thumb { justify-content: center; margin-bottom: 90px; } .inv-head h3 { font-size: 32px; margin-bottom: 10px; } .investment-sec { padding: 60px 0px 60px; } .inv-ring { left: 40px; top: -40px; } .inv-ring img { width: 85px; height: 85px; } .inv-head p { width: 100%; font-size: 16px; } .db-thumb { margin-bottom: 40px; } .inv-head { margin-bottom: 40px; } .pw-ellipse img { width: 85px; height: 85px; } .flx-reverse { flex-direction: column-reverse; } .pw-ellipse { margin-right: -24px; } .pw-content h4 { font-size: 32px; line-height: 38px; letter-spacing: -0.5px; } .pw-content p { width: 98%; font-size: 16px; } .pw-content { margin-bottom: 35px; } .pw-main { position: relative; } .pwd-bottom { left: 260px; bottom: -80px; } .pwd-listing ul li a { align-items: flex-start; } .lets-get-head h4 { text-align: center; font-size: 32px; } .lt-top img { width: 70px; } .lt-top { top: -19px; } #feedbackForm { margin-bottom: 70px; } .get-input label { font-size: 14px; } .get-input input { font-size: 14px; } .sbmt-btn { font-size: 16px; width: 270px; } .footer-content p { width: 100%; } .email-subscribe { width: 100%; margin-bottom: 65px; } .email-sbmt-btn img { width: 28px; } .footer-content { margin-bottom: 25px; } .footer-links h4 { margin-bottom: 25px; } .footer-links { margin-bottom: 40px; } .copyright-text { text-align: center; } .cpt-text-main { gap: 0; flex-direction: column; align-items: unset; justify-content: unset; } .copyright-text p { font-size: 14px; margin-bottom: 20px; } .footer-main { padding: 80px 0px 0px; } .copyright-sec .copyright-text p:not(:last-child) { margin-bottom: 30px !important; } .property-sec { height: 120vw !important; } .back-home-button { margin-left: -10px; display: flex; justify-content: space-between; align-items: center; } .contact-fx-bar h5 { font-size: 20px; margin-bottom: 5px; } .contact-fx-bar p a { font-size: 14px; } .mssg-btn-fixed { background-color: #003797; color: #fff; padding: 11px 0px; outline: 0; border: 1px solid transparent; border-radius: 30px; width: 136px; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; } .contact-fx-bar { display: flex; justify-content: space-between; } .contact-fix-bar { position: fixed; width: 100%; bottom: 0; z-index: 10; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(61, 61, 61, 0.32); padding: 20px 20px; } .submit-button { margin-bottom: 50px; margin-top: 20px; } .selector { position: initial; } .ui-widget.ui-widget-content { width: 375px !important; left: 20% !important; padding: 70px 20px 40px; } .contact-fx-bar p { margin-bottom: 0px; } .share-btn { color: #3A78E4; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; background: transparent; outline: 0; width: 116px; border: 1px solid #D6D6D6; padding: 6px 0px; display: flex; align-items: center; justify-content: center; border-radius: 30px; gap: 4px; } .back-home-button p a { font-size: 16px; } .back-home { padding: 30px 0px 0px; } .listing-head h3 { font-size: 30px; line-height: 34px; letter-spacing: -1px; } .listing-available ul { flex-direction: column; gap: 5px; } .listing-available ul li a { font-size: 15px; line-height: 22px; } .gallery-btn { color: #003797; text-align: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; display: flex; gap: 5px; background: #fff; border: 1px solid transparent; width: 91px; align-items: center; justify-content: center; border-radius: 30px; padding: 4px 0px; } .view-all-photos-button { top: 15px; right: 19px; width: auto; bottom: unset; } .view-all-photos-button { top: 15px; right: 20px; left: unset; width: auto; bottom: unset; padding-left: 0; } .mp-0 { padding: 0; } .ap-name-head h4 { font-size: 24px; margin: 0; } .appartment-cost h4 { font-size: 38px; } .description-box h5 { font-size: 20px; margin-bottom: 10px; } .description-box p { font-size: 16px; } .description-box { padding-bottom: 30px; } .features-box ul { grid-template-columns: 1fr 1fr; grid-gap: 10px 10px; } .listing-left-main { padding-right: 0px; } .features-box ul li a { font-size: 15px; gap: 10px; } .amenities-view { font-size: 16px; } .feautures-box-main { padding: 60px 0px; } .map-box { padding: 50px 0px; } .map-content h5 { font-size: 18px; } .map-content p { font-size: 16px; } .about-left { flex-direction: row; justify-content: flex-start; gap: 15px; } .abt-thumb img { width: 70px; height: 70px; } .abt-content h5 { font-size: 24px; line-height: 24px; text-align: left; } .abt-listing ul li a { font-size: 16px; } .abt-content h6 { font-size: 16px; text-align: left; line-height: 28px; } .abt-right-content p { font-size: 16px; line-height: 26px; } .abt-right-content p a { font-size: 16px; } .abt-listing ul { margin-bottom: 15px; margin-top: 15px; } .contact-abt-btn { width: 250px; padding: 11px 0px; } .abt-contact { text-align: center; padding-top: 40px; } .contact-card { border: 0; } .contact-card-head h5 { font-size: 26px; } .contact-head h4 { font-size: 16px; line-height: 28px; } .about-box-main { padding: 80px 0px 40px; } .contact-card-head h4 { font-size: 16px; line-height: 20px; } .dashed-link { font-size: 16px; } .snd-mssg-btn { width: 250px; } .ui-datepicker-buttonpane .cl-btn { position: absolute; top: 15px; right: 15px; font-size: 16px; text-decoration-line: none; } .ui-datepicker .ui-datepicker-title { font-size: 20px; } .ui-datepicker-buttonpane .cl-btn2 { left: 15px; top: 15px; right: unset; } .navbar-brand img { width: 80px; } /* dashboard-media */ .db-toggle { display: block; } .l-sidebar { opacity: 0; left: -100%; top: 80px; position: fixed; z-index: 99; } .l-sidebar.open { position: fixed; left: 0%; opacity: 1; } .dashboard-header { padding: 23px 10px; position: fixed; z-index: 9; } .main-db-layout { padding-right: 0px; } .db-logo img { width: 80px; } .db-lg-nav { justify-content: space-between; } .tooltip-text { left: 0; } .desktop-hidden { display: block; } .header-links-mob { display: flex; flex-direction: column; padding: 30px 0px; gap: 30px; } .mobile-hidden { display: none; } .profile-edit { padding: 130px 0px; } .mobile-nav-view { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .db-nav ul li a.active::after { width: 100%; top: 151%; } .db-nav ul li a.active { font-size: 15px; } .db-nav ul { gap: 25px; } .notification-user ul:not(.dropdown-menu) { gap: 30px; } .d-menu.show { width: 292px; inset: 0px -220px auto auto !important; } .welcome-head h2 { font-size: 30px; } .welcome-card { padding: 50px 20px 50px 20px; } .aes-3 { left: 410px; top: 100px; } .aes-2 { left: 237px; top: 165px; } .drop-header { padding: 20px 20px; } .notificationcontent-main { align-items: flex-start; } .pd-bar-box1 { flex-direction: column; align-items: flex-start; } .property-address p { font-size: 18px; } .aes-4 { right: 14px; } .aes-1 { left: 205px; top: 160px; } .progress-rounded-main { padding: 0px 20px; } .cash-flow-head p { line-height: 16px; } .cash-flow-head h4 { margin-bottom: 10px; font-size: 18px; } .cash-flow-card { padding: 30px 20px 25px; } .maintenance-card { padding: 30px 20px 25px; } .maintenance-table-main p { word-break: unset; } .progress-charts-main .pg-gutter { gap: 15px; } .user-menu.show { inset: 0px auto auto !important; } /* dashboard media end */ /* login media start */ .login-main { height: auto; } .login-container { padding: 60px 15px 60px; } .login-logo img { width: 80px; } .login-logo { margin-bottom: 60px; } .login-welcome h3 { font-size: 35px; line-height: 35px; margin-bottom: 15px; } .login-welcome p { font-size: 16px; line-height: 18px; } .trouble-link a { font-size: 15px; } .register-link p { font-size: 15px; } /* login-media end */ /* lanlord register journey */ .show-mob { display: block; } .hide-mob { display: none; } .show-mob { display: flex; position: unset; justify-content: center; padding: 20px 0px; } .lanlord-register-main { height: auto; max-width: 100%; padding: 0px 20px; } .lanlord-register-main .h-100 { height: auto !important; } .ld-logo { position: unset; padding: 40px 0px; justify-content: center; display: flex; } .create-head h3 { font-size: 35px; } .create-head p { font-size: 16px; } .amenities-resp .select-selected { height: auto; padding: 15px 50px 15px 14px; flex-wrap: wrap; } .amenities-resp .select-options { top: 88px; } .ld-logo img { width: 80px; } /* landloard register journey */ /* account type */ .sade-main { margin-bottom: 20px; } /* account type end */ } @media only screen and (min-width:768px) and (max-width: 991px) { /* mobile header */ .button_container { display: flex; gap: 10px; align-items: center; } .navbar-brand img { width: 80px; } .button_container span { font-family: "ProximaNova-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 0.1px; color: #3DCBB1; } /* mobile header end */ .banner-content h1 { font-size: 32px; line-height: 38px; letter-spacing: -1px; width: 100%; margin: 0px auto; padding-bottom: 20px; } .banner-sec { padding: 90px 0px 210px; } .mgn-u { left: -7px; top: 25px; } .left-ring img { width: 50px; height: 50px; } .mgn-u img { width: 75px; height: 75px; } .left-ring { top: 50px; position: absolute; left: 30px; } .right-ring img { width: 50px; } .right-ring { right: 71px; top: 50px; } .banner-content h4 { font-size: 16px; width: 315px; margin: 0px auto; line-height: 22px; } .get-start-button { padding: 30px 0px 0px; } .show-spec { display: none; } .ring-plus { display: none; } .flow img { width: 70px; height: 70px; } .flow { top: 72px; right: 30px; } .support-list ul { flex-direction: column; gap: 25px; } .mb-none { display: none; } .dsk-none { display: block; } .support-list ul h4 span img { width: 26px; height: 26px; } .support-list { justify-content: center; flex-direction: column; align-items: center; } .support-list ul h4 { gap: 15px; } .banner-sec { padding: 90px 0px 115px; } .get-start-btn { width: 250px; font-size: 16px; line-height: 24px; } #caption { transform: translateX(-70px); left: 19%; max-width: 100%; line-height: 38px; font-size: 20px; top: 60px; width: unset; } .animate-box { margin: 60px 0px 0px; } .right-circ { z-index: -1; top: 110px; } .pw-content h4::after { right: 0px; } .pwd-bottom img { width: 90px; } .prp-dt-head h1 { font-size: 32px; } .prp-dt-head p { font-size: 16px; width: 100%; } .prop-details { margin-top: -270px; } .prp-dt-head h1 { font-size: 32px; line-height: 38px; margin-bottom: 20px; } #caption.cursor::after { content: none; } .prp-dt-head { margin-bottom: 45px; } .mbl-gap { gap: 0px; margin: 0 !important; } .room-details-listing ul { gap: 10px; } .apart-detail-head h2 { font-size: 22px; } .apart-detail-head h2 sub { font-size: 16px; } .room-details-listing ul li a { font-size: 14px; gap: 2px; } .room-details-listing ul li a img { width: 14px; } .appart-content { font-size: 16px; } .middle-man-content h3 { font-size: 32px; line-height: 38px; margin-bottom: 12px; } .middle-man-content p { font-size: 16px; width: 100%; } .inf-fv-pro-boxes { gap: 20px; } .pwd-main { padding-left: 0px; } .lt-top { top: -19px; left: 30px; } .lets-get-started-sec { padding: 60px 0px; } .card-after img { width: 125px; height: 125px; } .appartment-details-content { padding: 15px; } .prop-details { position: relative; /* overflow-x: hidden; */ } .pdr-0 { padding: 0px; } .ap-cards-main .col-md-4 { padding: 0px 5px 0px 5px; } .tab-mode { display: none; } .tab-block { display: flex; } .card-after { right: -11px; bottom: -62px; } .middleman-sec { padding: 105px 0px 170px; } .inf-fv-box { flex-direction: column; } .inf-fv-content h2 { text-align: left; font-size: 36px; } .inf-fv-content p { text-align: left; width: 157px; margin: 0px auto; } .divider { background-color: #D1D1D1; width: 168px; height: 1px; margin-top: 40px; } .middle-man-content { margin-bottom: 50px; } .md-thumb { justify-content: center; margin-bottom: 90px; } .inv-head h3 { font-size: 30px; margin-bottom: 10px; } .investment-sec { padding: 60px 0px 60px; } .inv-ring { left: 40px; top: -40px; } .inv-ring img { width: 85px; height: 85px; } .inv-head p { width: 100%; font-size: 20px; } .db-right-head h4 { font-size: 26px; width: 50%; text-align: center; margin: 0px auto; } .db-right-listing ul { display: grid; grid-template-columns: 1fr 1fr; } .db-thumb { margin-bottom: 40px; } .inv-head { margin-bottom: 40px; } .pw-ellipse img { width: 85px; height: 85px; } .pw-ellipse { margin-right: -24px; } .pw-content h4 { font-size: 30px; line-height: 38px; letter-spacing: -0.5px; } .pw-content p { width: 98%; font-size: 16px; } .pw-content { margin-bottom: 35px; } .pw-main { position: relative; } .pwd-bottom { left: 232px; bottom: -86px; z-index: -1; } .pwd-listing ul li a { align-items: flex-start; gap: 5px; } .lets-get-head h4 { text-align: center; font-size: 32px; } .lt-top img { width: 70px; } .lt-top { top: -19px; } #feedbackForm { margin-bottom: 70px; } .get-input label { font-size: 14px; } .get-input input { font-size: 14px; } .sbmt-btn { font-size: 16px; width: 250px; padding: 11px 0px; } .footer-content p { width: 87%; } .email-subscribe { margin-bottom: 65px; } .email-sbmt-btn img { width: 28px; } .footer-content { margin-bottom: 25px; } .footer-links h4 { margin-bottom: 25px; } .footer-links { margin-bottom: 40px; } .property-sec { height: 80vh !important; } .aln-center { align-items: center; } .cpt-text-main { gap: 40px; flex-direction: row; align-items: unset; } .copyright-text p { font-size: 14px; margin-bottom: 10px; } .footer-main { padding: 80px 0px 0px; } .copyright-text { text-align: left; } .db-right-listing ul li a { font-size: 16px; } .let-dsktop { display: block; } .let-none { display: none; } .para-ph { width: 100%; } .footer-tab-none { display: none; } .footer-desktop { display: block; } .copyright-sec { padding: 10px 15px; } .features-box ul { grid-template-columns: 1fr 1fr; grid-gap: 10px 0px; } .back-home-button p a { font-size: 16px; } .listing-head h3 { font-size: 32px; } .listing-available ul { gap: 8px; grid-gap: 10px 0px; } .listing-available ul li a { font-size: 16px; } .sharelisting-link { font-size: 16px; } .view-all-btn { width: 160px; padding: 4px 0px; } .view-all-photos-button { bottom: 20px; padding-left: 20px; } .ap-name-head h4 { font-size: 24px; } .appartment-cost h4 { font-size: 38px; } .contact-card-head h4 { font-size: 22px; } .description-box h5 { margin-bottom: 5px; font-size: 24px; line-height: 48px; } .description-box p { font-size: 16px; } .snd-mssg-btn { width: 245px; padding: 10px 0px; } .features-box h4 { font-size: 20px; line-height: 48px; margin-bottom: 10px; } .features-box ul li a { font-size: 15px; gap: 8px; } .listing-left-main { padding-right: 0px; } .ui-widget.ui-widget-content { width: 700px !important; left: 3% !important; } .description-box { border-bottom: unset; padding-bottom: 0px; } .amenities-view { font-size: 16px; } .map-content h5 { font-size: 18px; line-height: 24px; } .map-content p { font-size: 16px; } .map-box { padding: 40px 0px; } .abt-content h5 { font-size: 24px; } .contact-abt-btn { width: 250px; font-size: 16px; padding: 11px 0px; } .appartment-detail { padding: 0px 0px 50px; } .abt-right-content h4 { font-size: 20px; line-height: 24px; } .abt-right-content p { font-size: 16px; } .abt-listing ul li a { font-size: 16px; } .abt-listing ul { gap: 10px; padding-top: 20px; } .abt-right-content p a { font-size: 16px; } .submit-button { padding-bottom: 60px; padding-top: 40px; } /* dashboard-media */ .db-toggle { display: block; } .l-sidebar { opacity: 0; left: -100%; top: 80px; position: fixed; z-index: 99; } .l-sidebar.open { position: fixed; left: 0%; opacity: 1; } .dashboard-header { padding: 23px 10px; position: fixed; z-index: 9; } .main-db-layout { padding-right: 0px; } .db-logo img { width: 80px; } .db-lg-nav { justify-content: space-between; } .tooltip-text { left: 0; } .desktop-hidden { display: block; } .header-links-mob { display: flex; flex-direction: column; padding: 30px 0px; gap: 30px; } .mobile-hidden { display: none; } .profile-edit { padding: 130px 0px; } .mobile-nav-view { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .db-nav ul li a.active::after { width: 100%; top: 151%; } .db-nav ul li a.active { font-size: 15px; } .db-nav ul { gap: 25px; } .notification-user ul:not(.dropdown-menu) { gap: 30px; } .d-menu.show { width: 292px; inset: 0px -220px auto auto !important; } .welcome-head h2 { font-size: 30px; } .welcome-card { padding: 50px 20px 50px 20px; } .aes-3 { left: 410px; top: 100px; } .aes-2 { left: 237px; top: 165px; } .drop-header { padding: 20px 20px; } .notificationcontent-main { align-items: flex-start; } .pd-bar-box1 { flex-direction: column; align-items: flex-start; } .property-address p { font-size: 18px; } .aes-4 { right: 14px; } .aes-1 { left: 205px; top: 160px; } .progress-rounded-main { padding: 0px 20px; } .cash-flow-head p { line-height: 16px; } .cash-flow-head h4 { margin-bottom: 10px; font-size: 18px; } .cash-flow-card { padding: 30px 20px 25px; } .maintenance-card { padding: 30px 20px 25px; } .maintenance-table-main p { word-break: unset; } .progress-charts-main .pg-gutter { gap: 15px; } .user-menu.show { inset: 0px auto auto !important; } /* dashboard media end */ /* login media start */ .login-main { height: auto; } .login-container { padding: 60px 15px 60px; } .login-logo img { width: 80px; } .login-logo { margin-bottom: 60px; } .login-welcome h3 { font-size: 35px; line-height: 35px; margin-bottom: 15px; } .login-welcome p { font-size: 16px; line-height: 18px; } .trouble-link a { font-size: 15px; } .register-link p { font-size: 15px; } /* login-media end */ /* lanlord register journey */ .show-mob { display: block; } .hide-mob { display: none; } .show-mob { display: flex; position: unset; justify-content: center; padding: 20px 0px; } .lanlord-register-main { height: auto; max-width: 100%; padding: 0px 20px; } .lanlord-register-main .h-100 { height: auto !important; } .ld-logo { position: unset; padding: 40px 0px; justify-content: center; display: flex; } .ld-logo img { width: 80px; } .create-head h3 { font-size: 35px; } .create-head p { font-size: 16px; } .amenities-resp .select-selected { height: auto; padding: 15px 50px 15px 14px; flex-wrap: wrap; } .amenities-resp .select-options { top: 88px; } /* landloard register journey */ } @media only screen and (min-width:992px) and (max-width: 1199px) { .left-ring { top: 80px; left: -25px; } .right-ring { top: 80px; right: 102px; } .banner-content h1 { font-size: 48px; } .mgn-u { top: -45px; left: -15px; z-index: -1; } .ring-plus { left: 26px; top: 200px; } .show-spec { right: 0; } .support-list { height: 58%; } .banner-content h4 { font-size: 22px; } .flow { right: 80px; } #caption { font-size: 26px; line-height: 48px; left: 7%; transform: translateX(-60px); max-width: 100%; } .prp-dt-head h3 { font-size: 48px; } .prop-details { margin-top: -305px; } .card-after { right: -40px; } .bl-ellipse { bottom: 21%; } .apart-detail-head h2 { font-size: 28px; line-height: 20px; } .apart-detail-head h2 sub { font-size: 16px; line-height: 28px; } .room-details-listing ul li a { font-size: 16px; } .appartment-details-content { padding: 35px 20px 35px; } .appart-content { font-size: 15px; } .middle-man-content h3 { font-size: 44px; margin-bottom: 15px; } .inf-fv-box { flex-direction: column; } .middle-man-content p { font-size: 15px; line-height: 24px; } .inv-ring { left: 40px; } .inv-head h3 { font-size: 48px; } .inv-head p { font-size: 18px; } .db-right-head h4 { font-size: 26px; } .db-right-listing ul li a { font-size: 14px; } .db-thumb { margin-bottom: -40px; } .pw-content h4 { width: 100%; font-size: 44px; } .pw-content h4::after { right: 40px; } .pw-content p { width: 100%; } .pwd-listing ul li a { font-size: 14px; } .lt-top { left: 150px; } .pwd-bottom { left: 244px; } .footer-content p { font-size: 14px; width: 90%; } .email-subscribe { width: 260px; } .email-subscribe input { font-size: 14px; } .prp-dt-head h1 { font-size: 48px; } .listing-head h3 { font-size: 40px; } .listing-available ul li a { font-size: 18px; } .view-all-btn { width: 160px; padding: 6px 0px; } .ap-name-head h4 { font-size: 32px; } .appartment-cost h4 { line-height: 48px; font-size: 32px; } .appartment-cost h4 { gap: 5px; } .listing-left-main { padding-right: 0px; } .ap-listing ul li a { font-size: 18px; } .features-box ul { grid-template-columns: 1fr 1fr; grid-gap: 10px 0px; width: 100%; } .contact-card-head h4 { font-size: 24px } .ui-widget.ui-widget-content { left: 15% !important; } /* dashboard-media */ .db-toggle { display: block; } .l-sidebar { opacity: 0; left: -100%; top: 80px; position: fixed; z-index: 99; } .l-sidebar.open { position: fixed; left: 0%; opacity: 1; } .dashboard-header { padding: 23px 10px; position: fixed; z-index: 9; } .main-db-layout { padding-right: 0px; } .db-logo img { width: 80px; } .db-lg-nav { justify-content: space-between; } .tooltip-text { left: 0; } .desktop-hidden { display: block; } .header-links-mob { display: flex; flex-direction: column; padding: 30px 0px; gap: 30px; } .mobile-hidden { display: none; } .profile-edit { padding: 130px 0px; } .mobile-nav-view { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .db-nav ul li a.active::after { width: 100%; top: 151%; } .db-nav ul li a.active { font-size: 15px; } .db-nav ul { gap: 25px; } .notification-user ul:not(.dropdown-menu) { gap: 30px; } .welcome-head h2 { font-size: 30px; } .welcome-card { padding: 50px 20px 50px 20px; } .aes-3 { left: 450px; top: 99px; } .aes-2 { left: 347px; top: 145px; } .drop-header { padding: 20px 20px; } .notificationcontent-main { align-items: flex-start; } .pd-bar-box1 { flex-direction: column; align-items: flex-start; } .property-address p { font-size: 18px; } .aes-4 { right: 14px; } .aes-1 { left: 315px; top: 140px; } .progress-rounded-main { padding: 0px 20px; } .cash-flow-head p { line-height: 16px; } .cash-flow-head h4 { margin-bottom: 10px; font-size: 18px; } .cash-flow-card { padding: 30px 20px 25px; } .maintenance-card { padding: 30px 20px 25px; } .maintenance-table-main p { word-break: unset; } .progress-charts-main .pg-gutter { gap: 15px; } /* dashboard media end */ /* login signup media */ .login-welcome h3 { font-size: 35px; } .login-welcome p { font-size: 16px; } /* login signup media end */ /* login-media end */ /* lanlord register journey */ .show-mob { display: block; } .hide-mob { display: none; } .show-mob { display: flex; position: unset; justify-content: center; padding: 20px 0px; } .lanlord-register-main { height: auto; max-width: 100%; padding: 0px 20px; } .lanlord-register-main .h-100 { height: auto !important; } .ld-logo { position: unset; padding: 40px 0px; justify-content: center; display: flex; } .ld-logo img { width: 80px; } .create-head h3 { font-size: 35px; } .create-head p { font-size: 16px; } .amenities-resp .select-selected { height: auto; padding: 15px 50px 15px 14px; flex-wrap: wrap; } .amenities-resp .select-options { top: 88px; } /* landloard register journey */ /* lanlord subscription */ .subs-plan-card { padding: 50px 20px 25px; } .plan-head h4 { font-size: 22px; } .plan-cost h4 { font-size: 35px; } .select-plan-btn { width: 170px; } .plans-listing { min-height: 220px; } /* lanlord supscription end */ } @media (min-width: 992px) { .cd-gap { --bs-gutter-x: 15px; } .lanlord-register-main { overflow: unset; } /* .step.active { padding-bottom: 80px; } */ .ld-logo { position: unset; } .ld-reg-right { width: calc(100% - 670px); } } @media (min-width: 1024px) { .ld-reg-right { width: calc(100% - 770px); } } @media only screen and (min-width:1200px) and (max-width: 1259px) { .features-box ul li a { font-size: 18px; } .features-box ul { grid-gap: 10px 18px; } } @media only screen and (min-width:1260px) and (max-width: 1365px) { .left-ring { top: 80px; left: -25px; } .right-ring { top: 80px; right: 102px; } /* .banner-content h1{font-size: 48px;} */ .mgn-u { top: -45px; left: -15px; z-index: -1; } .ring-plus { left: 26px; top: 200px; } .show-spec { right: 0; } .support-list { height: 70%; } .banner-content h4 { font-size: 22px; } .flow { right: 80px; } #caption { font-size: 26px; line-height: 48px; left: 7%; transform: translateX(-60px); max-width: 100%; } .prp-dt-head h3 { font-size: 48px; } .prop-details { margin-top: -305px; } .card-after { right: -40px; } .bl-ellipse { bottom: 21%; } .apart-detail-head h2 { font-size: 28px; line-height: 20px; } .apart-detail-head h2 sub { font-size: 16px; line-height: 28px; } .room-details-listing ul li a { font-size: 16px; } .appartment-details-content { padding: 35px 20px 35px; } .appart-content { font-size: 15px; } .middle-man-content h3 { font-size: 44px; margin-bottom: 15px; } .inf-fv-box { flex-direction: column; } .middle-man-content p { font-size: 15px; line-height: 24px; } .inv-ring { left: 40px; } .inv-head h3 { font-size: 48px; } .inv-head p { font-size: 18px; } .db-right-head h4 { font-size: 26px; } .db-right-listing ul li a { font-size: 14px; } .db-thumb { margin-bottom: -40px; } .pw-content h4 { width: 100%; font-size: 48px; } .pw-content h4::after { right: 0; } .pw-content p { width: 100%; } .pwd-listing ul li a { font-size: 14px; } .lt-top { left: 150px; } .pwd-bottom { left: 244px; } .footer-content p { font-size: 14px; width: 90%; } .email-subscribe { width: 260px; } .email-subscribe input { font-size: 14px; } .features-box ul { grid-gap: 10px 18px; } .features-box ul li a { gap: 15px; font-size: 20px; } .features-box ul li a { font-size: 18px; } .features-box ul { grid-gap: 10px 18px; } .contact-card-head h4 { font-size: 20px; } .property-sec { height: 120vh !important; } /* dashboard media */ .main-db-layout { padding-right: 0; } .welcome-card { padding: 50px 30px 50px 30px; } .aes-2 { left: 432px; top: 151px; } .progress-rounded-main { padding: 0px 20px; } /* dashboard media end */ /* login signup media */ .login-welcome h3 { font-size: 45px; } /* login signup media end */ /* lanlord subscription */ .subs-plan-card { padding: 50px 30px 25px; } .plan-head h4 { font-size: 22px; } .plan-cost h4 { font-size: 35px; } .select-plan-btn { width: 170px; } .plans-listing { min-height: 220px; } /* lanlord supscription end */ } @media only screen and (min-width:1366px) and (max-width: 1439px) { .left-ring { top: 80px; left: -25px; } .right-ring { top: 80px; right: 102px; } /* .banner-content h1{font-size: 48px;} */ .mgn-u { top: -45px; left: -15px; z-index: -1; } .ring-plus { left: 26px; top: 200px; } .show-spec { right: 0; } .support-list { height: 70%; } .banner-content h4 { font-size: 22px; } .flow { right: 80px; } #caption { font-size: 26px; line-height: 48px; left: 7%; transform: translateX(-60px); max-width: 100%; } .prp-dt-head h3 { font-size: 48px; } .prop-details { margin-top: -305px; } .card-after { right: -40px; } .bl-ellipse { bottom: 21%; } .apart-detail-head h2 { font-size: 28px; line-height: 20px; } .apart-detail-head h2 sub { font-size: 16px; line-height: 28px; } .room-details-listing ul li a { font-size: 16px; } .appartment-details-content { padding: 35px 20px 35px; } .appart-content { font-size: 15px; } .middle-man-content h3 { font-size: 44px; margin-bottom: 15px; } .inf-fv-box { flex-direction: column; } .middle-man-content p { font-size: 15px; line-height: 24px; } .inv-ring { left: 40px; } .inv-head h3 { font-size: 48px; } .inv-head p { font-size: 18px; } .db-right-head h4 { font-size: 26px; } .db-right-listing ul li a { font-size: 14px; } .db-thumb { margin-bottom: -40px; } .pw-content h4 { width: 100%; font-size: 48px; } .pw-content h4::after { right: 0; } .pw-content p { width: 100%; } .pwd-listing ul li a { font-size: 14px; } .lt-top { left: 150px; } .pwd-bottom { left: 244px; } .footer-content p { font-size: 14px; width: 90%; } .email-subscribe { width: 260px; } .email-subscribe input { font-size: 14px; } .features-box ul { grid-gap: 10px 18px; } .features-box ul li a { gap: 15px; font-size: 20px; } .features-box ul li a { font-size: 20px; } .features-box ul { grid-gap: 10px 18px; } .contact-card-head h4 { font-size: 20px; } /* login signup media */ .login-welcome h3 { font-size: 45px; } /* login signup media end */ /* lanlord subscription */ .subs-plan-card { padding: 50px 30px 25px; } .plan-head h4 { font-size: 22px; } .plan-cost h4 { font-size: 35px; } .select-plan-btn { width: 170px; } .plans-listing { min-height: 220px; } /* lanlord supscription end */ } @media only screen and (min-width: 1440px) and (max-width: 1599px) { .inv-ring { left: 205px; } .left-ring { left: 85px; } .right-ring { right: 310px; } .support-list { height: 70%; } .bl-ellipse { bottom: 22%; } .lt-top { left: 194px; } .property-sec { height: 130vh !important; } .middle-man-content p { width: 87%; } /* .container { max-width: 1210px; } */ .container:not(.listing-body .container) { max-width: 1210px; } .hd-container { max-width: 1440px !important; } .ring-plus { left: 110px; } .mgn-u { left: 35px; } .show-spec { right: 102px; } .somni-header { padding: 10px 20px; } .flow { right: 105px; } .card-after { right: -74px; } } @media only screen and (min-width: 1600px) and (max-width: 1900px) { .left-ring { left: 160px; } } @media only screen and (min-width: 1680px) and (max-width: 1919px) {} @media only screen and (min-width: 1920px) and (max-width: 2200px) { .prop-box { width: 150px; } } @media only screen and (min-width: 2560px) { .left-ring { left: 640px; } .right-ring { right: 896px; } .property-sec { height: 65vh !important; } .inv-ring { left: 730px; } .lt-top { left: 695px; } } /* media end */
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка