
/* --------------- accordion : START --------------- */
.accordion{
    border-radius:0 !important;
    border:none !important;
}
.accordion-item{
    border-radius:0 !important;
    border:none !important;
}
.accordion-header{
    border:none !important;
}
button.accordion-button,
.accordion-button{
    background:none !important;
    border:none !important;
    /*border-top:1px solid var(--color-secondary-4) !important;*/
    box-shadow:none !important;
    outline:0 !important;
    padding:20px 0 15px;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    font-size:36px;
    position:relative;
    border-radius:0 !important;
}
.accordion-body{
    border:none !important;
}
.accordion-button:not(.collapsed){
    color:var(--color-primary);
}
.accordion-button.collapsed{
    color:#B9B9B9;
}
/*.accordion-item:last-of-type .accordion-button{*/
/*    border-bottom:1px solid var(--color-secondary-4) !important;*/
/*}*/
.sub-accordion .accordion-item:last-of-type .accordion-button, .sub-accordion .accordion-item:first-of-type .accordion-button{
    /*border-top: none !important;*/
    /*border-bottom: none !important;*/
}
.accordion-button::after {
    box-shadow: none !important;
    background-image: none !important;
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: url(../img/plusicon.png);
    transform:translateY(-25%) translateX(-100%) !important;
    position:absolute;
    right:0;
    top:18px;
    color:var(--color-primary);
    font-size:45px;
}
.accordion-sub-header .accordion-button::after{
    font-size:24px;
}

.accordion-button:not(.collapsed)::after {
    content: url(../img/minusicon.png)
}
.accordion-body{
    padding:0;
}
.sub-accordion button.accordion-button{
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    font-size:22px;
    color:var(--color-secondary-7) !important;

}
.sub-accordion .accordion-item{
    border-bottom:1px solid var(--color-secondary-2) !important;
}
.sub-accordion .accordion-body{
    padding:0 0 20px;
}
.sub-accordion .accordion-button:not(.collapsed)::after{
    content:"\F2EA";
}
.sub-accordion .accordion-button::after{
    content:"\F4FE";
    color:var(--color-primary) !important;
    right:-12px;
}
.sub-accordion .accordion-item{
    background:var(--secondary-2-light);
    border:none !important;
    margin:10px 0;
    padding:0;
    border-bottom:1px solid #707070 !important;
}
@media(max-width: 576px) {
    .sub-accordion .accordion-item{
        padding:0;
    }
}
.sub-accordion button.accordion-button{
    /*border:none !important;*/
    color:#4C4B4B!important;
    /*border-bottom:none !important;*/
}
.about-accordion .accordion-item{
    border:none !important;
    background:var(--secondary-2-light);
    padding:25px 50px;
    margin-bottom:15px;
}
@media(max-width: 576px) {
    .about-accordion .accordion-item{
        padding:25px;
    }
}
.about-accordion button.accordion-button,
.about-accordion .accordion-button{
    border:none !important;
}
.about-accordion .accordion-item:last-of-type .accordion-button{
    border-bottom:none !important;
}
.accordion-sub-header .accordion-button{
    text-transform: capitalize;
}
/* --------------- accordion : END --------------- */


/* --------------- column_links : START --------------- */
.link-blocks {
    display: flex;
    align-items: stretch;
}

.link-block-column {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}

.link-block-column img {
    width: 100%;
}

