a {
text-decoration: none;
color: #212529;
display: inline-block;
}
p {
margin-bottom: 0px;
}
ul, li {
margin: 0px;
padding: 0px;
} .project-main {
margin-top: 72px !important;
}
.hero-section picture > img {
width: 100%;
height: auto;
object-fit: cover;
object-position: top center;
}
.project_details .row > div {
position: relative;
}
.project_details .row > div:not(:last-child):after {
position: absolute;
content: '';
height: 50%;
width: 1px;
background: #ffffff57;
right: 0px;
top: 25%;
}
.project_details {
max-width: 800px;
width:100%;
margin: 0 auto;
background: #1E293B;
padding: 15px;
border-radius: 4px;
margin-top: -60px;
}
.project_details .project-title {
font-size: 18px;
color: #FFFFFF;
}
.primary-heading {
margin-bottom: 20px;
}
.primary-heading h2 {
font-size: 35px;
text-transform: uppercase;
}
p.project-content {
color: #FFFFFF;
font-style: italic;
font-size: 17px;
margin-bottom: 0px;
}
.project-nav-menu ul {
display: flex;
flex-wrap: nowrap;
padding: 0px;
margin: 0px;
list-style: none;
justify-content: space-between;
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.project-nav-menu ul li {
flex: 1 1 100%;
white-space: nowrap;
padding: 0px 20px;
}
.project-nav-menu ul li a {
display: inline-block;
width: 100%;
text-align: center;
padding: 15px;
border-radius: 30px;
font-size: 18px;
line-height: 1em;
background: var(--ast-global-color-1);
color: #FFF;
}
.project-nav-menu ul li a:hover {
background:  var(--ast-global-color-2);
color: #FFF;
}
.project-nav-menu ul a:target {
color: #000;
background: #c0a046;
}
.project-overview-content {
text-align: justify;
}
.project-overview-content > *:not(:last-child) {
margin-bottom: 20px;
}
.before-image {
padding: 25px 30px 25px 100px;
}
.po-imageline {
position: relative;
}
.po-imageline:after {
position: absolute;
content: '';
width: 65%;
height: 100%;
border: 2px solid #946A0080;
top: 0px;
right: 0px;
z-index: -1;
}
.projet_overview {
background-image: url(https://stage.odigma.com/ds-max/wp-content/uploads/2025/07/vector.png);
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
} .configuration_tabs .nav.nav-tabs {
justify-content: center;
border: none;
column-gap: 20px;
row-gap: 20px;
}
.configuration_tabs .nav-tabs .nav-link, .configuration_tabs .nav-tabs .nav-link.active {
border: 3px solid #c0a046 !important;
box-shadow: none;
color: #1E293B;
border-radius: 4px;
padding: 10px 35px;
font-size: 20px;
}
.configuration_tabs .nav-tabs .nav-link:hover, .configuration_tabs .nav-tabs .nav-link.active {
background: #c0a046;
color: #FFFF;
}
ul#unitPlanTabs .nav-link {
border: none !important;
border-bottom: 3px solid transparent !important;
border-radius: 0px;
background: transparent;
}
ul#unitPlanTabs .nav-link:hover {
border-bottom-color: #c0a04670 !important;
color: inherit;   
}
ul#unitPlanTabs .nav-link.active {
border-bottom-color: #c0a04670 !important;
color: inherit;
}
.mp_configuration {
background: #1E293B;
padding: 60px 40px;
}
.box-animation-1 .mp-item {
border-bottom: 1px solid #CAAF64; 
padding: 20px 0px;
}
.box-animation-1 .mp-item h5 { color: #FFF;
margin-bottom: 10px;
}
.box-animation-1 .mp-item p {
font-style: italic;
color: #fff;
} .table>:not(caption)>*>* {
padding: 15px;
}
tbody, td, tfoot, th, thead, tr {
border-right-width: 1px;
text-align: center;
} .DownloadBrochure button {
background: var(--ast-global-color-1);
font-size: 20px;
padding: 10px 40px;
color: #FFF;
border-radius: 4px;
border: 2px solid var(--ast-global-color-1);
}
.DownloadBrochure button:hover, .DownloadBrochure button:focus {
background-color: var(--ast-global-color-2);
border: 2px solid var(--ast-global-color-2);    
} .image-container .image_wrapper {
position: relative;
width: 100%;
height: 100%;
}
.image-container .tab-image {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease;
display: block;
height: 0;
overflow: hidden;
}
.image-container .tab-image.active {
opacity: 1;
visibility: visible;
height: auto;
}
.amenities-tab .image-container img {
height: 350px;
width: 100%;
object-fit: cover;
}
.tab-heading h3 {
margin-bottom: 0;
}
.tab-heading .heading_wrapper {
padding-left: 50px;
padding-right: 10px;
display: grid;
grid-template-columns: 1fr 1fr; }
.tab-heading .heading_wrapper .tab {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 1px solid #00000010;
cursor: pointer;
opacity: 1;
transition: all 0.4s ease;
}
.tab-heading .heading_wrapper .tab.active {
background: #c0a046;
border-radius: 8px;
border-bottom-color: #c0a046;
opacity: 1;
}
.tab-heading .heading_wrapper .tab.active img {
filter: brightness(0);
}
.tab-heading .heading_wrapper .tab > div:first-child {
margin-right: 30px;
}
.tab-heading .heading_wrapper .tab img {
width: 30px;
height: 30px;
}
.tab-heading .heading_wrapper h6 {
margin-bottom: 0px !important;
font-size: 16px;
} .projects-gallery {
max-width: 900px;
margin: 0 auto;
}
.project-gallery-wrap {
display: flex;
flex-wrap: nowrap;
}
.imageSlides {
padding: 10px 20px;
}
.project-images {
display: none;
}
.project-images img {
vertical-align: middle;
width: 100%;
border: 2px solid var(--ast-global-color-2);
}
.image-navigation {
display: flex;
flex-direction: column;
padding: 0px 10px;
}
.image-navigation .img-col {
width: 100px;
padding: 10px 0px;
}
.image-navigation img {
width: 100px;
max-width: 100%;
cursor: pointer;
opacity: 0.6;
transition: opacity 0.3s;
border: 2px solid var(--ast-global-color-2);
}
.image-navigation img:hover,
.image-navigation img.active {
opacity: 1;
} #request-call-back div a {
background: var(--ast-global-color-1);
color: #FFF;
border: 3px solid var(--ast-global-color-1);
}
#request-call-back div a:hover {
background: var(--ast-global-color-2);
color: #FFF;
border: 3px solid var(--ast-global-color-2);
}   .accordion-item:first-of-type, .accordion-item:last-of-type {
border-radius: 0px;
}
.accordion-button::after {
content: none;
}
.accordion-button:focus {
box-shadow: none;
background-color: transparent;
color: inherit;
}
.accordion-button:not(.collapsed), .accordion-button.collapsed {
color: #000;
background: transparent;
box-shadow: none;
}
.accordion-item {
border: none;
border-bottom: 1px solid #cdcdcd;
}
.accordion-item .accordion-button:hover {
background: transparent;
}
.accordion-button {
align-items: center !important;
column-gap: 15px;
justify-content: flex-start !important;
}
.accordion-button span.icon {
background: #c0a046;
color: #FFF;
border-radius: 30px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.accordion-body {
padding: 10px 10px 20px;
}
.accordion-body ul, .accordion-body ol {
margin: 0px;
} .contact_wrapper {
background: #071A3B;
color: #FFF;
padding: 40px;
}
.contact_wrapper > div {
margin-bottom: 30px;
padding-bottom: 30px;
column-gap: 20px;
}
.contact_wrapper > div:not(:last-child) {
border-bottom: 1px solid #FFF;
}
.contact_wrapper a {
color: #FFF;
}
@media only screen and (max-width: 992px) {
.before-image {
padding: 30px 30px 30px 10px;
}
.primary-heading h2 {
font-size: 25px;
}
.project-gallery-wrap {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.image-navigation {
flex-direction: row;
}
.imageSlides {
padding: 10px;
}
}
@media only screen and (max-width: 768px) { tbody, td, tfoot, th, thead, tr {
font-size: 12px;
}
.image-navigation .img-col {
width: 100%;
}
div#banking-partner img {
height: 60px;
object-fit: cover;
}
.tab-heading .heading_wrapper {
padding: 20px 10px !important;
}
.amenities-tab .image-container img {
height: 250px !important;
}
}
@media only screen and (max-width: 600px) {
.project_details {
margin-top: 10px;
}
.hero-section picture > img {
height: auto;
}
.project_details .row > div:not(:last-child):after {
content: none;
}
.rera-no, .rera-website {
font-size: 15px;
}
.tab-heading .heading_wrapper .tab > div:first-child {
margin-right: 15px !important;
}
.tab-heading .heading_wrapper h6 {
font-size: 12px !important;
} }