:root { --font-color: #e6e8ea; --Bebas-Neue: "Bebas Neue", sans-serif; --Montserrat: "Montserrat", sans-serif; --light-green: #367236; --dark-green: #0c2d1c; --blue-backgroud: #00214f; --light-blue: #014eb8; --dark-yellow: #b6842f; --light-yellow: #ffcb73; } .sold-out { position: absolute; top: 35px; right: 18px; z-index: 3; background-color: #dd2c2c; padding: 2px 15px; border-radius: 10px; } .project-one-color { color: #dd2c2c; } .project-one-features-section { background: var(--font-color); padding: 35px 0; } .bg-none { background-color: var(--font-color) !important; } .project-one-title { font-size: 32px; font-weight: 700; text-transform: uppercase; } .project-one-features-section { background-color: var(--font-color); padding: 120px 0 20px 0; overflow: hidden; } .project-one-table-wrapper { overflow-x: auto; } .project-one-text-start { text-align: start !important; font-weight: 700 !important; font-family: var(--Montserrat); font-size: 11px; width: 12%; } .project-one-table { border-color: #ccc; font-size: 14px; border: 1px solid var(--dark-green); } .project-one-table th { background: #0c2d1c; color: #fff; height: 100%; vertical-align: middle; text-align: center; padding: 15px; } .project-one-table th .project-one-table-div { color: #fff; font-weight: 600; line-height: 18px; font-size: 14px; text-transform: uppercase; text-align: center; font-family: var(--Montserrat); } .na-color { color: #8c8c8c !important; } .project-one-table th { text-align: center; vertical-align: middle; padding: 5px 18px; } .project-one-table td { text-align: center; vertical-align: middle; font-family: var(--Montserrat); padding: 5px 10px; border: 0.5px solid #0c2d1c5c; background-color: var(--font-color); font-size: 11px; font-weight: 500; height: 90px; } .project-one-table td { vertical-align: middle; } .project-one-features { writing-mode: vertical-rl; transform: rotate(0deg); font-size: 130px; opacity: 1; text-align: end; margin-right: -39px; padding-right: 20px; white-space: nowrap; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; position: absolute; top: 0; right: -30px; color: var(--dark-green); } .project-one-amenities { padding: 175px 0 160px 0; background-color: var(--dark-green); position: relative; z-index: 1; overflow: hidden; } .project-one-heading-product { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 130px; font-weight: 800; letter-spacing: 3px; opacity: 1; text-align: end; margin-right: -45px; padding-right: 20px; white-space: nowrap; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; color: var(--font-color); position: absolute; left: -59px; top: -80px; } .project-one-amenities-img { position: absolute; top: -170px; left: 0; width: 42.5%; pointer-events: none; } .project-one-villa { padding: 80px 0 50px 0; background-color: var(--font-color); } .project-one-vertical-heading-villa { writing-mode: vertical-rl; transform: rotate(0deg); font-size: 130px; font-weight: 800; opacity: 1; text-align: end; margin-right: -45px; padding-right: 20px; white-space: nowrap; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; position: absolute; top: -128px; right: 115px; color: var(--dark-green); } .project-two-villa { padding: 50px 0 50px 0; background-color: var(--font-color); } .product-two-villa-absolute-img { width: 44.8%; position: absolute; bottom: -120px; right: 0; z-index: -1; } .project-three-absolute { position: absolute; top: -39px; right: 11px; } .project-three-heading { font-family: "Bebas Neue", sans-serif; font-size: 87px; padding-top: 0px; color: #e6e8ea; font-weight: 400; margin-top: -12px; margin-bottom: -14px; } .product-three-villa-absolute-img { width: 44.8%; position: absolute; bottom: 45px; right: 0; z-index: -1; } .product-four-villa-absolute-img { width: 44.8%; position: absolute; bottom: -80px; right: 0; z-index: -1; } .product-background { background-color: var(--blue-backgroud) !important; } .product-blue-color { color: var(--blue-backgroud) !important; } .light-blue-background { background-color: var(--light-blue); } .light-blue-color { color: var(--light-blue) !important; } .project-five-read-more-btn-img-card { width: 20px; margin-left: 10px; margin-top: -13px; } .project-our-gallery-img { width: 100%; } .project-five-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000c9; } .project-button { position: absolute; } .gallery-icon-a { font-family: var(--Montserrat); color: var(--font-color); font-weight: 400; text-decoration: none; font-size: 20px; } .gallery-icon { width: 24px; margin-right: 5px; } .project-five { background-color: var(--font-color); /* padding: 34px 0 0px 0; */ margin-top: -70px; } .project-five-vertical-heading { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 130px; font-weight: 800; letter-spacing: 3px; opacity: 1; text-align: end; margin-right: -45px; padding-right: 20px; white-space: nowrap; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; color: var(--font-color); position: absolute; left: -50px; top: -30px; } .project-five-amenities { padding: 327px 0 140px 0; background-color: var(--dark-green); position: relative; z-index: 1; overflow: hidden; } .product-five-villa-absolute-img { width: 40.8%; position: absolute; bottom: -30px; right: 0; z-index: -1; } /* .loc-list-five { list-style: none; padding-left: 0; margin-bottom: 0; } .loc-list-five li { font-size: 9px; color: var(--light-blue); padding: 4px 0; display: flex; align-items: center; font-weight: 500; font-family: var(--Montserrat); } .loc-list-five li::before { content: "•"; color: var(--light-blue); font-size: 22px; margin-right: 10px; line-height: 0; } */ .loc-list-five { list-style: none; padding-left: 0; } .loc-list-five li { position: relative; padding-left: 20px; margin-bottom: 8px; white-space: normal; font-weight: 500; font-family: var(--Montserrat); font-size: 9px; color: var(--light-blue); } .loc-list-five li::before { content: "•"; color: var(--light-blue); position: absolute; left: 0; top: -11px; font-size: 22px; } .five-villa-arrow-icon { position: absolute; bottom: 30px; right: 25px; width: 50px; } .project-six-div { position: absolute; top: 10px; left: 18px; width: 100px; } .project-six-logo { width: 100%; } .overylay-projext-six { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid; z-index: 5; background-color: rgb(0 0 0 / 57%); } .product-five-amenities-img { position: absolute; top: 210px; left: 0; width: 49%; pointer-events: none; } .procut-seven-img-absolute-box { position: absolute; top: 0; right: 0; width: 40%; z-index: -1; } .dark-yellow { background-color: var(--dark-yellow) !important; } .dark-yellow-font { color: var(--dark-yellow) !important; } .light-yellow { background-color: var(--light-yellow) !important; } .light-yellow-one { color: var(--light-yellow) !important; } .yellow-border { border: 1px solid var(--light-yellow); } .dd-yellow{ background: #734901; } .dd-yello-color{ color:#734901; } .ddd-yellow{ color: #B6842F; } .yellow-border:hover { background-color: var(--light-yellow) !important; } .yellow-border:hover .eight { font-weight: 600 !important; color: black; } .project-eight-padding { padding: 50px 0; } /* .loc-list-eight { list-style: none; padding-left: 0; margin-bottom: 0; } .loc-list-eight li { font-size: 9px; color: var(--light-blue); padding: 4px 0; display: flex; align-items: center; font-weight: 500; font-family: var(--Montserrat); } .loc-list-eight li::before { content: "•"; color: var(--light-blue); font-size: 22px; margin-right: 10px; line-height: 0; } */ .loc-list-eight { list-style: none; padding-left: 0; } .loc-list-eight li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 9px; color: var(--light-blue); font-weight: 500; font-family: var(--Montserrat); } .loc-list-eight li::before { content: "•"; color: var(--light-blue); font-size: 22px; position: absolute; left: 0; top: -11px; } .villa-arrow-icon-eight { position: absolute; bottom: 10px; right: 20px; width: 50px; } .margin-toppp { margin-top: -115px; } .hover-color-yellow { color: var(--font-color) !important; opacity: 1 !important; font-weight: 600 !important; } .hover-color-yellow:hover { color: #734901 !important; } .hover-color-yellow-one:hover { color: #734901 !important; } .item-2-li:hover .hover-color-yellow-one { color: #734901 !important; } .hover-color-blue { color: var(--font-color) !important; opacity: 1 !important; font-weight: 600 !important; } .hover-color-blue:hover { color: var(--light-blue) !important; } .hover-color-blue-one:hover { color: var(--light-blue) !important; } .item-2-li:hover .hover-color-blue-one { color: var(--light-blue) !important; } .form-pro-section { background: var(--font-color); } .form-pro-left-img { width: 100%; border-radius: 5px; } .dd-hover{ color: #ffffff !important; } .dd-hover:hover{ color: #734901; } .form-pro-heading { font-size: 50px; font-weight: 400; font-family: var(--Bebas-Neue); margin-bottom: 25px; color: #0d1b3e; } .form-pro-input { position: relative; } .form-pro-field, .form-pro-textarea { width: 100%; padding: 15px 55px 15px 20px; border: 1px solid #acb1c6 !important; border-radius: 4px; font-size: 18px; color: #0d1b3e; outline: none; resize: none; background: #fff; padding: 18px 10px !important; padding-bottom: 16px !important; margin-bottom: 24px; } .form-pro-textarea { height: 120px; } .form-pro-field::placeholder, .form-pro-textarea::placeholder { color: var(--light-blue) !important; font-weight: 500; font-size: 20px !important; font-family: var(--Montserrat); } .form-pro-icon { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 24px; } .form-pro-icon-textarea { top: 25px !important; } .form-pro-captcha { border: 1px solid #acb1c6 !important; padding: 15px; background: var(--font-color); margin-bottom: 25px !important; } .form-pro-captcha-box { width: 35px; height: 35px; border: 2px solid #bec2c8; } .form-pro-submit { width: 100%; background: #0d57d3; color: #fff; font-size: 18px; padding: 15px 0; border: none; font-weight: 700; letter-spacing: 1px; } .i-am-not { font-family: var(--Montserrat); font-size: 20px; color: var(--light-blue); font-weight: 500; } .captcha { width: 50px; } .form-green::placeholder { color: #367236 !important; } .i-am-not-green { color: #367236 !important; font-family: var(--Montserrat); font-size: 20px; font-weight: 500; } .submit-background-form { background-color: #367236; } .green-patti { width: 100%; height: 20px; background-color: var(--dark-green); } .form-pro-section { padding: 25px 0 100px 0; } .form-padding-right { padding-right: 75px; } .height-pro { padding: 70px 0; } .product-height-villa-absolute-img { width: 44.8%; position: absolute; bottom: 30px; right: 0; z-index: -1; } .i-am-not-yellow { color: var(--dark-yellow) !important; font-family: var(--Montserrat); font-size: 20px; font-weight: 500; } .heading-yellow { color: var(--dark-yellow) !important; } .form-yellow::placeholder { color: var(--dark-yellow) !important; } .submit-yellow-background-form { background-color: var(--dark-yellow); } .new-news-paragraph { font-size: 12px !important; margin: 0 !important; line-height: 1.4 !important; font-family: "Montserrat", sans-serif !important; font-optical-sizing: auto !important; font-style: normal; text-transform: uppercase !important; font-weight: 500 !important; text-align: center !important; text-decoration:none !important; } .new-section-e-small { position: absolute; right: 14px; top: 402px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 400; font-size: 11px; } .new-select-input { width: 83px; background-color: white; border: 1px solid #adc0ae !important; color: #1d3b2a; border-radius: 50px; background: transparent; } .new-form-padding { margin-bottom: 90px; } .new-block { background: var(--font-color); margin-top: -8px; } /* +++++++++++++++++ */ /* Footer */ .item-7 { padding: 0 !important; } .new-footer-icon-container { display: flex; gap: 10px; align-items: center; padding: 20px 0 20px 60px; } .new-footer-icon-item { display: flex; justify-content: center; align-items: center; } .new-footer-icon-item img { width: 22px; height: auto; } .youtube-width { width: 30px !important; } .diveder-content-footer { position: relative; } .diveder-content-footer::after { content: ""; width: 200%; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; } .new-item-7 { padding: 15px 0 0px 70px; } .new-footer-mo-icon-container { display: flex; gap: 10px; align-items: center; justify-content: center; padding-top: 20px !important; } .diveder-mb-content-footer { position: relative; margin-bottom: 44px; } .diveder-mb-content-footer::after { content: ""; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; } .new-home-div { display: flex; align-items: center; justify-content: center; gap: 3px; position: absolute; right: 3px; bottom: 3px; } .new-location-para { font-size: 8px; font-family: var(--Montserrat); margin-bottom: 0px; } .all-p-dark-bg { background-color: var(--dark-green) !important; margin-top: 5px; } .all-p-font-size { font-size: 13px !important; text-transform: capitalize !important; color: var(--light-green); font-weight: 600 !important; } .all-paragraph-p { padding-top: 8px; font-size: 9px; font-family: var(--Montserrat); text-align: center; } .app-p-card { border: 0.33px solid #3672368e; padding: 5px; background-color: rgb(255, 255, 255); } .all-p-bg-none { background-color: #fefeff !important; } .all-p-button { display: block; width: max-content; margin: 0 auto; color: var(--font-color); border: none; outline: none; background-color: var(--light-green); border-radius: 50px; padding-bottom: 5px; } /* .all-p-g-button { border: none; display: block; outline: none; background: #367236; border-radius: 30px; padding: 0px 0px; padding-bottom: 4px; width: max-content; margin: 0 auto; } */ .all-pro-hero-para-div { margin-top: -30px; padding-bottom: 80px; } .all-p-button-boxf { margin-top: 25px; margin-bottom: 23px !important; } .all-p-section-g-a { text-decoration: none; color: white; text-transform: uppercase; font-size: 10px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 400; padding: 0 15px; } .all-p-residential { display: flex; align-items: center; justify-content: space-between; padding-bottom: 50px; } .all-pro-hero-para { font-family: var(--Montserrat); font-size: 13px; color: var(--font-color); padding: 0 110px; } .res-heading { font-size: 25px; color: var(--light-green); font-family: var(--Montserrat); text-transform: uppercase; font-weight: 600; margin-bottom: 0; } .residential-box { /*width: 80px;*/ } .filter-selectt { padding: 6px 10px; font-size: 12px; font-style: italic !important; color: #1d3b2a; background: transparent; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; border: none; outline: none; width: max-content; } .all-section-b { background-color: var(--dark-green) !important; padding-top: 40px !important; } .light-green-color { color: #000000 !important; } @media (min-width: 992px) and (max-width: 1200px) { .project-one-vertical-heading-villa { font-size: 100px; right: 60px; top: 0px; } .villa-map-div { margin-top: 0px; } .new-item-7 { padding: 35px 0 35px 30px; } } @media (max-width: 992px) { .margin-toppp { margin-top: 0px; padding-top: 80px; } .project-three-heading { font-size: 50px; } .project-five { margin-top: 0px; padding-top: 100px; } .project-five-amenities { padding: 240px 0 60px 0; } .project-one-vertical-heading-villa { font-size: 68px; margin-right: -65px; top: 0px; right: 85px; } .project-one-villa { padding: 1px 0 50px 0; } .project-one-features { writing-mode: unset; transform: unset; font-size: 80px; opacity: 1; text-align: start; margin-right: -39px; padding-right: 20px; position: unset; } .project-one-features-section { padding: 20px 0 20px 0; } .project-one-heading-product { font-size: 95px; left: 0px; top: -5px; } .project-one-amenities { padding: 80px 0 20px 0; } .form-pro-heading { font-size: 30px; } .form-pro-field, .form-pro-textarea { padding: 15px 55px 15px 20px; padding: 9px 10px !important; padding-bottom: 6px !important; margin-bottom: 0px; } .form-pro-field::placeholder, .form-pro-textarea::placeholder { font-size: 12px !important; padding-left: 0px !important; } .form-pro-icon { width: 18px; } .form-pro-heading { margin-bottom: 5px; } .form-pro-submit { font-size: 15px; padding: 5px 0; } .form-pro-textarea { height: 70px; } } @media (max-width: 768px) { .form-pro-heading { font-size: 30px; } .all-pro-hero-para { padding: 0 0px; } .project-eight-padding { padding: 50px 12px; } .project-one-features-section { padding: 20px 0 20px 0; margin-top: -70px; } .form-padding-right { padding-right: 0px; } .form-pro-section { padding: 50px 0 50px 0; overflow: hidden; } .project-one-title { font-size: 24px; } .green-patti { height: 10px; } .project-one-table td, .project-one-table th { font-size: 12px; white-space: nowrap; height: auto; padding: 10px; } .project-one-features { writing-mode: unset; transform: rotate(0deg); text-align: start; margin-right: 0px; padding-right: 0px; position: unset; font-size: 50px; } .project-one-heading-product { font-size: 60px; text-align: end; } .project-one-amenities { padding: 50px 0 15px 0; } .project-three-heading { font-size: 25px; } .project-three-absolute { position: unset; } .product-three-villa-absolute-img { width: 120%; } .product-four-villa-absolute-img { width: 44.8%; position: absolute; bottom: -80px; right: 0; z-index: -1; } .project-five-vertical-heading { opacity: 1; text-align: unset; top: 30px; left: 20px; } .project-five-amenities { padding: 215px 0 50px 0; } .margin-toppp { margin-top: 0px; } .padding-bottommm { padding-bottom: -50px; } .new-footer-icon-item img { width: 14px; } .new-footer-icon-container { gap: 30px; } .youtube-width { width: 18px !important; } .new-news-paragraph { font-size: 5px !important; } .form-pro-field::placeholder, .form-pro-textarea::placeholder { font-size: 14px !important; padding-left: 0px !important; } .form-pro-icon { width: 15px; right: 6px; } .form-pro-heading { margin-bottom: 4px; } .form-pro-field, .form-pro-textarea { width: 100%; padding: 15px 55px 15px 20px; border: 1px solid #acb1c6 !important; border-radius: 9px; font-size: 8px; padding: 11px 6px; padding-bottom: 5px; margin-bottom: 0px; } .form-pro-submit { font-size: 10px; } .form-pro-submit { font-size: 15px; padding: 10px 0; } .form-pro-textarea { height: 100px; } .form-pro-icon-textarea { top: 10px !important; } .light-green-color { color: #000000 !important; font-size: 8px !important; } .res-heading { font-size: 18px; } .filter-selectt { font-size: 10px; } } @media (max-width: 576px) { .form-pro-heading { font-size: 12px; } .form-pro-field::placeholder, .form-pro-textarea::placeholder { font-size: 8px !important; } .form-pro-field, .form-pro-textarea { padding: 3px 10px !important; padding-bottom: 4px !important; } .form-pro-textarea { height: 40px; } .form-pro-submit { font-size: 8px; padding: 5px 0; } .height-pro { padding: 22px 0; } .project-five-vertical-heading { writing-mode: unset; transform: unset; font-size: 60px; text-align: end; position: unset; } .project-five-amenities { padding: 100px 0 50px 0; } .project-five { padding-top: 90px; margin-top: 0px; } .project-one-heading-product { writing-mode: unset; transform: unset; font-size: 60px; text-align: end; position: unset; } } @media (max-width: 376px) { .new-footer-mo-icon-container { padding-left: 14px !important; align-items: start; justify-content: start; } }