.link-block-column span {
    background: rgba(9, 52, 17, 0.9);
    display: flex;
    width: 100%;
    padding: 15px;
    font-family: 'Arial', sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 30px;
    position: absolute;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    max-height: 72px;
    transition: max-height 0.5s ease;
    z-index: 2;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

.link-block-column:hover span {
    max-height: 100% !important;
    height:100% !important;
}
.header-banner{
    position:relative;
    background:#000;
    color:#fff;
    padding:50px 25px;
    border-top:10px solid #10AD2A;
    margin-top:-1px;
    overflow:hidden;
    flex:1;

}
.header-banner > img{
    position:absolute;
    top:50%;
    transform:translateY(-50%) translateX(-75%);
    left:0;
}
.flex-container{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:stretch;
}
.header-banner-left{
    font-size:100px;
    font-family:'Arial', sans-serif;
    font-weight:900;
    width:900px;
    line-height:0.9em;
    margin-left:100px;
    z-index:1
}
.header-banner-right{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:end;
    z-index:1;
}
.header-banner-right a{
    color:#10AD2A;
    font-family:'Arial', sans-serif;
    text-decoration:none;
    font-size:40px;
    font-weight:900;
    margin-top:-5px;
    text-align:end;
    line-height:1em;
}
.header-banner-right p{
    margin-bottom:15px;
    margin-top:auto;
    font-family:'Montserrat', sans-serif;
    font-size:24px;
    font-style:italic;
    text-align:end;
}
@media(max-width:1100px){
    .link-blocks{
        display:block;
        padding:20px;
        background:#fff;
    }
    .link-block-column{
        margin-bottom:20px;
    }
    .header-banner .flex-container{
        flex-direction:column;
        justify-content: center;
        align-items:center;
        text-align:center
    }
    .header-banner-right a, .header-banner-right p{
        text-align:center;
        margin-top:20px;
    }
    .header-banner-right{
        justify-content: center;
        align-items:center;
    }
    .header-banner-left{
        width:auto;
        margin:0;
        font-size:66px;
    }
}
@media(max-width:412px){
    .link-blocks{
        min-height: 2065px;
    }
}
@media(max-width:410px){
    .link-blocks{
        min-height: unset;
    }
}
/* --------------- column_links : END --------------- */


/* --------------- contact : START --------------- */
.map-embed{
    position: relative;
    width: 100%;
    height: 500px; /* required height */
    overflow: hidden;
}
.map-embed iframe,
.map-embed embed,
.map-embed object{
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
/* Optional: ensure column doesn’t collapse if empty around responsive loading */
.map-embed:empty{ min-height: 500px; }
/* --------------- contact : END --------------- */


/* --------------- content_blocks : START --------------- */
.content_blocks_block .content_block {
    border-radius:15px;
    padding:23px;
    height:100%;
    font-size:16px;
    min-height:175px;
}
.content_blocks_block{
    margin-bottom:20px;
    padding: 0 30px;
}
.content_blocks_block a{
    display:block;
    height:100%;
}
.content_blocks_block a:hover{
    color:inherit;
}
.content_blocks_block h3{
    font-weight:bold;
    font-size:18px;
}
.content_blocks_block table
{
    width:100%;
}
.content_blocks_block table .icon{
    width: 51px;
    text-align:center;
    font-size: 35px;
    padding-right: 0;
    padding-top: 4px;
}
.content_blocks_block .link-indicator {
    position:absolute;
    bottom:0;
    right:0;
    padding:5px 13px;
    font-size:20px;
    border-radius:15px 0;
}
.content_blocks_block a:hover .content_block{
    /*background:#ffffff33;*/
    box-shadow:0 0 10px rgba(0,0,0,.2)
}
.content_block a{
    color:inherit;;
}
.content-blocks-bullets{
    display:block;
    max-width:1200px;
    margin:0 auto;
    position:relative;
    width:100%;
}
.content-blocks-bullets .headline{
    max-width:1000px;
    width:100%;
}
.content_blocks_block .content_block{
    border-radius:0;
}
.content_block p{
    font-family:'Montserrat', sans-serif;
    color:var(--color-secondary-3);
    font-size:19px;
}
.content_block h3{
    font-family:'Arial', sans-serif;
    font-weight: 900;
    font-size: 24px;
    color:#0b841f;
}
.content-blocks-bullets .content_block .icon{
    font-size:18px;
}
.content-blocks-bullets .content_block .icon svg{
    color:#0b841f;
}
.content-blocks-bullets a:hover h3{
    color:var(--color-secondary-3);
}
.content-blocks-blocks .content-indented{
    padding:0 155px
}
.content-blocks-blocks h3{
    font-family:'Arial', sans-serif;
    font-weight:900;
    font-size:36px;
    color:var(--color-primary);
}
.content-blocks-blocks .content_block{
    padding:50px 85px;
}
#about-content-w-image-2 .content-column,
#commercial-content-w-image-2 .content-column,
#faq-content-w-image-1 .content-column,
#products-content-w-image-1 .content-column,
#hardwood-content-w-image-1 .content-column{
    padding-left: 0!important;
}
#home-content-w-image-2 .content-column{
    padding-top: 0!important;
    padding-left: 0!important;
}
#home-content-w-image-3 .content-column{
    padding-right: 80px!important;
    padding-left: 80px!important;
}
#home-content-w-image-1 .content-column,
#about-content-w-image-1 .content-column{
    padding-right: 0!important;
}

