a {
    text-decoration: none;
    color: #212529;
    display: inline-block;
}
p {
    margin-bottom: 0px;
}
ul, li {
    margin: 0px;
    padding: 0px;
}
picture > img {
    width: 100%;
}

/* Single Project */
.project_details {
    max-width: 700px;
    width:100%;
    margin: 0 auto;
    background: #1E293B;
    padding: 15px;
	border-radius: 4px;
    margin-top: -40px;
}
.project_details .project-title {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}
.primary-heading {
    margin-bottom: 20px;
}
.primary-heading h2 {
    font-weight: bold;
}
p.project-content {
    color: #FFFFFF;
    font-style: italic;
    font-size: 17px;
    margin-bottom: 0px;
}
.project-overview-content > *:not(:last-child) {
    margin-bottom: 20px;
}
.before-image {
    padding: 25px 30px 25px 100px;
}
.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 */
.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 {
    font-size: 26px;
    color: #FFFFFF80;
    margin-bottom: 10px;
}

.box-animation-1 .mp-item p {
    font-style: italic;
    color: #fff;
}

/* Download Brochure */
.DownloadBrochure button {
    background: #1e293b;
    font-size: 20px;
    padding: 10px 40px;
    color: #FFF;
    border-radius: 4px;
    border: 2px solid #1e293b;
}
.DownloadBrochure button:hover, .DownloadBrochure button:focus {
    background-color: transparent;
    color: #1e293b;
    border: 2px solid #1e293b !important;    
}

/* Accordion */
.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) {
    color: #000;
    background: transparent;
    box-shadow: none;
}
.accordion-item {
    border: none;
    border-bottom: 1px solid #cdcdcd;
}
.accordion-item .accordion-button:hover {
    background: transparent;
}
div#locationHighlightsAccordion .accordion-button {
    align-items: center;
    column-gap: 15px;
    justify-content: flex-start;
}
.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  */
.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: 600px) {
    .project_details {
        margin-top: 10px;
    }
    .project_details .row > div:not(:last-child):after {
        content: none;
    }
    .before-image {
        padding: 30px 30px 30px 10px;
    }
}