section {
    padding: 40px 0;
}

p {
    font-size: 16px;
}

button {
    border: none;
    padding: 10px 20px;
    background: #002c03;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s ease;
}


/*----------------------------------------------------------------
# Header
----------------------------------------------------------------*/

#header .logo img {
    max-height: 45px;
}

#banner img {
    margin-top: 75px;
}


/*--------------------------------------------------------------
# Highlights Section
--------------------------------------------------------------*/

.highlight {
    background-color: #E6CCBF;
}

.highlight .accordion-item,
.highlight .accordion-item:not(:first-of-type) {
    border: 2px solid black;
    border-radius: 5px;
}

.highlight .accordion-item button {
    background-color: #E6CCBF;
    border-radius: 5px;
    text-transform: uppercase;
    height: 42px;
}

.highlight .accordion-item .accordion-body {
    background: #e6ccbf;
    border-radius: 0px 0px 5px 5px;
}

.highlight .accordion-item .accordion-button:not(.collapsed) {
    border-radius: 5px 5px 0px 0px;
}

.highlight .accordion-item .accordion-button:not(.collapsed) {
    border-radius: 5px 5px 0px 0px;
    background: #012003;
    color: white;
}

.highlight .accordion-item button:focus:not(:focus-visible),
.accordion-item button:focus {
    box-shadow: none;
}

.highlight .accordion-item .accordion-button::after {
    background-image: url(../images/projects/plus-icon.png);
    transition: none;
    background-size: 50%;
    background-position: center;
}

.highlight .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url(../assets/images/projects/minus-icon.png);
    background-size: 100%;
}


/*----------------------------------------------------------------
#Location Highlight
----------------------------------------------------------------*/

.location .shadow-box {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5)
}

.location .shadow-box i {
    font-size: 50px;
}

.location .tab-btn {
    margin: 0px 10px;
    border: 2px solid #002C03;
    font-size: 12px;
    width: 120px;
}

.location .tab-btn.active {
    background-color: #e6ccbf;
    color: black;
}

.location .tab-description {
    display: none;
}

.location .tab-description.active {
    display: block;
}

@media screen and (max-width:768px) {
    .location .tab-btn {
        margin: 5px 5px 0 0px;
        height: 40px;
        font-size: 15px;
        padding: 8px 20px;
    }
    .location .shadow-box img {
        width: 20%;
    }
}


/*--------------------------------------------------------------
Amenities Section
--------------------------------------------------------------*/

.amenities {
    background-color: #002C03;
}

.amenities img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25), 0 12px 30px 0 rgba(0, 0, 0, 0.25);
}


/*--------------------------------------------------------------
# Cost Plan
--------------------------------------------------------------*/

.cost-plan .table-box {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25), 0 12px 30px 0 rgba(0, 0, 0, 0.25);
}

.cost-plan .table-box .card-heading {
    background: #002C03;
    padding: 12px;
    color: white;
    text-transform: uppercase;
    height: 50px;
}

.cost-plan .table-box tr {
    border-color: #002C03;
}

.cost-plan .table-box tbody button {
    width: 145px;
    height: 40px;
    border-radius: 0px;
    padding: 0;
    font-size: 15px;
    background: transparent;
    border: 2px solid #002c03;
    color: #002c03;
    font-weight: 700;
}


/*--------------------------------------------------------------
# Plans Section
--------------------------------------------------------------*/

.plan .active-btn {
    background: #002C03;
    width: 225px;
    margin: 5px;
}

.plan .static-btn {
    background: #e6ccbf;
    width: 225px;
    border: 2px solid #002C03;
    color: #002C03;
    margin: 5px;
}

.plan .carousel-inner img {
    width: 85%;
    height: 75vh;
}

.plan .carousel-control-icon img {
    width: 55%;
}

@media only screen and (max-width: 768px) {
    .plan .carousel-inner img {
        width: 100%;
        height: 100%;
    }
}


/*---------------------------------------------------------------
# Gallery
---------------------------------------------------------------*/

.gallery {
    background-color: #E6CCBF;
}

.gallery h1 {
    color: #002C03;
}

.gallery .gallery-items img {
    width: 120px;
    height: 200px;
}

.gallery ul.images {
    margin: 0;
    padding: 0 0px 55px 0;
    white-space: nowrap;
    width: 1245px;
    overflow-x: auto;
}

.gallery ul.images li {
    display: inline;
    margin-right: 10px;
}

.gallery ::-webkit-scrollbar {
    height: 4px;
}

.gallery ::-webkit-scrollbar-track {
    background: #01200320;
    margin-right: 300px;
}

.gallery ::-webkit-scrollbar-thumb {
    background: #012003;
}

.gallery ::-webkit-scrollbar-thumb:hover {
    background: #01200378;
}

@media screen and (max-width:768px) {
    .gallery ul.images {
        width: 195%;
        padding: 0px 0px 25px 0px;
    }
}


/*---------------------------------------------------------------------------
# About Developer
---------------------------------------------------------------------------*/

.about-developer {
    background-color: #002C03;
}

.about-developer h3,
.about-developer p {
    color: #E6CCBF;
}


/*---------------------------------------------------------------------------
# Faqs
---------------------------------------------------------------------------*/

.faq button.accordion-button.collapsed {
    background: #e5cbbe;
    border: 2px solid;
    border-radius: 0 !important;
    padding: 5px;
    font-size: 14px;
}

.faq .accordion-button:focus {
    border: #012003;
}

.faq .accordion-button:not(.collapsed) {
    background: #012003;
    color: #ffffff;
    padding: 5px;
    border: 1px solid black;
}

.faq .accordion-body {
    background: #e6ccbf !important;
    border: 2px solid black;
}