@media(max-width:1300px) {
    .content-blocks-blocks .content-indented {
        padding: 0 20px
    }
}
@media(max-width:1199px){
    #home-content-w-image-2 .content-column{
        padding-top: 0!important;
    }
    #home-content-w-image-3 .content-column{
        padding-right: 25px!important;
        padding-left: 25px!important;
    }
    #home-content-w-image-2 .content-column,
    #about-content-w-image-2 .content-column,
    #faq-content-w-image-1 .content-column,
    #commercial-content-w-image-2 .content-column,
    #products-content-w-image-1 .content-column,
    #hardwood-content-w-image-1 .content-column{
        padding-left: 3rem!important;
    }
    #home-content-w-image-1 .content-column,
    #about-content-w-image-1 .content-column{
        padding-right: 3rem!important;
    }
}
@media(max-width:767px){
    .content_block .content h3, .content_block .content p{
        text-align:start !important;
    }
    #home-content-w-image-3 .background-image-wrapper{
        position: relative;
        height: 85vw;
        width: 100vw;
    }
}
@media(max-width:500px){
    .content_blocks_block .content_block {
        padding:15px;
    }
    .content_blocks_block table .icon{
        width: 50px;
        font-size: 25px;
        padding-right: 15px;
    }
    #content-w-image.content-column.p-5{
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
}
/* --------------- content_blocks : END --------------- */


/* --------------- content_square : START --------------- */
.content-square-anchor{
    text-decoration: none;
}
.module-block-link-icon-container{
    position: absolute;
    bottom: 0;
}
.content-square-block {
    padding: 50px 100px;
}
.content-square-block.img-block-padding{
    padding: 23px 46px;
}
@media(max-width:1300px){
    .content-square-block table td{
        width: 100% !important;
        display:block;
    }
}
@media(max-width:928px){
    .content-square-block {
        padding: 25px 50px;
    }
}
@media(max-width:767px){
    .resource-squares .responsive-inner-container .background-color-wrapper.color-secondary-3-background{
        display:none !important;
    }
    .resource-squares .responsive-inner-container .col-md-6{
        border-bottom:1px solid var(--color-primary);
    }
}
/* --------------- content_square : END --------------- */


/* --------------- content_with_image : START --------------- */
@media(max-width:767px){
    .module-banner ul{
        text-align:start !important;
    }
}
/* --------------- content_with_image : END --------------- */


/* --------------- content_with_video : START --------------- */
.column-blocks-container .column-block{
    padding:25px;
}
@media(min-width:1250px){
    .top-content .content-column{
        padding-top:150px;
    }
}
/* --------------- content_with_video : END --------------- */


/* --------------- cta-banner : START --------------- */

/* --------------- cta-banner : END --------------- */


/* --------------- custom_home_photo_collage : START --------------- */
.module-home-photo-collage .row.fixed-height {
    max-height: 560px;
    height: 100%;
    --bs-gutter-y:1em;
}

.module-home-photo-collage .left-col {
    max-height: 560px;
    overflow: hidden;
    position: relative;
}

.module-home-photo-collage .left-col-gradient
{
    width:CALC(100% - 16px);
    height:280px;
    background:url(/theme/assets/img/home-collage-left-gradient.png) top repeat-x;
    position:absolute;
    top:0;
}

/*.module-home-photo-collage-left-gradient{*/
/*}*/


.module-home-photo-collage .left-col img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border:1px solid var(--color-secondary-1);
}

.module-home-photo-collage .right-col {
    max-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--bs-gutter-y, 1.5rem);
}

.module-home-photo-collage .top-block,
.module-home-photo-collage .bottom-block {
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid var(--color-secondary-1);
}

.module-home-photo-collage .top-block img,
.module-home-photo-collage .bottom-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.module-home-photo-collage .top-block {
    flex: 0 0 57%;
    position: relative;
}

