.elementor-10755 .elementor-element.elementor-element-6352c20{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-10755 .elementor-element.elementor-element-aeb33f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10755 .elementor-element.elementor-element-7596877{width:0%;}.elementor-10755 .elementor-element.elementor-element-4f6fdac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-10755 .elementor-element.elementor-element-d6fc980 .text-wrapper{text-align:left;}.elementor-10755 .elementor-element.elementor-element-6e05d9e .elementor-repeater-item-30d5204{text-align:right;text-align-last:right;}.elementor-10755 .elementor-element.elementor-element-6e05d9e .text-wrapper p , .elementor-10755 .elementor-element.elementor-element-6e05d9e .text-wrapper > *{font-size:42px;}.elementor-10755 .elementor-element.elementor-element-6e05d9e .text-wrapper{text-align:justify;}.elementor-10755 .elementor-element.elementor-element-6e05d9e{width:55%;}.elementor-10755 .elementor-element.elementor-element-f378df5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--mainBackground:#0E0E0E !important;}body.layout--switched .elementor-10755 .elementor-element.elementor-element-f378df5{--mainBackground:#EBEBEB !important;}body.layout--switched .reverse__6352c20{--mainBackground:#EBEBEB !important;}.elementor-10755 .elementor-element.elementor-element-f378df5 .bg--reverse-layer{width:75px;height:75px;}.elementor-10755 .elementor-element.elementor-element-376d9be{--display:flex;}.elementor-10755 .elementor-element.elementor-element-da0d39f{text-align:left;}.elementor-10755 .elementor-element.elementor-element-da0d39f .showcase--list .showcase--project .project--image{height:169px;width:294px;}.elementor-10755 .elementor-element.elementor-element-d80a37e{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-10755 .elementor-element.elementor-element-9e085ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10755 .elementor-element.elementor-element-8936ad9 .elementor-repeater-item-c330a6b{border-radius:100px 100px 100px 100px;margin:0px 0px 0px 0px;vertical-align:middle;}.elementor-10755 .elementor-element.elementor-element-8936ad9 .text-wrapper{text-align:left;}.elementor-10755 .elementor-element.elementor-element-0528102 .pe--icon{font-size:100px;}.elementor-10755 .elementor-element.elementor-element-0528102 .pe--icon svg{width:100px;}.elementor-10755 .elementor-element.elementor-element-0528102{text-align:left;}.elementor-10755 .elementor-element.elementor-element-745a5bf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--margin-top:65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10755 .elementor-element.elementor-element-20762ca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10755 .elementor-element.elementor-element-20762ca .text-wrapper p , .elementor-10755 .elementor-element.elementor-element-20762ca .text-wrapper > *{text-transform:uppercase;}.elementor-10755 .elementor-element.elementor-element-20762ca .text-wrapper{text-align:left;}.elementor-10755 .elementor-element.elementor-element-20762ca{width:31%;}.elementor-10755 .elementor-element.elementor-element-6533346 .text-wrapper{text-align:right;}.elementor-10755 .elementor-element.elementor-element-11c8209{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10755 .elementor-element.elementor-element-1be6e86{--display:flex;}.elementor-10755 .elementor-element.elementor-element-c0434d9 > .elementor-widget-container{margin:5% 0% 0% 0%;}.elementor-10755 .elementor-element.elementor-element-c0434d9{width:100%;}.elementor-10755 .elementor-element.elementor-element-240090f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;border-style:solid;--border-style:solid;border-color:#404040;--border-color:#404040;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-10755 .elementor-element.elementor-element-167600f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10755 .elementor-element.elementor-element-d187b3c .text-wrapper{text-align:left;}.elementor-10755 .elementor-element.elementor-element-d187b3c{width:50%;}.elementor-10755 .elementor-element.elementor-element-fc62a87 .text-wrapper{text-align:left;}.elementor-10755 .elementor-element.elementor-element-fc62a87{width:30%;}.elementor-10755 .elementor-element.elementor-element-db3451d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10755 .elementor-element.elementor-element-bdc0090{text-align:center;}.elementor-10755 .elementor-element.elementor-element-bdc0090 .elementor-heading-title{color:#E9EBEC;}@media(max-width:767px){.elementor-10755 .elementor-element.elementor-element-7596877{width:100%;}.elementor-10755 .elementor-element.elementor-element-d6fc980{width:100%;}.elementor-10755 .elementor-element.elementor-element-6e05d9e .elementor-repeater-item-30d5204{text-align:left;text-align-last:left;}.elementor-10755 .elementor-element.elementor-element-6e05d9e .text-wrapper p , .elementor-10755 .elementor-element.elementor-element-6e05d9e .text-wrapper > *{font-size:24px;}.elementor-10755 .elementor-element.elementor-element-6e05d9e .text-wrapper{text-align:left;}.elementor-10755 .elementor-element.elementor-element-6e05d9e{width:100%;}.elementor-10755 .elementor-element.elementor-element-f378df5{--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-10755 .elementor-element.elementor-element-8936ad9 .text-wrapper p , .elementor-10755 .elementor-element.elementor-element-8936ad9 .text-wrapper > *{font-size:40px;}.elementor-10755 .elementor-element.elementor-element-20762ca{width:100%;max-width:386.188px;--container-widget-width:386.188px;--container-widget-flex-grow:0;}.elementor-10755 .elementor-element.elementor-element-6533346 .text-wrapper p , .elementor-10755 .elementor-element.elementor-element-6533346 .text-wrapper > *{font-size:40px;}.elementor-10755 .elementor-element.elementor-element-6533346{width:100%;}.elementor-10755 .elementor-element.elementor-element-11c8209{--margin-top:75px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-10755 .elementor-element.elementor-element-240090f{--min-height:auto;}.elementor-10755 .elementor-element.elementor-element-d187b3c{width:100%;}.elementor-10755 .elementor-element.elementor-element-fc62a87{width:100%;}}/* Start custom CSS for peshowcaselist, class: .elementor-element-da0d39f */.showcase--project .project--content {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
    visibility: visible !important;
}
.showcase--project {
    margin-bottom: 25px;
}

.project--images {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.project--images img {
    width: calc(33.33% - 7px); /* Ensures three images fit evenly */
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}
.showcase--project {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.project--images {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.project--images img {
    width: calc(33.33% - 7px);
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}
.showcase--project {
    transition: none !important;
    transform: none !important;
    animation: none !important;
}

.showcase--project:active,
.showcase--project:focus {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
.project--title {
    margin-bottom: calc(1.15 * 20px); /* Increase existing space by 15% */
}
<div class="showcase--project">
    <input type="checkbox" id="toggle-<?php echo $key; ?>" class="toggle-description">
    <label for="toggle-<?php echo $key; ?>" class="project--head">
        <div class="project--title text-h4">
            <?php echo $item['custom_title'] ?: get_the_title($item['select_project']); ?>
        </div>
    </label>
    <div class="project--excerpt-wrapper">
        <div class="project--excerpt">
            <?php echo $item['custom_meta'] ?: get_field('excerpt', $item['select_project']); ?>
        </div>
    </div>
</div>
.project--excerpt-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
    opacity: 0;
}

/* When checkbox is checked, expand description */
.toggle-description:checked ~ .project--excerpt-wrapper {
    max-height: 500px; /* Adjust based on content */
    opacity: 1;
}

/* Hide the checkbox */
.toggle-description {
    display: none;
}

/* Make the title clickable */
.project--head {
    cursor: pointer;
    padding: 10px 0;
}/* End custom CSS */