| Linux in-mum-web1499.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 Path : /home/u901718425/domains/oneresidencesbymantra.com/public_html/ |
| Current File : /home/u901718425/domains/oneresidencesbymantra.com/public_html/style.css |
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
:root{
--theme:#d1bf99;
--bg-light:#d1bf99;
--bg-mid:#6d2d4b;
--bg-samimid:#2f2f2f;
--bg-dark:#581534;
}
body{
font-family: "Source Sans 3", sans-serif;
font-weight: 300;
font-style: normal;
font-size: clamp(12.5px, 5vw, 0.9rem) !important;
letter-spacing: 0.3px;
}
.navbar-nav{
--bs-navbar-color : #000 !important;
}
.placeholder-white::placeholder{
color: #ffffffbd !important;
}
.text-custom , .text-primary{
color: var(--bg-dark) !important;
}
.bg-primary {
background-color: var(--bg-dark) !important;
}
.bg-primary-subtle {
background-color: var(--bg-mid) !important;
}
.bg-custom{
background-color: var(--bg-mid);
}
.bg-custom-light{
background-color: var(--bg-light);
}
.w-fit {
width: fit-content !important;
}
.w-max {
width: max-content !important;
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bg-dark) !important;
--bs-btn-border-color: var(--bg-samimid) !important;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bg-samimid);
--bs-btn-hover-border-color: var(--bg-light);
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-font-weight: 100;
--bs-btn-font-size: clamp(12.5px, 5vw, 0.9rem) !important;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bg-light);
--bs-btn-active-border-color: var(--bg-light);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bg-light) !important;
--bs-btn-disabled-border-color: var(--bg-light) !important;
}
.btn-outline-primary {
--bs-btn-color: var(--bg-dark);
--bs-btn-border-color: var(--bg-dark);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bg-samimid);
--bs-btn-hover-border-color: var(--bg-samimid);
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-font-size: clamp(12.5px, 5vw, 0.9rem) !important;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bg-light);
--bs-btn-active-border-color: var(--bg-light);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: var(--bg-light);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: var(--bg-light);
--bs-gradient: none;
}
.shadow-custom{
box-shadow: 8px 8px 16px -6px rgb(71, 71, 71);
transition: 0.5s ease-in-out;
}
.shadow-custom:hover{
transform: translate(-10px,-10px);
box-shadow: 14px 14px 16px -6px #000000c4;
}
.border-primary {
border-color: var(--bg-dark) !important;
}
.tabs > *{
display: none;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.tabs > *.active{
display: block;
opacity: 1;
}
.fs-7{
font-size: 0.90rem !important;
}
.fs-8{
font-size: 0.80rem !important;
}
.fs-9{
font-size: 0.70rem !important;
}
.fs-10{
font-size: 0.60rem !important;
}
.as4-3{
aspect-ratio: 4/3;
}
.as4-4{
aspect-ratio: 4/4;
}
.object-center{
object-position: center;
}
.heading {
font-family: "Libre Baskerville", serif;
font-weight: 600 !important;
/*border-bottom: 1px solid;*/
width: fit-content;
padding-bottom: 5px;
color: var(--bg-dark);
}
.custom-style li::marker ,.slick-next:before{
content: '\f105';
font: var(--fa-font-solid) !important;
}
.slick-prev:before, .slick-next:before{
color: var(--bg-dark) !important;
font-size: 35px !important;
}
.slick-prev:before{
content: '\f104';
font: var(--fa-font-solid);
}
.custom-style li{
padding-inline-start: 10px;
padding-block-end: 15px;
}
.maps-container{
background-image: url('/map.webp');
background-position: center;
background-size: cover;
min-height: 300px;
width: 100%;
height: 100%;
}
.accordion-item:first-of-type .accordion-button , .accordion-item:first-of-type{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion-button:not(.collapsed) {
color: #ffffff !important;
background-color: var(--golden) !important;
box-shadow: none;
}
.accordion{
--bs-accordion-color: transparent;
--bs-accordion-bg: transparent;
--bs-accordion-border-color: #87878700;
--bs-accordion-btn-focus-border-color: transparent;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem transparent;
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
/* --bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle); */
}
.accordion .accordion-item{
border-bottom: 1px solid gray;
}
.accordion-button{
color: #fff;
}
/* About */
.c-height {
min-height: 350px;
height: 300px !important;
max-height: 450px;
}
.about-image, .amenities-image{
width: 100%;
height: 100%;
}
.about-image img {
/* position: absolute;
bottom: 10px;
left: 10px;
z-index: 1; */
width: 90%;
height: 90%;
object-fit: cover;
box-shadow: 0 0 10px -6px black;
background-color: #fff;
border-radius: 20% 0 20% 0;
box-shadow: inset 9px 8px 16px -5px black, 5px 5px 20px 6px #3d3d3dc2;
}
/* .about-image .image-bg-clone , .amenities-image .image-bg-clone{
border-radius: 25% 0 25% 0;
position: absolute;
z-index: 0;
left: 30px;
bottom: 30px;
width: 90%;
height: 90%;
} */
.amenities img{
transition: 0.5s ease-in-out;
}
.amenities img:hover {
transform: scale(1.08); /* translate(-10px, -10px);*/
box-shadow: 10px 10px 13px -7px black;
}
.amenities-image #amenities-slider{
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
width: 90%;
height: 90%;
}
.amenities-image #amenities-slider .carousel-inner, .amenities-image #amenities-slider .carousel-item, .amenities-image #amenities-slider .carousel-item img{
width: 100%;
height: 100%;
object-fit: cover;
}
.read-more{
cursor: pointer;
text-decoration: none !important;
margin-top: 10px;
}
.read-more:hover{
color: var(--theme-color) !important;
text-shadow: 2px 2px 5px #2e2e2e;
}
.read-more-text{
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.read-more-text.show{
-webkit-line-clamp: unset;
}
.right-btn {
color: #ffffff;
text-align: center;
padding: 10px 25px;
border-radius: 100px;
width: fit-content;
font-size: 12.5px;
transform: rotate(0deg);
right: 20px;
position: fixed;
bottom: 30px;
font-weight: 500;
background: linear-gradient(-45deg, var(--bg-mid), var(--bg-dark), var(--bg-mid));
background-size: 400% 400%;
animation: gradient 2s ease infinite;
box-shadow: -4px 4px 15px -4px #4f4f4f;
z-index: 990;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#highlights ul li{
grid-template-columns: 65px auto;
}
#amenities .h-25{
height: 40% !important;
}
#amenities .h-75{
height: 60% !important;
}
.call-icons{
display: none;
}
.float .fa-whatsapp {
bottom: 30px;
left: 20px;
font-size: 30px;
background: #25d366;
z-index: 4;
}
@media screen and (max-width: 786px) {
.w-sm-75{
width: 75%;
}
.slick-prev {
left: 20px;
z-index: 2;
}
.slick-next {
right: 20px;
z-index: 2;
}
.slick-prev:before, .slick-next:before{
color: #fff !important;
}
.fs-sm-7{
font-size: 0.90rem !important;
}
.fs-sm-8{
font-size: 0.80rem !important;
}
.fs-sm-9{
font-size: 0.70rem !important;
}
.fs-sm-10{
font-size: 0.60rem !important;
}
.call-icons {
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
width: fit-content;
background: #0d6efd;
border-radius: 8px;
position: fixed;
bottom: 70px;
left: 20px;
z-index: 4;
}
.float .fa-whatsapp {
font-size: 25px !important;
bottom: 20px;
}
.right-btn {
display: flex;
flex-flow: column;
right: 20px;
bottom: 20px;
font-size: 10.5px;
font-weight: 500;
padding: 10px 20px;
/*outline-style: dashed;*/
/*outline-color: #9a6c10;*/
/*outline-offset: -5px;*/
box-shadow: -4px 4px 15px -4px #4f4f4f;
}
.maps-container{
min-height: 80vh;
align-items: flex-end
}
.about-image img{
width: 100%;
}
}