/* Project Grid */
.elementor-editor-preview .el-project-items,
.elementor-editor-active .el-project-items {
    height: auto !important;
}

.el-project-items {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.el-project-items .el-project-card {
    flex: 0 0 auto;
    width: calc(100% / 3);
    padding: 15px;
}

@media (max-width: 992px) {
    .el-project-items .el-project-card {
        width: calc(100% / 2);
    }
}

@media (max-width: 992px) {
    .el-project-items .el-project-card {
        width: calc(100% / 1);
    }
}

/* Project Card */
.el-project-card-inner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.el-project-card .project-thumb {
    width: 100%;
    height: 450px;
}

.el-project-card .project-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.project-readmore {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(31, 78, 61);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
    z-index: 1;
}

body.rtl .project-readmore {
    right: auto;
    left: -60px;
    transform: rotate(180deg);
}

.project-readmore .project-readmore-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--agrox-secondary-color, #f8c32c);
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
    z-index: -1;
}

.project-readmore .project-readmore-icon {
    width: auto;
    height: 25px;
    fill: currentColor;
}

.project-readmore:hover {
    color: var(--agrox-white-color, #fff);
}

.project-readmore:hover .project-readmore-bg {
    color: var(--agrox-bg-dark, #1f4e3d)
}

.el-project-card:hover .project-readmore {
    visibility: visible;
    opacity: 1;
    right: 20px;
}

body.rtl .el-project-card:hover .project-readmore {
    right: auto;
    left: 20px;
}

.project-content {
    background: rgb(31, 78, 61);
    background: linear-gradient(0deg, rgba(31, 78, 61, 1) 0%, rgba(31, 78, 61, 0.852000175070028) 50%, rgba(31, 78, 61, 0) 100%);
    width: 100%;
    height: auto;
    padding: 30px;
    padding-top: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
}

.project-content .project-title {
    font-family: var(--agrox-primary-font, "DM Sans");
    font-size: 24px;
    font-weight: 700;
    color: var(--agrox-white-color, #fff);
    margin: 0 0 15px;
}

.project-content .project-title a {
    color: var(--agrox-white-color, #fff);
}

.project-content .project-cat {
    font-family: var(--agrox-secondary-font, "Glittery Snowfall");
    font-size: 20px;
    font-weight: 500;
    color: var(--agrox-secondary-color, #f8c32c);
    display: inline-block;
    margin: 0 0 10px;
}

.project-content .project-excerpt {
    color: #ddd;
    position: relative;
    padding-top: 15px;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    width: calc(100% - 60px);
    margin: 0 30px;
    position: absolute;
    left: 0;
    bottom: 30px;
}

.project-content .project-excerpt:before {
    content: "";
    width: 0;
    height: 1px;
    border-top: 1px dashed var(--agrox-secondary-color, #f8c32c);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
}

body.rtl .project-content .project-excerpt:before{
    right: 0;
    left: auto;
}

.el-project-card.is-excerpt:hover .project-content {
    padding-bottom: 100px;
}

.el-project-card.is-excerpt:hover .project-content .project-excerpt {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.1s;
}

.el-project-card.is-excerpt:hover .project-content .project-excerpt:before {
    width: 100%;
    transition-duration: 0.8s;
}

.el-project-card:hover .project-readmore {
    visibility: visible;
    opacity: 1;
    right: 20px;
}


/* Filter */
.dl-project-filter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 20px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}

.dl-project-filter li {
    cursor: pointer;
    font-family: var(--agrox-primary-font, "DM Sans");
    font-size: 16px;
    font-weight: 600;
    color: var(--agrox-dark-color, #222429);
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1);
}

.dl-project-filter li:hover,
.dl-project-filter li.active {
    color: var(--agrox-primary-color, #43aa5c);
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1);
}

@media (max-width: 767px) {
    .carousel-full_width .el-project-wrapper {
        overflow: hidden;
    }
}

.el-project-wrapper .dl-carousel-dots {
    padding-bottom: 3px;
}