.module-home-photo-collage .bottom-block {
    flex: 0 0 38%;
    position: relative;
}

.module-home-photo-collage .left-col-text{
    position: absolute;
    top:22px;
    width:100%;
    text-align: center;
    color:white;
}

.module-home-photo-collage .right-top-text{
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 56%;
    left: 22px;
}

.module-home-photo-collage .right-bottom-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Needed for vertical centering */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2; /* Ensure it sits above the overlay */
}

.module-home-photo-collage .bottom-block-gray-overlay{
    background:rgba(95, 88, 80, 0.77);
    position:absolute;
    top:0;
    width:100%;
    height:100%;
}

@media (max-width: 767.98px) {
    .module-home-photo-collage .row.fixed-height {
        max-height: none;
        height: auto;
        flex-direction: column;
    }

    .module-home-photo-collage .right-col {
        max-height: none;
        gap: 1.5rem;
    }

    .module-home-photo-collage .top-block,
    .module-home-photo-collage .bottom-block {
        flex: none;
        height: auto;
    }
}

/* --------------- custom_home_photo_collage : END --------------- */


/* --------------- custom_home_pillows_callout : START --------------- */
.custom_home_pillows_callout_content img{
    border:1px solid var(--color-secondary-1);
}
/* --------------- custom_home_pillows_callout : END --------------- */


