.elementor-377 .elementor-element.elementor-element-d2b2f07{--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-377 .elementor-element.elementor-element-d2b2f07:not(.elementor-motion-effects-element-type-background), .elementor-377 .elementor-element.elementor-element-d2b2f07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#81A6C64A;}.elementor-377 .elementor-element.elementor-element-7fb168e{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-377 .elementor-element.elementor-element-7fb168e > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-377 .elementor-element.elementor-element-7fb168e.elementor-element{--align-self:center;}.elementor-377 .elementor-element.elementor-element-7fb168e .rt-project-default .project-item{text-align:center;}/* Start custom CSS for html, class: .elementor-element-d5abc06 */h1, {color:#ffffff !important;}

.mmtv-project-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

@media(max-width:1024px){
    .mmtv-project-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .mmtv-project-grid{
        grid-template-columns:1fr;
    }
}

.flip-card{
    background:transparent;
    height:320px;
    perspective:1000px;
}

.flip-card-inner{
    position:relative;
    width:100%;
    height:100%;
    text-align:center;
    transition:transform .7s;
    transform-style:preserve-3d;
}

.flip-card:hover .flip-card-inner{
    transform:rotateY(180deg);
}

.flip-card-front,
.flip-card-back{
    position:absolute;
    width:100%;
    height:100%;
    backface-visibility:hidden;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.flip-card-front{
    background:#ffffff;
    border:1px solid #eeeeee;
}

.flip-card-front img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.flip-card-content{
    padding:25px;
}

.flip-card-content h3{
    margin:0 0 10px;
    color:#063B34;
    font-size:22px;
}

.flip-card-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

.flip-card-back{
    background:#063B34;
    color:#ffffff;
    transform:rotateY(180deg);
    padding:35px 25px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.flip-card-back h3{
    color:#8BC53F;
    margin-bottom:20px;
}

.flip-card-back p{
    line-height:1.8;
    color:#E6EEF5;
    margin-bottom:25px;
}

.project-status{
    display:inline-block;
    background:#8BC53F;
    color:#063B34;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ae2466 */h1, {color:#ffffff !important;}

.mmtv-project-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

@media(max-width:1024px){
    .mmtv-project-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .mmtv-project-grid{
        grid-template-columns:1fr;
    }
}

.flip-card{
    background:transparent;
    height:320px;
    perspective:1000px;
}

.flip-card-inner{
    position:relative;
    width:100%;
    height:100%;
    text-align:center;
    transition:transform .7s;
    transform-style:preserve-3d;
}

.flip-card:hover .flip-card-inner{
    transform:rotateY(180deg);
}

.flip-card-front,
.flip-card-back{
    position:absolute;
    width:100%;
    height:100%;
    backface-visibility:hidden;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.flip-card-front{
    background:#ffffff;
    border:1px solid #eeeeee;
}

.flip-card-front img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.flip-card-content{
    padding:25px;
}

.flip-card-content h3{
    margin:0 0 10px;
    color:#063B34;
    font-size:22px;
}

.flip-card-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

.flip-card-back{
    background:#063B34;
    color:#ffffff;
    transform:rotateY(180deg);
    padding:35px 25px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.flip-card-back h3{
    color:#8BC53F;
    margin-bottom:20px;
}

.flip-card-back p{
    line-height:1.8;
    color:#E6EEF5;
    margin-bottom:25px;
}

.project-status{
    display:inline-block;
    background:#8BC53F;
    color:#063B34;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;/* End custom CSS */