/* --------------- finance_options : START --------------- */
.staff-carousel{
    display:block;
    position:relative;
    padding:0 50px;
}
.staff-carousel .owl-prev, .staff-carousel .owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.staff-carousel .owl-prev{
    left:-50px;
    transform:scaleX(-1) translateY(-50%);
}
.staff-carousel .owl-next{
    right:-50px;
}
.staff-carousel .item{
    text-align:center;
}
/* Staff card 3D flip */
.staff-card {
    position: relative;
    width: 100%;
    perspective: 1000px;
    margin:10px 0;
}
.staff-card::before {
    content: "";
    display: block;
    padding-top: 100%; /* keep square ratio for images/cards */
}
.staff-card-front,
.staff-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
    overflow: hidden;
    border:1px solid var(--color-secondary-4);
}
.staff-card-front img{width:100%;height:100%;object-fit:cover;display:block}
.staff-card-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 15px 35px;
    background: var(--color-primary);
    border: 1px solid #eee;
    color:#fff;
    line-height:1.1em;
}
.staff-card:hover .staff-card-front {
    transform: rotateY(180deg);
}
.staff-card:hover .staff-card-back {
    transform: rotateY(360deg);
}
/* CSS-only activation using focus and active states */
.staff-card:focus .staff-card-front,
.staff-card:active .staff-card-front,
.staff-card:focus-within .staff-card-front { 
    transform: rotateY(180deg);
}
.staff-card:focus .staff-card-back,
.staff-card:active .staff-card-back,
.staff-card:focus-within .staff-card-back { 
    transform: rotateY(360deg);
}
/* Show focus ring for accessibility */
.staff-card[tabindex="0"]:focus {
    outline: 2px solid var(--color-secondary-2, #88c);
    outline-offset: 4px;
    border-radius: 6px;
}
.staff-links a{
    display:inline-flex;
    background:rgba(255,255,255,0.2);
    width:30px;
    height:30px;
    justify-content: center;
    align-items:center;
    color:#fff;
    border-radius:50%;
}
.staff-links a:hover{
    background:rgba(255,255,255,0.5);
}
/* --------------- finance_options : END --------------- */


/* --------------- form : START --------------- */
.form-builder-row label{
    font-size:16px;
    font-weight:700;
    margin:5px 0;
    color:var(--color-primary);
    font-family: 'Montserrat', sans-serif;
}
.form-control{
    border: 1px solid #707070;
    border-radius: 0;
}
.gray-labels .form-builder-row label{
    color: #989898;
}
.grecaptcha-badge{
    bottom: 60px!important;
}
.form-check .form-check-input{
    margin-top: 8px;
}
/* --------------- form : END --------------- */


/* --------------- four-column-block : START --------------- */
.four-column-container{
    padding:60px 30px;
    opacity:.7;
}

.four-column-container-inner p{
    color:#06441F;
    font-weight: 700;
}

.four-column-container-inner{
    height:100%;
    position:relative;
    display:flex;
    flex-direction:column;
    padding:0 20px;
    align-items: center;
    text-align: center;
}
.four-column-image{
    max-width:300px;
    margin-left:auto;
    width:100%;
}

@media(max-width:992px){
    .four-column-container{
        padding:20px 0;
    }
    .four-column-image{
        display:none;
    }
    .four-column-container-inner{
        border:none;
    }
}
/* --------------- four-column-block : END --------------- */


/* --------------- headline_column_paragraphs : START --------------- */
.module-headline-column-paragraphs .table-custom tr td{

    border:none;

    border-left:1px dotted #ccc;

    padding:20px;

}

.module-headline-column-paragraphs  .table-custom tr td:first-child

{

    border:none;

}

.module-headline-column-paragraphs .table-custom tr:nth-child(even){

    border-radius:10px;

}



.module-headline-column-paragraphs .table-custom tr:nth-child(even) td{

    background:#fff;

}

.module-headline-column-paragraphs .table-custom tr:nth-child(even) td:first-child{

    border-top-left-radius:30px;

    border-bottom-left-radius:30px;



}

.module-headline-column-paragraphs .table-custom tr:nth-child(even) td:last-child{

    border-top-right-radius:30px;

    border-bottom-right-radius:30px;



}


/* --------------- headline_column_paragraphs : END --------------- */


/* --------------- image_text_overlay : START --------------- */
.large-bg-image{
    width:100%;
}
.large-image-text-overlay{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
}
.large-image-text-container{
    width:40%;
    /*background:rgba(0,0,0,0.79);*/
    color:#fff;
    padding:25px;
    position:absolute;
}
.large-image-text-container.large-image-text-container-top-left{
    top:0;
    left:0;
}
.large-image-text-container.large-image-text-container-top-right{
    top:0;
    right:0;
}
.large-image-text-container.large-image-text-container-bottom-left{
    bottom:0;
    left:0;
}
.large-image-text-container.large-image-text-container-bottom-right{
    bottom:0;
    right:0;
}
.module-margin-40{
   margin: 40px;
}
.module-margin-60{
   margin: 60px;
}
.module-margin-120{
   margin: 120px;
}
.module-margin-x-60{
   margin: 60px 0;
}


@media(max-width:1350px){
    .large-image-text-container{
        width:90%;
        top:0 !important;
        left:0 !important;
        margin: 75px;
    }
}
@media(max-width:992px){
    .large-image-text-overlay, .large-image-text-container{
        position: relative;
        height: auto;
        text-align: center;
        max-width: 100%;
        width: 100%;
        background: #F5EEE4;
        padding: 0;
        margin: 0;
        border: none;
    }
    .large-image-text-overlay .background-color-wrapper{
        opacity: 1!important;
    }
    .large-image-text-container{
        /*color: #4C4B4B;*/
    }
    .large-image-text-overlay .module_top_headline{
        /*color: #D1A15F;*/
    }
    .large-image-text-overlay .module_headline{
        /*color: #643A01;*/
    }
    .large-image-text-container .headline-1, .large-image-text-container .headline-3, .large-image-text-container .headline-2{
        text-align:center !important;
    }
}
/* --------------- image_text_overlay : END --------------- */


/* --------------- projects_accordion : START --------------- */
.accordion{
    border-radius:0 !important;
    border:none !important;
}
.accordion-item{
    border-radius:0 !important;
    border:none !important;
}
.accordion-header.border-bottom{
    border-bottom: 1px solid #707070!important;
}
button.accordion-button,
.accordion-button{
    background:none !important;
    border:none !important;
    /*border-top:1px solid var(--color-secondary-4) !important;*/
    box-shadow:none !important;
    outline:0 !important;
    padding:20px 0 15px;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    font-size:36px;
    position:relative;
    border-radius:0 !important;
}
.accordion-body{
    border:none !important;
}
.accordion-button:not(.collapsed){
    color:var(--color-primary);
}
.accordion-button.collapsed{
    color:#B9B9B9;
}
/*.accordion-item:last-of-type .accordion-button{*/
/*    border-bottom:1px solid var(--color-secondary-4) !important;*/
/*}*/
.sub-accordion .accordion-item:last-of-type .accordion-button, .sub-accordion .accordion-item:first-of-type .accordion-button{
    /*border-top: none !important;*/
    /*border-bottom: none !important;*/
}
.accordion-button::after {
    box-shadow: none !important;
    background-image: none !important;
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: url(../img/plusicon.png);
    transform:translateY(-25%) translateX(-100%) !important;
    position:absolute;
    right:0;
    top:18px;
    color:var(--color-primary);
    font-size:45px;
}
.accordion-sub-header .accordion-button::after{
    font-size:24px;
}

.accordion-button:not(.collapsed)::after {
    content:url(../img/minusicon.png)
}
.accordion-body{
    padding:0;
}
.sub-accordion button.accordion-button{
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    font-size:22px;
    color:var(--color-secondary-7) !important;

}
.sub-accordion .accordion-item{
    border-bottom:1px solid var(--color-secondary-2) !important;
}
.sub-accordion .accordion-body{
    padding:0 0 20px;
}
.sub-accordion .accordion-button:not(.collapsed)::after{
    content:"\F2EA";
}
.sub-accordion .accordion-button::after{
    content:"\F4FE";
    color:var(--color-primary) !important;
    right:-12px;
}
.sub-accordion .accordion-item{
    background:var(--secondary-2-light);
    border:none !important;
    margin:10px 0;
    padding:0;
    border-bottom:1px solid #707070 !important;
}
@media(max-width: 576px) {
    .sub-accordion .accordion-item{
        padding:0;
    }
}
.sub-accordion button.accordion-button{
    /*border:none !important;*/
    color:#4C4B4B!important;
    /*border-bottom:none !important;*/
}
.about-accordion .accordion-item{
    border:none !important;
    background:var(--secondary-2-light);
    padding:25px 50px;
    margin-bottom:15px;
}
@media(max-width: 576px) {
    .about-accordion .accordion-item{
        padding:25px;
    }
}
.about-accordion button.accordion-button,
.about-accordion .accordion-button{
    border:none !important;
}
.about-accordion .accordion-item:last-of-type .accordion-button{
    border-bottom:none !important;
}
.accordion-sub-header .accordion-button{
    text-transform: capitalize;
}

.related-projects-container{
    background-color: rgba(119, 118, 97, 0.15);
    padding: 0 60px;
}
#related-projects-gallery .item{
    height: 390px;
    position: relative;
}
#related-projects-gallery img{
    height: 100%;
    object-fit: cover;
}
/*#related-projects-gallery .owl-stage {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

#related-projects-gallery .item .project-link{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    z-index: -1;
}
#related-projects-gallery .item .project-title{
    /*color: var(--color-secondary-3);*/
}
#related-projects-gallery .item:hover .project-link{
    z-index: 2;
}
#related-projects-gallery .btn-secondary{
    color: #707070;
}

.links-container{
    display: flex;
    gap: 20px;
    background-color: rgba(119, 118, 97, 0.16);
    padding: 10px 0;
 }
.link-block{
    padding: 10px 20px;
    border-right: 4px solid white;
    text-align: center;
}
.link-block:last-of-type{
    border-right: 0;
}
.link-block a{
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #2c2c2c;
    display: block;
    line-height: 16px;
}
.link-block a:hover{
    text-decoration: underline;
}
@media(max-width: 1300px) {
    .links-container{
        flex-wrap: wrap;
    }
}
/* --------------- projects_accordion : END --------------- */


/* --------------- staff : START --------------- */
.staff-block-inner{
    position: relative;
}
.staff-image-block{
    /*max-width: fit-content;*/
    background-color: white;
    border: 1px solid #707070;
    border-bottom: 0;
}
.staff-details-block{
    background-color: #104609;
    color: white;
    padding: 20px 30px;
    font-family: Montserrat, sans-serif;
}

.bio-top-block{
    background-color: #104609;
    padding: 20px 30px;
    color: white;
    font-family: Montserrat, sans-serif;
    justify-content: space-between;
}
.bio-top-block a{
    padding: 0!important;
}
ul.staff-contact-container{
    list-style: none;
    padding: 0;
}
ul.staff-contact-container li a{
    display: flex;
    gap: 15px;
    text-decoration: none;
    width: fit-content;
}
ul.staff-contact-container li a span{
    font-size: 16px;
}

.bio-container{
    background-color: #EACC67;
    padding: 0;
}
.bio-container.open{
    position: absolute;
    top: 0;
    height: 100%;
}
.bio-container .bio-top-block,
.bio-container .bio-block{
    display: none;
}
.bio-container.open .bio-top-block{
    display: flex;
}
.bio-container.open .bio-block{
    display: block;
}


.bio-container a{
    color: #06441F;
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}
.bio-container a p{
    margin-bottom: 0;
    font-size: 18px;
}
.bio-block{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 30px 20px;
}
/* --------------- staff : END --------------- */


/* --------------- tabs : START --------------- */
.tab-module-tabs .nav-link{
    background-color:var(--color-white) !important;
    border: 1px solid var(--color-primary);
}

.tabs-left-nav
{
    border-right:1px solid var(--color-primary);
    padding-right:0;
    padding-top: 160px;
    padding-bottom: 160px;
    background: var(--color-primary);
    position: relative;
}
.tabs-left-nav .nav-link{
    border-radius: var(--bs-nav-tabs-border-radius) 0 0 var(--bs-nav-tabs-border-radius);
}
.tabs-left-nav{
    border-right:none !important;
}
.tabs-left-nav .nav-item{
    padding-right:75px;
    position:relative;
}
.tabs-left-nav .nav-link, .tabs-left-nav .nav-link.active{
    border-left:none !important;
    border-right:none !important;
    border-top:1px solid;
    border-bottom:1px solid;
    font-family:'Open Sans', sans-serif;
    font-size:28px;
    font-weight:700;
    color:#fff;
    padding:34px 0;
    text-transform: uppercase;
    background-color:transparent!important;
    text-align: end;
}
.tabs-left-nav .nav-item:first-child .nav-link{
    border-top:none !important;
}
.tabs-left-nav .nav-item:last-child .nav-link{
    border-bottom:none !important;
}
.tabs-left-nav .nav-link::after{
    content: '';
    background: url('../img/tab-triangle.png');
    width: 55px;
    height: 64px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.tabs-left-nav .nav-link.active::after{
    display: block;
}
.tabs-left-nav .tabs-left-nav-bg{
    position: absolute;
    bottom: 0;
    right: 0;
}
.tabs-left{
    border:none;
}
.tab-content{
    border-top:0!important;
}
.tab-module-tabs .tab-content{
    background:#EACC67;
    padding:100px 138px;
    height:100%;
}
.module-tabs-btn.btn-primary{
    color:var(--color-primary) !important;
}
.module-tabs-btn.btn-primary:hover{
    color:var(--color-primary) !important;
}
.tabs-left-nav .form-select{
    color: #06441F;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 0;
}
.tab-select-content{
    padding: 30px 28px;
}
@media(max-width:992px){
    .tab-module-tabs .tab-content{
        padding: 50px;
    }
}
@media(max-width:767px){
    .select-container{
        padding: 23px 28px;
    }
    .tabs-left-nav{
        padding: 0;
    }
    .tabs-left-nav .nav-link::after{
        display:none !important;

    }
    .tabs-left-nav .nav-item{
        padding-right:0px;
    }
    .tab-module-tabs .tab-content{
        padding:20px;
    }
    .tabs-left-nav .accordion-button{
        padding-right: 36px;
    }
}
@media(max-width:576px){
    .tab-module-tabs .tab-content .tab-pane img{
        width: 100%;
    }
}
/* --------------- tabs : END --------------- */


/* --------------- testimonials : START --------------- */
.testimonial-quote-start, .testimonial-quote-end {

    width: 60px;

    font-size: 30px;

    text-align: center;

    display: inline-block;

    float: left;

}



.testimonial-body {

    width: 100%;

    display: inline-block;

    float: left;

}



.testimonial-body.testimonial-body-with-quote {

    width: calc(100% - 120px)

}



.testimonial-image-container {

    width: 80px;

    display: inline-block;

}



.testimonial-by-container.testimonial-by-with-image {

    width: CALC(100% - 100px);

    display: inline-block;

    padding: 0 20px;

}



.testimonial-image-position-top img {

    max-width: 200px;

    margin: auto;

}


/* --------------- testimonials : END --------------- */

