/*
Theme Name: Mouno
Theme URI: http://demo.casethemes.net/mouno
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio
Description: Mouno is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: mouno
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
/* TreeAgama clean services capability bullets */
.service-bullets-green ul,
.service-bullets-orange ul,
.service-bullets-magenta ul {
    list-style: none !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}

.service-bullets-green li,
.service-bullets-orange li,
.service-bullets-magenta li {
    position: relative;
    list-style: none !important;
    margin: 0 !important;
    padding: 5px 0 5px 18px !important;
    border: 0 !important;
}

.service-bullets-green li::marker,
.service-bullets-orange li::marker,
.service-bullets-magenta li::marker {
    content: "" !important;
}

.service-bullets-green li::before,
.service-bullets-orange li::before,
.service-bullets-magenta li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.service-bullets-green li::before {
    background: #7BC10B;
}

.service-bullets-orange li::before {
    background: #FF6F0E;
}

.service-bullets-magenta li::before {
    background: #C11E96;
}

/* =========================================================
   TreeAgama Split End Card
   ========================================================= */

.ta-endcard{
    width:calc(100% - 48px);
    max-width:1200px;
    margin:0 auto 48px;
    display:flex;
    gap:0 !important;
    overflow:hidden;
    min-height:390px;
}

.ta-endcard__panel{
    position:relative;
    min-height:390px;
    overflow:hidden;
}

.ta-endcard__work{
    background:#111;
    color:#fff;
}

.ta-endcard__start{
    background:#9dcb3b;
    color:#101010;
}

.ta-endcard__link{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    width:100%;
    height:100%;
    min-height:300px;
    color:inherit !important;
    text-decoration:none !important;
}

.ta-endcard__eyebrow{
    position:absolute;
    top:0;
    left:0;
    font-family:Inter,sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    opacity:.65;
}

.ta-endcard__work-title,
.ta-endcard__main-title{
    display:block;
    margin:0;
    font-family:Montserrat,sans-serif;
    font-weight:900;
    letter-spacing:-.055em;
}

.ta-endcard__work-title{
    font-size:clamp(38px,4vw,60px);
    line-height:.98;
}

.ta-endcard__main-title{
    font-size:clamp(48px,5.3vw,80px);
    line-height:.91;
}

.ta-endcard__main-title em{
    color:#fff;
    font-style:normal;
}

.ta-endcard__sub{
    display:block;
    max-width:500px;
    margin-top:22px;
    padding-right:65px;
    font-family:Inter,sans-serif;
    font-size:15px;
    line-height:1.55;
    font-weight:500;
}

.ta-endcard__arrow{
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border:1px solid currentColor;
    border-radius:50%;
    font-size:23px;
    line-height:1;
    transition:
        transform .3s ease,
        background-color .3s ease,
        color .3s ease;
}

.ta-endcard__work .ta-endcard__arrow{
    border-color:rgba(255,255,255,.45);
}

.ta-endcard__link:hover .ta-endcard__arrow{
    transform:rotate(45deg) scale(1.05);
    background:#fff;
    color:#111;
}

.ta-endcard__panel::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.08),
        transparent 42%
    );
    opacity:0;
    transition:opacity .35s ease;
}

.ta-endcard__panel:hover::after{
    opacity:1;
}

/* Tablet */
@media(max-width:1024px){
    .ta-endcard{
        flex-direction:column !important;
        min-height:0;
    }

    .ta-endcard__panel{
        width:100% !important;
        min-height:300px;
    }

    .ta-endcard__link{
        min-height:210px;
    }

    .ta-endcard__main-title{
        font-size:clamp(46px,8vw,70px);
    }
}

/* Mobile */
@media(max-width:767px){
    .ta-endcard{
        width:calc(100% - 28px);
        margin-bottom:28px;
    }

    .ta-endcard__panel{
        min-height:255px;
        padding:30px 26px !important;
    }

    .ta-endcard__link{
        min-height:195px;
    }

    .ta-endcard__work-title{
        font-size:37px;
    }

    .ta-endcard__main-title{
        font-size:43px;
        line-height:.94;
    }

    .ta-endcard__sub{
        margin-top:16px;
        padding-right:52px;
        font-size:14px;
    }

    .ta-endcard__arrow{
        width:42px;
        height:42px;
        font-size:20px;
    }
}


/* =========================================================
   TreeAgama End Card — Elementor render correction
   ========================================================= */

body .ta-endcard.e-con{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:0 !important;
    width:calc(100% - 80px) !important;
    max-width:1200px !important;
    min-height:360px !important;
    margin:55px auto !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#101114 !important;
}

body .ta-endcard > .ta-endcard__panel.e-con{
    display:flex !important;
    position:relative !important;
    min-height:360px !important;
    margin:0 !important;
    border:0 !important;
}

body .ta-endcard > .ta-endcard__work.e-con{
    width:36% !important;
    flex:0 0 36% !important;
    padding:38px 34px !important;
    background:#17181b !important;
    color:#fff !important;
}

body .ta-endcard > .ta-endcard__start.e-con{
    width:64% !important;
    flex:0 0 64% !important;
    padding:38px 42px !important;
    background:#9dcb3b !important;
    color:#111 !important;
}

body .ta-endcard .elementor-widget-html{
    width:100% !important;
    height:100% !important;
}

body .ta-endcard .elementor-widget-container{
    width:100% !important;
    height:100% !important;
}

body .ta-endcard .ta-endcard__link{
    display:flex !important;
    position:relative !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    width:100% !important;
    height:100% !important;
    min-height:284px !important;
    color:inherit !important;
    text-decoration:none !important;
}

body .ta-endcard .ta-endcard__eyebrow{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    display:block !important;
    font-family:Inter,sans-serif !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    opacity:.65 !important;
}

body .ta-endcard .ta-endcard__work-title{
    display:block !important;
    max-width:340px !important;
    font-family:Montserrat,sans-serif !important;
    font-size:clamp(34px,3.2vw,48px) !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.045em !important;
    color:#fff !important;
}

body .ta-endcard .ta-endcard__main-title{
    display:block !important;
    max-width:650px !important;
    font-family:Montserrat,sans-serif !important;
    font-size:clamp(48px,5vw,72px) !important;
    line-height:.92 !important;
    font-weight:800 !important;
    letter-spacing:-.055em !important;
    color:#111 !important;
}

body .ta-endcard .ta-endcard__main-title em{
    color:#fff !important;
    font-style:normal !important;
}

body .ta-endcard .ta-endcard__sub{
    display:block !important;
    max-width:510px !important;
    margin-top:20px !important;
    padding-right:65px !important;
    font-family:Inter,sans-serif !important;
    font-size:14px !important;
    line-height:1.5 !important;
    font-weight:500 !important;
    color:#111 !important;
}

body .ta-endcard .ta-endcard__arrow{
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    border:1px solid currentColor !important;
    border-radius:50% !important;
    font-size:21px !important;
    line-height:1 !important;
}

body .ta-endcard__work .ta-endcard__arrow{
    border-color:rgba(255,255,255,.45) !important;
}

body .ta-endcard .ta-endcard__link:hover .ta-endcard__arrow{
    transform:rotate(45deg) !important;
    background:#fff !important;
    color:#111 !important;
}

/* Tablet */
@media(max-width:1024px){
    body .ta-endcard.e-con{
        width:calc(100% - 48px) !important;
    }
}

/* Mobile */
@media(max-width:767px){

    body .ta-endcard.e-con{
        flex-direction:column !important;
        width:calc(100% - 28px) !important;
        margin:32px auto !important;
        min-height:0 !important;
    }

    body .ta-endcard > .ta-endcard__work.e-con,
    body .ta-endcard > .ta-endcard__start.e-con{
        width:100% !important;
        flex:0 0 auto !important;
        min-height:260px !important;
        padding:30px 26px !important;
    }

    body .ta-endcard .ta-endcard__link{
        min-height:200px !important;
    }

    body .ta-endcard .ta-endcard__work-title{
        font-size:36px !important;
    }

    body .ta-endcard .ta-endcard__main-title{
        font-size:43px !important;
    }

    body .ta-endcard .ta-endcard__sub{
        font-size:14px !important;
    }
}


/* TreeAgama Integrated End Card + Footer */

body.home footer,
body.home #colophon,
body.home .site-footer,
body.home .pxl-footer-wrap,
body.home .pxl-footer{
    display:none !important;
}

body.home #pxl-main,
body.home #main,
body.home .site-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body .ta-endcard.e-con{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:2px !important;
    width:calc(100% - 80px) !important;
    max-width:1680px !important;
    min-height:430px !important;
    margin:55px auto 0 !important;
    padding:22px !important;
    background:#111317 !important;
    overflow:hidden !important;
}

body .ta-endcard > .ta-endcard__work.e-con{
    width:35% !important;
    flex:0 0 35% !important;
    min-height:386px !important;
    padding:34px 32px !important;
    background:#65259f !important;
    color:#fff !important;
}

body .ta-endcard > .ta-endcard__start.e-con{
    width:65% !important;
    flex:0 0 65% !important;
    min-height:386px !important;
    padding:34px 40px !important;
    background:#b51bad !important;
    color:#fff !important;
}

body .ta-endcard .elementor-widget-html,
body .ta-endcard .elementor-widget-container{
    width:100% !important;
    height:100% !important;
}

body .ta-endcard .ta-endcard__link{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    width:100% !important;
    height:100% !important;
    min-height:318px !important;
    color:#fff !important;
    text-decoration:none !important;
}

body .ta-endcard .ta-endcard__eyebrow{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    font-family:Inter,sans-serif !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    color:#fff !important;
    opacity:.75 !important;
}

body .ta-endcard .ta-endcard__work-title{
    display:block !important;
    max-width:390px !important;
    font-family:Montserrat,sans-serif !important;
    font-size:clamp(32px,3vw,48px) !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:-.045em !important;
    color:#fff !important;
}

body .ta-endcard .ta-endcard__main-title{
    display:block !important;
    max-width:760px !important;
    font-family:Montserrat,sans-serif !important;
    font-size:clamp(52px,5.4vw,84px) !important;
    line-height:.91 !important;
    font-weight:700 !important;
    letter-spacing:-.055em !important;
    color:#fff !important;
}

body .ta-endcard .ta-endcard__main-title em{
    color:#9dcb3b !important;
    font-style:normal !important;
}

body .ta-endcard .ta-endcard__sub{
    display:block !important;
    max-width:530px !important;
    margin-top:24px !important;
    padding-right:65px !important;
    font-family:Inter,sans-serif !important;
    font-size:14px !important;
    line-height:1.5 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.88) !important;
}

body .ta-endcard .ta-endcard__arrow{
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(255,255,255,.55) !important;
    border-radius:50% !important;
    color:#fff !important;
    font-size:20px !important;
    transition:transform .3s ease,background-color .3s ease,color .3s ease !important;
}

body .ta-endcard .ta-endcard__link:hover .ta-endcard__arrow{
    transform:rotate(45deg) !important;
    background:#9dcb3b !important;
    border-color:#9dcb3b !important;
    color:#111 !important;
}

@media(max-width:767px){
    body .ta-endcard.e-con{
        flex-direction:column !important;
        width:calc(100% - 28px) !important;
        min-height:0 !important;
        margin:30px auto 0 !important;
        padding:12px !important;
    }

    body .ta-endcard > .ta-endcard__work.e-con,
    body .ta-endcard > .ta-endcard__start.e-con{
        width:100% !important;
        flex:0 0 auto !important;
        min-height:260px !important;
        padding:28px 24px !important;
    }

    body .ta-endcard .ta-endcard__link{
        min-height:204px !important;
    }

    body .ta-endcard .ta-endcard__work-title{
        font-size:35px !important;
    }

    body .ta-endcard .ta-endcard__main-title{
        font-size:43px !important;
        line-height:.94 !important;
    }
}


/* =========================================================
   TreeAgama End Card — Full Width Compact Refinement
   ========================================================= */

body .ta-endcard.e-con{
    width:100% !important;
    max-width:none !important;
    min-height:300px !important;
    margin:0 !important;
    padding:0 !important;
    gap:2px !important;
    background:transparent !important;
    overflow:hidden !important;
}

body .ta-endcard > .ta-endcard__work.e-con{
    width:35% !important;
    flex:0 0 35% !important;
    min-height:300px !important;
    padding:30px 42px !important;
}

body .ta-endcard > .ta-endcard__start.e-con{
    width:65% !important;
    flex:0 0 65% !important;
    min-height:300px !important;
    padding:30px 48px !important;
}

body .ta-endcard .ta-endcard__link{
    min-height:240px !important;
}

body .ta-endcard .ta-endcard__work-title{
    font-size:clamp(30px,2.7vw,43px) !important;
    line-height:1 !important;
}

body .ta-endcard .ta-endcard__main-title{
    font-size:clamp(45px,4.5vw,70px) !important;
    line-height:.92 !important;
}

body .ta-endcard .ta-endcard__sub{
    margin-top:16px !important;
    font-size:13px !important;
}

body .ta-endcard .ta-endcard__arrow{
    width:42px !important;
    height:42px !important;
    font-size:18px !important;
}

/* Remove spacing between final content and footer */
body.home .ta-endcard{
    margin-bottom:0 !important;
}

/* Mobile remains stacked */
@media(max-width:767px){

    body .ta-endcard.e-con{
        flex-direction:column !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    body .ta-endcard > .ta-endcard__work.e-con,
    body .ta-endcard > .ta-endcard__start.e-con{
        width:100% !important;
        flex:0 0 auto !important;
        min-height:220px !important;
        padding:26px 24px !important;
    }

    body .ta-endcard .ta-endcard__link{
        min-height:168px !important;
    }

    body .ta-endcard .ta-endcard__work-title{
        font-size:32px !important;
    }

    body .ta-endcard .ta-endcard__main-title{
        font-size:39px !important;
    }
}


/* TreeAgama end-card colour correction */

/* Left panel — black with TreeAgama green outline */
body .ta-endcard > .ta-endcard__work.e-con{
    background:#111214 !important;
    color:#fff !important;
    border:2px solid #9DCB3B !important;
    box-sizing:border-box !important;
}

/* Keep main CTA TreeAgama purple */
body .ta-endcard > .ta-endcard__start.e-con{
    background:#B51BAD !important;
    color:#fff !important;
    border:0 !important;
}

/* Green accent on left eyebrow */
body .ta-endcard__work .ta-endcard__eyebrow{
    color:#9DCB3B !important;
    opacity:1 !important;
}

/* Green outline arrow on black panel */
body .ta-endcard__work .ta-endcard__arrow{
    border-color:#9DCB3B !important;
    color:#9DCB3B !important;
}

/* Left panel hover */
body .ta-endcard__work .ta-endcard__link:hover .ta-endcard__arrow{
    background:#9DCB3B !important;
    border-color:#9DCB3B !important;
    color:#111 !important;
}

/* Maintain green highlight on GREAT */
body .ta-endcard__main-title em{
    color:#9DCB3B !important;
}


/* =========================================================
   TreeAgama End Card — Green Outer Frame
   ========================================================= */

/* Outer frame around BOTH panels */
body .ta-endcard.e-con{
    width:100% !important;
    max-width:none !important;

    padding:14px !important;
    gap:2px !important;

    background:#9DCB3B !important;
    box-sizing:border-box !important;

    margin:0 !important;
}

/* Left panel: black, no individual outline */
body .ta-endcard > .ta-endcard__work.e-con{
    background:#111214 !important;
    border:0 !important;
    box-sizing:border-box !important;
}

/* Right panel: TreeAgama purple */
body .ta-endcard > .ta-endcard__start.e-con{
    background:#B51BAD !important;
    border:0 !important;
    box-sizing:border-box !important;
}

/* Very subtle separation between panels */
body .ta-endcard > .ta-endcard__work.e-con{
    border-right:1px solid rgba(255,255,255,.15) !important;
}

/* Mobile retains the surrounding frame */
@media(max-width:767px){
    body .ta-endcard.e-con{
        padding:10px !important;
        gap:2px !important;
    }

    body .ta-endcard > .ta-endcard__work.e-con{
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.15) !important;
    }
}


/* TreeAgama End Card — rounded inner panels */

body .ta-endcard > .ta-endcard__work.e-con,
body .ta-endcard > .ta-endcard__start.e-con{
    border-radius:14px !important;
    overflow:hidden !important;
}

/* Maintain clean separation */
body .ta-endcard > .ta-endcard__work.e-con{
    border-right:0 !important;
}

/* Slightly increase gap so rounded corners remain visible */
body .ta-endcard.e-con{
    gap:6px !important;
}

@media(max-width:767px){
    body .ta-endcard.e-con{
        gap:6px !important;
    }

    body .ta-endcard > .ta-endcard__work.e-con{
        border-bottom:0 !important;
    }
}


/* =========================================================
   TreeAgama Native Elementor Footer — visual correction
   ========================================================= */

/* Outer green frame */
body .ta-footer-native.e-con{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px !important;
    gap:6px !important;
    background:#9DCB3B !important;
    align-items:stretch !important;
}

/* Both panels */
body .ta-footer-native > .ta-footer-panel.e-con{
    min-height:270px !important;
    padding:28px 38px !important;
    border-radius:14px !important;
    overflow:hidden !important;
}

/* LEFT */
body .ta-footer-native > .ta-footer-work.e-con{
    width:35% !important;
    flex:0 0 35% !important;
    background:#111214 !important;
}

/* RIGHT */
body .ta-footer-native > .ta-footer-start.e-con{
    width:65% !important;
    flex:0 0 65% !important;
    background:#B51BAD !important;
}

/* Remove theme heading margins */
body .ta-footer-native .elementor-heading-title{
    margin:0 !important;
}

/* Left eyebrow */
body .ta-footer-native .elementor-element-tafleye .elementor-heading-title{
    color:#9DCB3B !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:1.4px !important;
}

/* Left title */
body .ta-footer-native .elementor-element-tafltitle .elementor-heading-title{
    color:#fff !important;
    font-family:Montserrat,sans-serif !important;
    font-size:clamp(32px,3vw,44px) !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:-1.5px !important;
}

/* Right eyebrow */
body .ta-footer-native .elementor-element-tafreye .elementor-heading-title{
    color:#fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:1.4px !important;
}

/* Restore COMPLETE main CTA heading */
body .ta-footer-native .elementor-element-tafrtitle{
    margin-top:auto !important;
}

body .ta-footer-native .elementor-element-tafrtitle .elementor-heading-title{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#fff !important;
    font-family:Montserrat,sans-serif !important;
    font-size:clamp(46px,4.6vw,68px) !important;
    line-height:.92 !important;
    font-weight:700 !important;
    letter-spacing:-3px !important;
}

body .ta-footer-native .elementor-element-tafrtitle .elementor-heading-title span{
    color:#9DCB3B !important;
}

/* Supporting copy */
body .ta-footer-native .elementor-element-tafrcopy{
    margin-top:14px !important;
}

body .ta-footer-native .elementor-element-tafrcopy,
body .ta-footer-native .elementor-element-tafrcopy p{
    color:#fff !important;
    font-family:Inter,sans-serif !important;
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:0 !important;
}

/* Push left title down like reference */
body .ta-footer-native .elementor-element-tafltitle{
    margin-top:auto !important;
}

/* Arrow buttons */
body .ta-footer-native .elementor-widget-button{
    position:absolute !important;
    right:32px !important;
    bottom:28px !important;
    width:auto !important;
    margin:0 !important;
}

body .ta-footer-native .elementor-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:46px !important;
    height:46px !important;
    min-width:46px !important;

    padding:0 !important;
    border:1px solid #9DCB3B !important;
    border-radius:50% !important;

    background:transparent !important;
    color:#9DCB3B !important;

    font-size:20px !important;
    line-height:1 !important;
}

body .ta-footer-native .elementor-button:hover{
    background:#9DCB3B !important;
    color:#111 !important;
}

/* Panels need positioning context for buttons */
body .ta-footer-native > .ta-footer-panel{
    position:relative !important;
}

/* Tablet/mobile */
@media(max-width:767px){

    body .ta-footer-native.e-con{
        flex-direction:column !important;
        padding:7px !important;
        gap:6px !important;
    }

    body .ta-footer-native > .ta-footer-work.e-con,
    body .ta-footer-native > .ta-footer-start.e-con{
        width:100% !important;
        flex:0 0 auto !important;
        min-height:225px !important;
        padding:26px 24px !important;
    }

    body .ta-footer-native .elementor-element-tafltitle .elementor-heading-title{
        font-size:34px !important;
    }

    body .ta-footer-native .elementor-element-tafrtitle .elementor-heading-title{
        font-size:42px !important;
        letter-spacing:-2px !important;
    }

    body .ta-footer-native .elementor-widget-button{
        right:24px !important;
        bottom:24px !important;
    }
}


/* Prevent footer CTA from colliding with Back to Top */

body .ta-footer-native .ta-footer-start .elementor-widget-button{
    right:90px !important;
    bottom:28px !important;
}

/* Keep left panel arrow in its normal position */
body .ta-footer-native .ta-footer-work .elementor-widget-button{
    right:38px !important;
    bottom:28px !important;
}

@media(max-width:767px){
    body .ta-footer-native .ta-footer-start .elementor-widget-button{
        right:78px !important;
        bottom:24px !important;
    }

    body .ta-footer-native .ta-footer-work .elementor-widget-button{
        right:24px !important;
        bottom:24px !important;
    }
}

/* =========================================================
   TreeAgama Global Footer
   Responsive + Interactive
   ========================================================= */

.ta-global-footer{
    width:100%;
    overflow:hidden;
}

/* Desktop */
.ta-global-footer .ta-footer-native{
    width:100% !important;
    max-width:none !important;
    padding:8px !important;
    gap:6px !important;
    background:#9DCB3B !important;
}

.ta-global-footer .ta-footer-panel{
    position:relative !important;
    min-height:270px !important;
    overflow:hidden !important;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease !important;
}

/* Gentle interactive lift */
@media (hover:hover){

    .ta-global-footer .ta-footer-panel:hover{
        transform:translateY(-3px);
        box-shadow:0 12px 28px rgba(0,0,0,.14);
    }

    .ta-global-footer .ta-footer-panel:hover .elementor-heading-title{
        transform:translateX(3px);
    }

    .ta-global-footer .elementor-heading-title{
        transition:transform .35s ease;
    }

    .ta-global-footer .elementor-button{
        transition:
            transform .3s ease,
            background-color .3s ease,
            color .3s ease !important;
    }

    .ta-global-footer .elementor-button:hover{
        transform:rotate(45deg) scale(1.06);
    }
}

/* Tablet */
@media (max-width:1024px){

    .ta-global-footer .ta-footer-native{
        padding:7px !important;
        gap:6px !important;
    }

    .ta-global-footer .ta-footer-work{
        width:38% !important;
        flex:0 0 38% !important;
    }

    .ta-global-footer .ta-footer-start{
        width:62% !important;
        flex:0 0 62% !important;
    }

    .ta-global-footer
    .elementor-element-tafrtitle
    .elementor-heading-title{
        font-size:clamp(42px,6vw,58px) !important;
        letter-spacing:-2px !important;
    }
}

/* Mobile */
@media (max-width:767px){

    .ta-global-footer .ta-footer-native{
        flex-direction:column !important;
        padding:6px !important;
        gap:6px !important;
    }

    .ta-global-footer .ta-footer-work,
    .ta-global-footer .ta-footer-start{
        width:100% !important;
        flex:0 0 auto !important;
        min-height:210px !important;
        padding:25px 22px !important;
        border-radius:12px !important;
    }

    .ta-global-footer
    .elementor-element-tafltitle
    .elementor-heading-title{
        font-size:32px !important;
        line-height:1 !important;
    }

    .ta-global-footer
    .elementor-element-tafrtitle
    .elementor-heading-title{
        font-size:39px !important;
        line-height:.95 !important;
        letter-spacing:-1.8px !important;
    }

    .ta-global-footer
    .elementor-element-tafrcopy{
        max-width:78% !important;
        margin-top:12px !important;
    }

    .ta-global-footer
    .elementor-element-tafrcopy p{
        font-size:13px !important;
        line-height:1.45 !important;
    }

    .ta-global-footer .elementor-widget-button{
        right:22px !important;
        bottom:22px !important;
    }

    /* Leave space for floating back-to-top */
    .ta-global-footer
    .ta-footer-start
    .elementor-widget-button{
        right:76px !important;
    }
}

/* Small phones */
@media (max-width:480px){

    .ta-global-footer .ta-footer-work,
    .ta-global-footer .ta-footer-start{
        min-height:195px !important;
        padding:22px 19px !important;
    }

    .ta-global-footer
    .elementor-element-tafltitle
    .elementor-heading-title{
        font-size:29px !important;
    }

    .ta-global-footer
    .elementor-element-tafrtitle
    .elementor-heading-title{
        font-size:34px !important;
    }

    .ta-global-footer .elementor-button{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion:reduce){

    .ta-global-footer *,
    .ta-global-footer *::before,
    .ta-global-footer *::after{
        transition:none !important;
        animation:none !important;
        transform:none !important;
    }
}


/* Global replacement of legacy Mouno footer */
footer#colophon,
.site-footer,
.pxl-footer-wrap,
.pxl-footer{
    display:none !important;
}


/* =========================================================
   TreeAgama Global Footer — Final Responsive Refinement
   ========================================================= */

.ta-global-footer{
    width:100%;
    position:relative;
    overflow:hidden;
}

.ta-global-footer .ta-footer-native.e-con{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px !important;
    gap:7px !important;
    align-items:stretch !important;
    background:#9DCB3B !important;
}

/* PANELS */
.ta-global-footer .ta-footer-panel.e-con{
    position:relative !important;
    min-height:250px !important;
    padding:28px 38px !important;
    border-radius:15px !important;
    overflow:hidden !important;
}

.ta-global-footer .ta-footer-work.e-con{
    width:35% !important;
    flex:0 0 calc(35% - 4px) !important;
    background:#111214 !important;
}

.ta-global-footer .ta-footer-start.e-con{
    width:65% !important;
    flex:1 1 calc(65% - 4px) !important;
    background:#B51BAD !important;
}

/* TYPOGRAPHY */
.ta-global-footer
.elementor-element-tafltitle
.elementor-heading-title{
    font-size:clamp(34px,3vw,44px) !important;
    line-height:.98 !important;
}

.ta-global-footer
.elementor-element-tafrtitle
.elementor-heading-title{
    font-size:clamp(48px,4.5vw,66px) !important;
    line-height:.91 !important;
    letter-spacing:-3px !important;
}

.ta-global-footer
.elementor-element-tafrcopy{
    max-width:72% !important;
    margin-top:14px !important;
}

/* CTA ARROWS */
.ta-global-footer .elementor-widget-button{
    position:absolute !important;
    width:auto !important;
    margin:0 !important;
    z-index:3;
}

.ta-global-footer .ta-footer-work .elementor-widget-button{
    right:38px !important;
    bottom:28px !important;
}

/* Keep clear of site's floating back-to-top button */
.ta-global-footer .ta-footer-start .elementor-widget-button{
    right:105px !important;
    bottom:28px !important;
}

.ta-global-footer .elementor-button{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    padding:0 !important;
    border:1px solid #9DCB3B !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#9DCB3B !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease !important;
}

/* DESKTOP INTERACTION */
@media (hover:hover) and (pointer:fine){

    .ta-global-footer .ta-footer-panel.e-con{
        transition:
            transform .3s ease,
            box-shadow .3s ease !important;
    }

    .ta-global-footer .ta-footer-panel.e-con:hover{
        transform:translateY(-2px);
        box-shadow:0 10px 24px rgba(0,0,0,.12);
    }

    .ta-global-footer .elementor-button:hover{
        background:#9DCB3B !important;
        color:#111214 !important;
        transform:rotate(45deg) !important;
    }
}

/* TABLET */
@media (max-width:1024px){

    .ta-global-footer .ta-footer-work.e-con{
        width:40% !important;
        flex:0 0 calc(40% - 4px) !important;
    }

    .ta-global-footer .ta-footer-start.e-con{
        width:60% !important;
        flex:1 1 calc(60% - 4px) !important;
    }

    .ta-global-footer .ta-footer-panel.e-con{
        min-height:235px !important;
        padding:26px 28px !important;
    }

    .ta-global-footer
    .elementor-element-tafrtitle
    .elementor-heading-title{
        font-size:clamp(42px,5.6vw,56px) !important;
        letter-spacing:-2px !important;
    }

    .ta-global-footer
    .elementor-element-tafrcopy{
        max-width:75% !important;
    }

    .ta-global-footer .ta-footer-start .elementor-widget-button{
        right:88px !important;
        bottom:25px !important;
    }

    .ta-global-footer .ta-footer-work .elementor-widget-button{
        right:28px !important;
        bottom:25px !important;
    }
}

/* MOBILE */
@media (max-width:767px){

    .ta-global-footer .ta-footer-native.e-con{
        flex-direction:column !important;
        padding:6px !important;
        gap:6px !important;
    }

    .ta-global-footer .ta-footer-work.e-con,
    .ta-global-footer .ta-footer-start.e-con{
        width:100% !important;
        flex:0 0 auto !important;
        min-height:205px !important;
        padding:24px 22px !important;
        border-radius:12px !important;
    }

    .ta-global-footer
    .elementor-element-tafltitle
    .elementor-heading-title{
        font-size:32px !important;
        line-height:1 !important;
    }

    .ta-global-footer
    .elementor-element-tafrtitle
    .elementor-heading-title{
        font-size:40px !important;
        line-height:.94 !important;
        letter-spacing:-2px !important;
    }

    .ta-global-footer
    .elementor-element-tafrcopy{
        max-width:72% !important;
        margin-top:11px !important;
    }

    .ta-global-footer
    .elementor-element-tafrcopy p{
        font-size:13px !important;
        line-height:1.4 !important;
    }

    .ta-global-footer .elementor-button{
        width:43px !important;
        height:43px !important;
        min-width:43px !important;
    }

    .ta-global-footer .ta-footer-work .elementor-widget-button{
        right:22px !important;
        bottom:22px !important;
    }

    .ta-global-footer .ta-footer-start .elementor-widget-button{
        right:76px !important;
        bottom:22px !important;
    }
}

/* SMALL MOBILE */
@media (max-width:480px){

    .ta-global-footer .ta-footer-work.e-con,
    .ta-global-footer .ta-footer-start.e-con{
        min-height:190px !important;
        padding:21px 18px !important;
    }

    .ta-global-footer
    .elementor-element-tafltitle
    .elementor-heading-title{
        font-size:29px !important;
    }

    .ta-global-footer
    .elementor-element-tafrtitle
    .elementor-heading-title{
        font-size:34px !important;
        letter-spacing:-1.5px !important;
    }

    .ta-global-footer
    .elementor-element-tafrcopy{
        max-width:70% !important;
    }

    .ta-global-footer .ta-footer-start .elementor-widget-button{
        right:68px !important;
        bottom:18px !important;
    }

    .ta-global-footer .ta-footer-work .elementor-widget-button{
        right:18px !important;
        bottom:18px !important;
    }
}

/* Respect accessibility motion preference */
@media (prefers-reduced-motion:reduce){
    .ta-global-footer *,
    .ta-global-footer *::before,
    .ta-global-footer *::after{
        transition:none !important;
        animation:none !important;
    }
}


/* =========================================================
   TreeAgama Process — Interactive 1 → 2 → 3
   ========================================================= */

.elementor-element-e119381{
    --ta-process-progress:0%;
}

/* Numbered carousel */
.elementor-element-e119381 .pxl-swiper-slide,
.elementor-element-e119381 .swiper-slide{
    cursor:pointer;
}

/* Smooth all existing number/label elements */
.elementor-element-e119381 .pxl-swiper-slide *,
.elementor-element-e119381 .swiper-slide *{
    transition:
        opacity .35s ease,
        transform .35s ease,
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease !important;
}

/* Non-active stages remain readable */
.elementor-element-e119381 .ta-process-stage{
    opacity:.62;
    transition:opacity .35s ease, transform .35s ease;
}

.elementor-element-e119381 .ta-process-stage.ta-process-active{
    opacity:1;
    transform:translateY(-3px);
}

/* Number circles */
.elementor-element-e119381 .ta-process-number{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        box-shadow .35s ease !important;
}

.elementor-element-e119381
.ta-process-stage.ta-process-active
.ta-process-number{
    transform:scale(1.14);
    background:#9DCB3B !important;
    color:#111214 !important;
    box-shadow:0 0 0 7px rgba(157,203,59,.13);
}

/* Progressive green track drawn over existing divider */
.elementor-element-f5d1bbd{
    position:relative;
}

.elementor-element-f5d1bbd::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:var(--ta-line-progress,0%);
    height:2px;
    background:#9DCB3B;
    pointer-events:none;
    z-index:2;
    transition:width .65s cubic-bezier(.2,.7,.2,1);
}

/* Hover remains subtle */
@media (hover:hover) and (pointer:fine){
    .elementor-element-e119381 .ta-process-stage:hover{
        opacity:1;
        transform:translateY(-3px);
    }
}

/* Mobile: no clipping from enlarged active node */
@media(max-width:767px){
    .elementor-element-e119381{
        overflow:visible !important;
    }

    .elementor-element-e119381
    .ta-process-stage.ta-process-active{
        transform:translateY(-2px);
    }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
    .elementor-element-e119381 *,
    .elementor-element-f5d1bbd::after{
        transition:none !important;
        animation:none !important;
    }
}


/* =========================================================
   TreeAgama Process V2 — Correct Track Geometry
   ========================================================= */

/* Remove our previous pseudo progress line */
.elementor-element-f5d1bbd::after{
    display:none !important;
}

/*
 * Use the actual carousel as the coordinate system.
 * The track is independent of description heights.
 */
.elementor-element-e119381{
    position:relative !important;
    --ta-process-progress:0%;
}

/* Progress track: centre of Step 1 → centre of Step 3 */
.elementor-element-e119381::before{
    content:"";
    position:absolute;
    top:35px;
    left:8.333%;
    width:83.334%;
    height:1px;
    background:rgba(255,255,255,.10);
    z-index:0;
    pointer-events:none;
}

.elementor-element-e119381::after{
    content:"";
    position:absolute;
    top:35px;
    left:8.333%;
    width:calc(83.334% * var(--ta-process-progress));
    height:2px;
    background:#9DCB3B;
    z-index:1;
    pointer-events:none;
    transition:width .6s cubic-bezier(.22,.7,.2,1);
}

/* Keep the actual process cards above the track */
.elementor-element-e119381 .ta-process-stage{
    position:relative;
    z-index:2;
}

/* Active state */
.elementor-element-e119381
.ta-process-stage.ta-process-active{
    opacity:1 !important;
}

/* Completed stages remain clear instead of fading again */
.elementor-element-e119381
.ta-process-stage.ta-process-complete{
    opacity:1 !important;
}

/* Number nodes */
.elementor-element-e119381 .ta-process-number{
    position:relative;
    z-index:3;
}

/* Completed number */
.elementor-element-e119381
.ta-process-stage.ta-process-complete
.ta-process-number{
    background:#9DCB3B !important;
    color:#111214 !important;
}

/* Active number */
.elementor-element-e119381
.ta-process-stage.ta-process-active
.ta-process-number{
    transform:scale(1.14) !important;
    background:#9DCB3B !important;
    color:#111214 !important;
    box-shadow:0 0 0 7px rgba(157,203,59,.13);
}

/* Mobile */
@media(max-width:767px){

    .elementor-element-e119381::before,
    .elementor-element-e119381::after{
        top:31px;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    .elementor-element-e119381::after{
        transition:none !important;
    }
}


/* =========================================================
   TreeAgama Process — Rollback V2 track experiment
   Restore original interaction styling
   ========================================================= */

.elementor-element-e119381::before,
.elementor-element-e119381::after{
    content:none !important;
    display:none !important;
}

.elementor-element-f5d1bbd::after{
    display:block !important;
}

.elementor-element-e119381 .ta-process-stage{
    opacity:.62;
}

.elementor-element-e119381
.ta-process-stage.ta-process-active{
    opacity:1 !important;
    transform:translateY(-3px);
}

.elementor-element-e119381
.ta-process-stage.ta-process-complete{
    opacity:.62 !important;
}


/* =========================================================
   TreeAgama Process — Fix line position
   Keep track aligned to 1 / 2 / 3 regardless of copy height
   ========================================================= */

/* Process carousel becomes the positioning reference */
.elementor-element-e119381{
    position:relative !important;
}

/*
 * Hide the original divider/progress line whose vertical
 * position is being affected by the tallest description.
 */
.elementor-element-e2d39b4{
    opacity:0 !important;
}

/*
 * Static track — fixed through the numbered nodes.
 * Independent of Explore/Create/Solve content height.
 */
.elementor-element-e119381::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;

    /* centre line through number circles */
    top:35px !important;

    /* centre of first item → centre of third */
    left:8.333% !important;
    width:83.334% !important;

    height:1px !important;
    background:rgba(255,255,255,.12) !important;

    z-index:0 !important;
    pointer-events:none !important;
}

/*
 * Dynamic green progress line.
 * Uses the value already controlled by the working JS.
 */
.elementor-element-f5d1bbd::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;

    top:auto !important;
    bottom:auto !important;

    /*
     * f5d1bbd contains the carousel, so position the progress
     * line at the same number-row level.
     */
    left:8.333% !important;
    width:calc(var(--ta-line-progress, 0%) * .9058) !important;

    height:2px !important;
    background:#9DCB3B !important;

    /*
     * Align to carousel's number row rather than bottom of
     * longest description.
     */
    transform:translateY(35px) !important;

    z-index:1 !important;
    pointer-events:none !important;

    transition:width .65s cubic-bezier(.2,.7,.2,1) !important;
}

/* Keep numbers/cards above the line */
.elementor-element-e119381 .ta-process-stage{
    position:relative !important;
    z-index:2 !important;
}

.elementor-element-e119381 .ta-process-number{
    position:relative !important;
    z-index:3 !important;
}


/* =========================================================
   ROLLBACK — Process line alignment experiment
   ========================================================= */

/* Remove the artificial carousel lines */
.elementor-element-e119381::before,
.elementor-element-e119381::after{
    content:none !important;
    display:none !important;
}

/* Restore original PXL divider */
.elementor-element-e2d39b4{
    opacity:1 !important;
}

/* Disable the incorrectly positioned custom progress line */
.elementor-element-f5d1bbd::after{
    content:none !important;
    display:none !important;
}


/* =========================================================
   TreeAgama Process — Equal Card Geometry
   Keeps original PXL divider + working number animation
   ========================================================= */

/* All three process stages use identical vertical structure */
.elementor-element-e119381 .ta-process-stage{
    align-self:stretch !important;
}

/*
 * Identify the content blocks below each number.
 * Equalise their geometry without altering copy.
 */
.elementor-element-e119381 .ta-process-stage{
    display:flex !important;
    flex-direction:column !important;
}

/* Process titles: Explore / Create / Solve */
.elementor-element-e119381 .ta-process-stage h1,
.elementor-element-e119381 .ta-process-stage h2,
.elementor-element-e119381 .ta-process-stage h3,
.elementor-element-e119381 .ta-process-stage h4,
.elementor-element-e119381 .ta-process-stage h5,
.elementor-element-e119381 .ta-process-stage h6{
    min-height:42px !important;
}

/*
 * Reserve equal description depth.
 * Explore currently occupies three lines, therefore all
 * stages receive enough space for three lines.
 */
.elementor-element-e119381 .ta-process-stage p{
    min-height:92px !important;
}

/* Keep number position independent from text height */
.elementor-element-e119381 .ta-process-number{
    flex:0 0 auto !important;
}

/* Tablet */
@media(max-width:1024px){

    .elementor-element-e119381 .ta-process-stage p{
        min-height:105px !important;
    }

}

/*
 * Mobile should return to natural content height because
 * the process items may stack / become carousel slides.
 */
@media(max-width:767px){

    .elementor-element-e119381 .ta-process-stage h1,
    .elementor-element-e119381 .ta-process-stage h2,
    .elementor-element-e119381 .ta-process-stage h3,
    .elementor-element-e119381 .ta-process-stage h4,
    .elementor-element-e119381 .ta-process-stage h5,
    .elementor-element-e119381 .ta-process-stage h6,
    .elementor-element-e119381 .ta-process-stage p{
        min-height:0 !important;
    }

}


/* =========================================================
   TreeAgama Process — number-to-number progress line
   Independent of description height
   ========================================================= */

.elementor-element-e119381 .pxl-index-box-carousel{
    position:relative !important;
}

/* Remove previous experimental progress lines only */
.elementor-element-f5d1bbd::after,
.elementor-element-e119381::before,
.elementor-element-e119381::after{
    content:none !important;
    display:none !important;
}

/* Keep the theme's original divider visible */
.elementor-element-e2d39b4{
    opacity:1 !important;
    display:block !important;
}

/* Dynamic line generated by JS */
.elementor-element-e119381 .ta-process-progress-line{
    position:absolute;
    height:2px;
    width:0;
    background:#9DCB3B;
    pointer-events:none;
    z-index:2;
    transition:
        left .15s ease,
        top .15s ease,
        width .65s cubic-bezier(.2,.7,.2,1);
}

/* Numbers remain above the line */
.elementor-element-e119381 .pxl-index-box-index{
    position:relative;
    z-index:3;
}

@media(max-width:767px){
    .elementor-element-e119381 .ta-process-progress-line{
        display:none !important;
    }
}

@media(prefers-reduced-motion:reduce){
    .elementor-element-e119381 .ta-process-progress-line{
        transition:none !important;
    }
}


/* =========================================================
   TreeAgama Process — CLEAN LINE RESET
   Number animation remains untouched
   ========================================================= */

.elementor-element-e119381 .ta-process-progress-line{
    display:none !important;
}

/* Restore original theme divider */
.elementor-element-e2d39b4{
    display:block !important;
    opacity:1 !important;
}

/* Remove all experimental pseudo progress lines */
.elementor-element-e119381::before,
.elementor-element-e119381::after,
.elementor-element-f5d1bbd::after{
    content:none !important;
    display:none !important;
}

/* Keep process nodes normal */
.elementor-element-e119381 .pxl-index-box-index,
.elementor-element-e119381 .pxl-index-number{
    position:relative;
    z-index:2;
}


/* =========================================================
   TREEAGAMA ABOUT — EDITORIAL HERO
   ========================================================= */

.ta-about-editorial-hero{
    background:#111214 !important;
    min-height:620px;
    padding:150px 7% 80px !important;

    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    align-items:end !important;
    gap:80px;

    position:relative;
    overflow:hidden;
}

/* subtle architectural detail */
.ta-about-editorial-hero::after{
    content:"";
    position:absolute;
    left:7%;
    right:7%;
    bottom:210px;
    height:1px;
    background:rgba(255,255,255,.18);
    pointer-events:none;
}

.ta-about-hero-left,
.ta-about-hero-right{
    width:100% !important;
    max-width:none !important;
}

.ta-about-eyebrow .elementor-heading-title{
    color:#9DCB3B !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.16em;
    font-weight:600 !important;
    text-transform:uppercase;
    margin:0 0 24px;
}

.ta-about-main-title .elementor-heading-title{
    color:#fff !important;
    font-size:clamp(64px,7.5vw,138px) !important;
    line-height:.86 !important;
    letter-spacing:-.055em;
    font-weight:500 !important;
    margin:0;
}

.ta-about-hero-right{
    align-self:end !important;
    padding-bottom:8px;
}

.ta-about-intro-copy{
    max-width:440px;
}

.ta-about-intro-copy,
.ta-about-intro-copy p{
    color:rgba(255,255,255,.76) !important;
    font-size:16px;
    line-height:1.65;
}

.ta-about-project-link{
    margin-top:35px;
}

.ta-about-project-link .elementor-button{
    width:100%;
    display:flex !important;
    justify-content:space-between;
    align-items:center;

    padding:15px 0 !important;

    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.45) !important;
    border-radius:0 !important;

    font-size:14px;
}

.ta-about-project-link .elementor-button::after{
    content:"→";
    font-size:20px;
    transition:transform .25s ease;
}

.ta-about-project-link .elementor-button:hover::after{
    transform:translateX(7px);
}

@media(max-width:1024px){

    .ta-about-editorial-hero{
        min-height:560px;
        padding:130px 6% 65px !important;
        grid-template-columns:1.25fr .75fr;
        gap:50px;
    }

}

@media(max-width:767px){

    .ta-about-editorial-hero{
        min-height:auto;
        padding:120px 24px 55px !important;

        display:flex !important;
        flex-direction:column;
        align-items:stretch !important;
        gap:55px;
    }

    .ta-about-editorial-hero::after{
        left:24px;
        right:24px;
        bottom:245px;
    }

    .ta-about-main-title .elementor-heading-title{
        font-size:clamp(54px,17vw,82px) !important;
        line-height:.9 !important;
    }

    .ta-about-hero-right{
        padding:0;
    }

}


/* ==========================================================
   ABOUT HERO — FINAL VISUAL OVERRIDE
   ========================================================== */

/* HERO CANVAS */
body.page-id-11668 .ta-about-editorial-hero{
    background:#101112 !important;
    background-image:none !important;

    min-height:580px !important;
    height:auto !important;

    padding:210px 7% 70px !important;

    display:grid !important;
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr) !important;
    column-gap:8vw !important;

    align-items:end !important;
    align-content:end !important;

    opacity:1 !important;
}

/* Kill inherited overlays */
body.page-id-11668 .ta-about-editorial-hero::before{
    content:none !important;
    display:none !important;
}

/* Architectural divider */
body.page-id-11668 .ta-about-editorial-hero::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    left:7% !important;
    right:7% !important;
    bottom:205px !important;

    height:1px !important;
    background:rgba(255,255,255,.18) !important;

    z-index:1;
}

/* Both columns */
body.page-id-11668 .ta-about-hero-left,
body.page-id-11668 .ta-about-hero-right{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:none !important;

    opacity:1 !important;
    background:transparent !important;
}

/* EYEBROW */
body.page-id-11668
.ta-about-eyebrow,
body.page-id-11668
.ta-about-eyebrow *{
    opacity:1 !important;
}

body.page-id-11668
.ta-about-eyebrow .elementor-heading-title{
    color:#9DCB3B !important;

    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:600 !important;

    letter-spacing:.16em !important;
    text-transform:uppercase !important;

    margin:0 0 24px !important;
}

/* MAIN STATEMENT */
body.page-id-11668
.ta-about-main-title,
body.page-id-11668
.ta-about-main-title *{
    opacity:1 !important;
}

body.page-id-11668
.ta-about-main-title .elementor-heading-title{
    color:#fff !important;

    font-size:clamp(72px,7vw,126px) !important;
    line-height:.86 !important;
    letter-spacing:-.055em !important;

    font-weight:500 !important;

    margin:0 !important;
}

/* GREEN PERIOD */
body.page-id-11668
.ta-about-main-title .elementor-heading-title span{
    color:#9DCB3B !important;
}

/* RIGHT COLUMN */
body.page-id-11668 .ta-about-hero-right{
    align-self:end !important;
    padding:0 0 2px !important;
}

/* COPY */
body.page-id-11668
.ta-about-intro-copy,
body.page-id-11668
.ta-about-intro-copy *,
body.page-id-11668
.ta-about-intro-copy p{
    color:rgba(255,255,255,.78) !important;
    opacity:1 !important;
}

body.page-id-11668
.ta-about-intro-copy p{
    font-size:15px !important;
    line-height:1.65 !important;
    font-weight:400 !important;
    margin:0 !important;
}

/* CTA — REMOVE THEME BUTTON APPEARANCE */
body.page-id-11668 .ta-about-project-link{
    width:100% !important;
    margin-top:32px !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button-wrapper{
    width:100% !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button{
    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:12px 0 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:#fff !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.45) !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.4 !important;

    text-align:left !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button:hover{
    background:transparent !important;
    color:#9DCB3B !important;
}

/* Arrow */
body.page-id-11668
.ta-about-project-link .elementor-button::after{
    content:"→" !important;

    display:block !important;

    font-size:20px !important;
    font-weight:300 !important;

    color:#fff !important;

    margin-left:auto !important;

    transition:transform .25s ease,color .25s ease;
}

body.page-id-11668
.ta-about-project-link .elementor-button:hover::after{
    color:#9DCB3B !important;
    transform:translateX(6px);
}

/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1024px){

    body.page-id-11668 .ta-about-editorial-hero{
        padding:180px 6% 65px !important;

        grid-template-columns:
            minmax(0,1.25fr)
            minmax(260px,.75fr) !important;

        column-gap:50px !important;
    }

    body.page-id-11668
    .ta-about-main-title .elementor-heading-title{
        font-size:clamp(64px,8vw,90px) !important;
    }

}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px){

    body.page-id-11668 .ta-about-editorial-hero{
        min-height:auto !important;

        padding:
            145px
            24px
            55px !important;

        display:flex !important;
        flex-direction:column !important;

        gap:55px !important;
    }

    body.page-id-11668
    .ta-about-main-title .elementor-heading-title{
        font-size:clamp(56px,16vw,78px) !important;
        line-height:.9 !important;
    }

    body.page-id-11668
    .ta-about-editorial-hero::after{
        display:none !important;
    }

    body.page-id-11668
    .ta-about-hero-right{
        max-width:100% !important;
    }

}


/* ABOUT HERO — composition lock */
body.page-id-11668 .ta-about-editorial-hero{
    min-height:520px !important;
    padding:185px 7% 65px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-end !important;
    gap:9vw !important;
}

body.page-id-11668 .ta-about-hero-left{
    flex:1 1 62% !important;
}

body.page-id-11668 .ta-about-hero-right{
    flex:0 1 38% !important;
    max-width:440px !important;
    margin-left:auto !important;
}

/* Force reference colour hierarchy */
body.page-id-11668 .ta-about-main-title .elementor-heading-title{
    color:#fff !important;
}

body.page-id-11668 .ta-about-eyebrow .elementor-heading-title{
    color:#9DCB3B !important;
}

body.page-id-11668 .ta-about-intro-copy,
body.page-id-11668 .ta-about-intro-copy p{
    color:#d6d6d6 !important;
}

/* Kill orange theme button once and for all */
body.page-id-11668 .ta-about-project-link a.elementor-button,
body.page-id-11668 .ta-about-project-link .elementor-button{
    background:#101112 !important;
    background-color:#101112 !important;
    color:#fff !important;
    box-shadow:none !important;
    border-radius:0 !important;
    border:0 !important;
    border-bottom:1px solid #666 !important;
    padding:13px 0 !important;
}

body.page-id-11668 .ta-about-editorial-hero::after{
    bottom:172px !important;
}

@media(max-width:767px){
    body.page-id-11668 .ta-about-editorial-hero{
        min-height:auto !important;
        padding:140px 24px 55px !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:50px !important;
    }

    body.page-id-11668 .ta-about-hero-right{
        max-width:none !important;
        margin-left:0 !important;
    }
}


/* ==========================================================
   ABOUT HERO — FINAL CONTENT ARRANGEMENT
   ========================================================== */

/* Remove eyebrow completely */
body.page-id-11668 .ta-about-eyebrow{
    display:none !important;
}

/* Hero becomes one composition */
body.page-id-11668 .ta-about-editorial-hero{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(260px,360px) !important;
    grid-template-rows:auto auto !important;
    column-gap:90px !important;
    row-gap:42px !important;

    align-items:end !important;

    min-height:620px !important;
    padding:185px 7% 70px !important;
}

/*
 * Elementor's two containers participate in the same grid
 * so title, paragraph and CTA can be positioned independently.
 */
body.page-id-11668 .ta-about-hero-left,
body.page-id-11668 .ta-about-hero-right{
    display:contents !important;
}

/* Large headline spans full available width */
body.page-id-11668 .ta-about-main-title{
    grid-column:1 / -1 !important;
    grid-row:1 !important;

    max-width:1100px !important;
    margin:0 !important;
}

/* Supporting copy — lower left */
body.page-id-11668 .ta-about-intro-copy{
    grid-column:1 !important;
    grid-row:2 !important;

    width:100% !important;
    max-width:470px !important;

    margin:0 !important;
    padding-top:20px !important;

    border-top:1px solid rgba(255,255,255,.20);
}

/* CTA — lower right */
body.page-id-11668 .ta-about-project-link{
    grid-column:2 !important;
    grid-row:2 !important;

    width:100% !important;
    margin:0 !important;
    padding-top:20px !important;

    border-top:1px solid rgba(255,255,255,.20);
}

/* Remove previous hero-generated divider */
body.page-id-11668 .ta-about-editorial-hero::after{
    content:none !important;
    display:none !important;
}

/* Paragraph */
body.page-id-11668 .ta-about-intro-copy p{
    margin:0 !important;

    color:rgba(255,255,255,.72) !important;

    font-size:15px !important;
    line-height:1.6 !important;
}

/* CTA line */
body.page-id-11668
.ta-about-project-link .elementor-button{
    width:100% !important;

    padding:0 0 12px !important;

    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;

    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.35) !important;

    color:#fff !important;

    font-size:14px !important;
    font-weight:400 !important;
}

/* Arrow */
body.page-id-11668
.ta-about-project-link .elementor-button::after{
    content:"→" !important;
    display:block !important;

    margin-left:auto !important;

    color:#9DCB3B !important;
    font-size:20px !important;

    transition:transform .25s ease;
}

body.page-id-11668
.ta-about-project-link .elementor-button:hover::after{
    transform:translateX(6px);
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-editorial-hero{
        display:flex !important;
        flex-direction:column !important;

        min-height:auto !important;

        padding:145px 24px 55px !important;

        gap:35px !important;
    }

    body.page-id-11668 .ta-about-hero-left,
    body.page-id-11668 .ta-about-hero-right{
        display:contents !important;
    }

    body.page-id-11668 .ta-about-main-title{
        order:1;
    }

    body.page-id-11668 .ta-about-intro-copy{
        order:2;
        max-width:none !important;
    }

    body.page-id-11668 .ta-about-project-link{
        order:3;
    }
}


/* =========================================================
   ABOUT HERO — CLEAN TWO-COLUMN FINAL STRUCTURE
   ========================================================= */

body.page-id-11668 .ta-about-editorial-hero{
    min-height:620px !important;

    padding:190px 7% 70px !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:flex-end !important;
    justify-content:space-between !important;

    gap:8vw !important;

    background:#101112 !important;
}

/* IMPORTANT: undo previous display:contents */
body.page-id-11668 .ta-about-hero-left,
body.page-id-11668 .ta-about-hero-right{
    display:flex !important;
    position:relative !important;

    opacity:1 !important;
    background:transparent !important;
}

/* LEFT */
body.page-id-11668 .ta-about-hero-left{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:1050px !important;

    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
}

/* RIGHT */
body.page-id-11668 .ta-about-hero-right{
    flex:0 0 330px !important;
    width:330px !important;

    flex-direction:column !important;
    justify-content:flex-end !important;

    margin:0 !important;
    padding:0 0 3px !important;
}

/* HEADLINE */
body.page-id-11668 .ta-about-main-title{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

body.page-id-11668
.ta-about-main-title .elementor-heading-title{
    color:#fff !important;

    font-size:clamp(76px,7.2vw,128px) !important;
    line-height:.88 !important;

    font-weight:500 !important;
    letter-spacing:-.055em !important;

    margin:0 !important;
}

/* COPY BELOW HEADLINE */
body.page-id-11668 .ta-about-intro-copy{
    width:100% !important;
    max-width:500px !important;

    margin-top:48px !important;
    padding-top:20px !important;

    border-top:1px solid rgba(255,255,255,.20) !important;
}

body.page-id-11668 .ta-about-intro-copy p{
    color:rgba(255,255,255,.72) !important;

    font-size:15px !important;
    line-height:1.65 !important;

    margin:0 !important;
}

/* CTA RIGHT */
body.page-id-11668 .ta-about-project-link{
    width:100% !important;

    margin:0 !important;
    padding-top:20px !important;

    border-top:1px solid rgba(255,255,255,.20) !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button-wrapper{
    width:100% !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button{
    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:0 0 12px !important;

    background:transparent !important;
    background-color:transparent !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.35) !important;
    border-radius:0 !important;

    box-shadow:none !important;

    color:#fff !important;

    font-size:14px !important;
    font-weight:400 !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button::after{
    content:"→" !important;

    display:block !important;

    margin-left:auto !important;

    color:#9DCB3B !important;
    font-size:20px !important;
}

/* Remove obsolete divider */
body.page-id-11668
.ta-about-editorial-hero::after{
    content:none !important;
    display:none !important;
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-editorial-hero{
        min-height:auto !important;

        padding:145px 24px 55px !important;

        flex-direction:column !important;
        align-items:stretch !important;

        gap:42px !important;
    }

    body.page-id-11668 .ta-about-hero-left,
    body.page-id-11668 .ta-about-hero-right{
        width:100% !important;
        max-width:none !important;
        flex:0 0 auto !important;
    }

    body.page-id-11668
    .ta-about-main-title .elementor-heading-title{
        font-size:clamp(56px,16vw,78px) !important;
    }

    body.page-id-11668 .ta-about-intro-copy{
        margin-top:35px !important;
    }
}


/* =========================================================
   ABOUT HERO — LOWER ROW / DIVIDER FIX
   ========================================================= */

/* LEFT column should not consume the CTA's territory */
body.page-id-11668 .ta-about-hero-left{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
}

/* Give the headline proper breathing room */
body.page-id-11668 .ta-about-main-title{
    margin:0 0 42px !important;
}

/*
 * Paragraph carries the long divider.
 * The divider visually separates headline from lower content.
 */
body.page-id-11668 .ta-about-intro-copy{
    position:relative !important;

    width:100% !important;
    max-width:560px !important;

    margin:0 !important;
    padding:28px 0 0 !important;

    border:0 !important;
}

/* Long divider across hero, starting at left */
body.page-id-11668 .ta-about-intro-copy::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:calc(100vw - 14vw) !important;
    height:1px !important;

    background:rgba(255,255,255,.22) !important;

    pointer-events:none;
}

/* Keep paragraph compact */
body.page-id-11668 .ta-about-intro-copy p{
    max-width:500px !important;

    margin:0 !important;

    color:rgba(255,255,255,.72) !important;

    font-size:15px !important;
    line-height:1.65 !important;
}

/*
 * RIGHT CTA aligns with paragraph,
 * rather than being pushed underneath it.
 */
body.page-id-11668 .ta-about-hero-right{
    flex:0 0 330px !important;
    width:330px !important;

    align-self:flex-end !important;

    margin:0 !important;
    padding:0 0 1px !important;
}

body.page-id-11668 .ta-about-project-link{
    width:100% !important;

    margin:0 !important;
    padding:28px 0 0 !important;

    border:0 !important;
}

/* Override Mouno orange button */
body.page-id-11668
.ta-about-project-link .elementor-button-wrapper{
    width:100% !important;
}

body.page-id-11668
.ta-about-project-link a.elementor-button,
body.page-id-11668
.ta-about-project-link .elementor-button{
    width:100% !important;
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:0 0 12px !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    color:#fff !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.38) !important;
    border-radius:0 !important;

    box-shadow:none !important;
    text-shadow:none !important;

    font-size:14px !important;
    font-weight:400 !important;
}

/* Arrow */
body.page-id-11668
.ta-about-project-link .elementor-button::after{
    content:"→" !important;

    display:inline-block !important;

    color:#9DCB3B !important;
    font-size:20px !important;
    font-weight:300 !important;

    margin-left:30px !important;

    transition:transform .25s ease;
}

body.page-id-11668
.ta-about-project-link .elementor-button:hover{
    background:transparent !important;
    color:#9DCB3B !important;
}

body.page-id-11668
.ta-about-project-link .elementor-button:hover::after{
    transform:translateX(6px);
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-main-title{
        margin-bottom:32px !important;
    }

    body.page-id-11668 .ta-about-intro-copy{
        max-width:none !important;
        padding-top:24px !important;
    }

    body.page-id-11668 .ta-about-intro-copy::before{
        width:100% !important;
    }

    body.page-id-11668 .ta-about-intro-copy p{
        max-width:none !important;
    }

    body.page-id-11668 .ta-about-hero-right{
        width:100% !important;
        flex:0 0 auto !important;
    }

    body.page-id-11668 .ta-about-project-link{
        padding-top:0 !important;
    }
}


/* =========================================================
   TREEAGAMA ABOUT — CLEAN FINAL HERO
   ========================================================= */

body.page-id-11668 .ta-about-final-hero{
    background:#101112 !important;
    background-image:none !important;

    min-height:620px !important;

    padding:190px 7% 70px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;

    overflow:hidden;
}

/* TITLE */
body.page-id-11668 .ta-final-about-title{
    width:100% !important;
    max-width:1120px !important;
    margin:0 !important;
}

body.page-id-11668
.ta-final-about-title .elementor-heading-title{
    margin:0 !important;

    color:#fff !important;

    font-family:Montserrat,sans-serif !important;
    font-size:clamp(76px,7.2vw,128px) !important;
    font-weight:500 !important;

    line-height:.88 !important;
    letter-spacing:-.055em !important;
}

/* DIVIDER */
body.page-id-11668 .ta-final-about-divider{
    width:100% !important;

    margin:48px 0 27px !important;
    padding:0 !important;
}

body.page-id-11668
.ta-final-about-divider .elementor-divider{
    padding:0 !important;
}

body.page-id-11668
.ta-final-about-divider .elementor-divider-separator{
    width:100% !important;

    border-top:1px solid rgba(255,255,255,.22) !important;
}

/* LOWER ROW */
body.page-id-11668 .ta-final-about-lower{
    width:100% !important;

    display:grid !important;
    grid-template-columns:minmax(0,520px) 330px !important;
    justify-content:space-between !important;
    align-items:start !important;

    gap:80px !important;
}

/* COPY */
body.page-id-11668 .ta-final-about-copy{
    width:100% !important;
    max-width:520px !important;
}

body.page-id-11668 .ta-final-about-copy,
body.page-id-11668 .ta-final-about-copy p{
    margin:0 !important;

    color:rgba(255,255,255,.72) !important;

    font-family:Inter,sans-serif !important;
    font-size:15px !important;
    font-weight:400 !important;

    line-height:1.65 !important;
}

/* CTA */
body.page-id-11668 .ta-final-about-cta{
    width:330px !important;
    margin:0 !important;
}

body.page-id-11668
.ta-final-about-cta .elementor-button-wrapper{
    width:100% !important;
}

body.page-id-11668
.ta-final-about-cta a.elementor-button{
    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:0 0 12px !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:#fff !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.38) !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-size:14px !important;
    font-weight:400 !important;
}

body.page-id-11668
.ta-final-about-cta a.elementor-button::after{
    content:"→";

    color:#9DCB3B;

    font-size:20px;
    font-weight:300;

    margin-left:auto;

    transition:transform .25s ease;
}

body.page-id-11668
.ta-final-about-cta a.elementor-button:hover{
    color:#9DCB3B !important;
}

body.page-id-11668
.ta-final-about-cta a.elementor-button:hover::after{
    transform:translateX(6px);
}

/* TABLET */
@media(max-width:1024px){

    body.page-id-11668 .ta-about-final-hero{
        padding:170px 6% 65px !important;
    }

    body.page-id-11668 .ta-final-about-lower{
        grid-template-columns:minmax(0,1fr) 280px !important;
        gap:55px !important;
    }

    body.page-id-11668 .ta-final-about-cta{
        width:280px !important;
    }
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-final-hero{
        min-height:auto !important;
        padding:140px 24px 55px !important;
    }

    body.page-id-11668
    .ta-final-about-title .elementor-heading-title{
        font-size:clamp(56px,16vw,78px) !important;
        line-height:.9 !important;
    }

    body.page-id-11668 .ta-final-about-divider{
        margin:34px 0 24px !important;
    }

    body.page-id-11668 .ta-final-about-lower{
        display:flex !important;
        flex-direction:column !important;
        gap:35px !important;
    }

    body.page-id-11668 .ta-final-about-copy,
    body.page-id-11668 .ta-final-about-cta{
        width:100% !important;
        max-width:none !important;
    }
}


/* =========================================================
   ABOUT HERO — COMPACT HEIGHT + CLEAN CTA
   ========================================================= */

body.page-id-11668 .ta-about-final-hero{
    min-height:0 !important;
    height:auto !important;

    padding:
        145px
        7%
        55px !important;

    justify-content:flex-start !important;
}

/* Slightly tighter headline */
body.page-id-11668 .ta-final-about-title{
    max-width:1000px !important;
}

body.page-id-11668
.ta-final-about-title .elementor-heading-title{
    font-size:clamp(70px,6.4vw,112px) !important;
    line-height:.88 !important;
}

/* Controlled space before divider */
body.page-id-11668 .ta-final-about-divider{
    margin:36px 0 24px !important;
}

/* Lower row */
body.page-id-11668 .ta-final-about-lower{
    display:grid !important;

    grid-template-columns:
        minmax(0,520px)
        300px !important;

    justify-content:space-between !important;
    align-items:start !important;

    gap:70px !important;
}

/* Keep paragraph restrained */
body.page-id-11668 .ta-final-about-copy{
    max-width:520px !important;
}

/* HTML CTA */
body.page-id-11668 .ta-final-about-cta{
    width:300px !important;
    max-width:300px !important;

    margin:0 !important;
    padding:0 !important;
}

body.page-id-11668 .ta-about-clean-link{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:2px 0 12px;

    color:#fff !important;
    text-decoration:none !important;

    border-bottom:1px solid rgba(255,255,255,.42);

    font-family:Inter,sans-serif;
    font-size:14px;
    line-height:1.4;
    font-weight:400;

    transition:
        color .25s ease,
        border-color .25s ease;
}

body.page-id-11668 .ta-about-clean-arrow{
    display:inline-block;

    margin-left:30px;

    color:#9DCB3B;

    font-size:20px;
    line-height:1;

    transition:transform .25s ease;
}

body.page-id-11668 .ta-about-clean-link:hover{
    color:#9DCB3B !important;
    border-color:#9DCB3B;
}

body.page-id-11668
.ta-about-clean-link:hover
.ta-about-clean-arrow{
    transform:translateX(6px);
}

/* TABLET */
@media(max-width:1024px){

    body.page-id-11668 .ta-about-final-hero{
        padding:135px 6% 50px !important;
    }

    body.page-id-11668 .ta-final-about-lower{
        grid-template-columns:minmax(0,1fr) 260px !important;
        gap:50px !important;
    }

    body.page-id-11668 .ta-final-about-cta{
        width:260px !important;
        max-width:260px !important;
    }
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-final-hero{
        padding:120px 24px 45px !important;
    }

    body.page-id-11668
    .ta-final-about-title .elementor-heading-title{
        font-size:clamp(54px,15vw,74px) !important;
    }

    body.page-id-11668 .ta-final-about-divider{
        margin:28px 0 22px !important;
    }

    body.page-id-11668 .ta-final-about-lower{
        display:flex !important;
        flex-direction:column !important;
        gap:30px !important;
    }

    body.page-id-11668 .ta-final-about-cta{
        width:100% !important;
        max-width:none !important;
    }
}


/* =========================================================
   ABOUT HERO — FINAL LOWER ROW POSITIONING
   ========================================================= */

/* Compact hero further */
body.page-id-11668 .ta-about-final-hero{
    min-height:0 !important;
    height:auto !important;

    padding:
        125px
        7%
        48px !important;
}

/* Keep title strong but not oversized */
body.page-id-11668
.ta-final-about-title .elementor-heading-title{
    font-size:clamp(68px,6vw,104px) !important;
}

/* Divider spacing */
body.page-id-11668 .ta-final-about-divider{
    margin:30px 0 22px !important;
}

/* FORCE actual two-column lower row */
body.page-id-11668 .ta-final-about-lower{
    width:100% !important;
    max-width:none !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:80px !important;
}

/* LEFT COPY */
body.page-id-11668 .ta-final-about-copy{
    flex:0 1 520px !important;

    width:520px !important;
    max-width:520px !important;

    margin:0 !important;
}

body.page-id-11668 .ta-final-about-copy p{
    margin:0 !important;

    color:rgba(255,255,255,.76) !important;

    font-size:15px !important;
    line-height:1.6 !important;
}

/* RIGHT CTA */
body.page-id-11668 .ta-final-about-cta{
    flex:0 0 300px !important;

    width:300px !important;
    max-width:300px !important;

    margin:0 0 0 auto !important;
    padding:0 !important;

    align-self:flex-start !important;
}

/* Override ALL inherited anchor colours */
body.page-id-11668
.ta-final-about-cta .ta-about-clean-link,
body.page-id-11668
.ta-final-about-cta a.ta-about-clean-link,
body.page-id-11668
.ta-final-about-cta a.ta-about-clean-link:link,
body.page-id-11668
.ta-final-about-cta a.ta-about-clean-link:visited{
    width:100% !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;

    margin:0 !important;
    padding:2px 0 12px !important;

    background:transparent !important;

    color:#FFFFFF !important;
    opacity:1 !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.42) !important;

    font-family:Inter,sans-serif !important;
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:400 !important;

    text-decoration:none !important;
}

/* Ensure nested text can't inherit dark theme colour */
body.page-id-11668
.ta-final-about-cta .ta-about-clean-link span{
    color:#FFFFFF !important;
    opacity:1 !important;
}

/* Green arrow */
body.page-id-11668
.ta-final-about-cta
.ta-about-clean-link
.ta-about-clean-arrow{
    color:#9DCB3B !important;

    font-size:20px !important;
    line-height:1 !important;

    margin-left:30px !important;
}

/* Interaction */
body.page-id-11668
.ta-final-about-cta
.ta-about-clean-link:hover span:first-child{
    color:#9DCB3B !important;
}

body.page-id-11668
.ta-final-about-cta
.ta-about-clean-link:hover
.ta-about-clean-arrow{
    transform:translateX(6px);
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-final-hero{
        padding:110px 24px 42px !important;
    }

    body.page-id-11668 .ta-final-about-lower{
        flex-direction:column !important;
        gap:28px !important;
    }

    body.page-id-11668 .ta-final-about-copy,
    body.page-id-11668 .ta-final-about-cta{
        flex:0 0 auto !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
    }
}


/* =========================================================
   ABOUT HERO — FINAL COPY / CTA SPLIT
   ========================================================= */

/* Lower row */
body.page-id-11668 .ta-final-about-lower{
    display:grid !important;
    grid-template-columns:minmax(0,520px) 300px !important;
    column-gap:80px !important;

    width:100% !important;
    max-width:none !important;

    justify-content:space-between !important;
    align-items:start !important;
}

/* Paragraph stays left */
body.page-id-11668 .ta-final-about-copy{
    grid-column:1 !important;

    width:100% !important;
    max-width:520px !important;

    margin:0 !important;
}

body.page-id-11668 .ta-final-about-copy p{
    width:100% !important;
    max-width:520px !important;

    margin:0 !important;

    font-size:15px !important;
    line-height:1.6 !important;
}

/* CTA widget physically occupies only right column */
body.page-id-11668 .ta-final-about-cta{
    grid-column:2 !important;

    width:300px !important;
    max-width:300px !important;
    min-width:300px !important;

    margin:0 !important;
    padding:0 !important;

    justify-self:end !important;
}

/* CTA link */
body.page-id-11668 .ta-final-about-cta .ta-about-clean-link{
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:300px !important;
    max-width:300px !important;

    margin:0 !important;
    padding:0 0 12px !important;

    color:#fff !important;
    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.4) !important;

    text-decoration:none !important;
}

/* Explicit text */
body.page-id-11668
.ta-final-about-cta
.ta-about-clean-link span:first-child{
    color:#fff !important;
    opacity:1 !important;
}

/* Explicit arrow */
body.page-id-11668
.ta-final-about-cta
.ta-about-clean-arrow{
    margin-left:auto !important;

    color:#9DCB3B !important;
    opacity:1 !important;

    font-size:20px !important;
}

/* Mobile stacks normally */
@media(max-width:767px){

    body.page-id-11668 .ta-final-about-lower{
        display:flex !important;
        flex-direction:column !important;
        gap:28px !important;
    }

    body.page-id-11668 .ta-final-about-copy,
    body.page-id-11668 .ta-final-about-cta,
    body.page-id-11668 .ta-final-about-cta .ta-about-clean-link{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }
}


/* ==========================================================
   TREEAGAMA ABOUT HERO V2
   Fresh Elementor build
   ========================================================== */

body.page-id-11668 .treeagama-about-hero-v2{
    box-sizing:border-box !important;

    width:100% !important;
    min-height:0 !important;
    height:auto !important;

    padding:125px 7% 55px !important;

    display:flex !important;
    flex-direction:column !important;

    background:#101112 !important;
    background-image:none !important;

    overflow:hidden !important;
}

/* HEADLINE */

body.page-id-11668 .treeagama-about-title-v2{
    width:100% !important;
    max-width:1050px !important;

    margin:0 !important;
}

body.page-id-11668
.treeagama-about-title-v2
.elementor-heading-title{

    margin:0 !important;

    color:#fff !important;

    font-family:Montserrat,sans-serif !important;

    font-size:clamp(68px,6vw,104px) !important;
    font-weight:500 !important;

    line-height:.88 !important;
    letter-spacing:-.045em !important;
}


/* DIVIDER */

body.page-id-11668 .treeagama-about-divider-v2{
    width:100% !important;

    margin:32px 0 24px !important;
    padding:0 !important;
}

body.page-id-11668
.treeagama-about-divider-v2
.elementor-divider{
    padding:0 !important;
}

body.page-id-11668
.treeagama-about-divider-v2
.elementor-divider-separator{
    width:100% !important;

    border-top:
        1px solid rgba(255,255,255,.22) !important;
}


/* LOWER ROW */

body.page-id-11668 .treeagama-about-bottom-v2{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,520px)
        300px !important;

    justify-content:space-between !important;
    align-items:start !important;

    column-gap:80px !important;
}


/* COPY */

body.page-id-11668 .treeagama-about-copy-v2{
    width:100% !important;
    max-width:520px !important;

    margin:0 !important;
}

body.page-id-11668 .treeagama-about-copy-v2 p{
    margin:0 !important;

    color:rgba(255,255,255,.76) !important;

    font-family:Inter,sans-serif !important;

    font-size:15px !important;
    line-height:1.65 !important;
}


/* CTA */

body.page-id-11668 .treeagama-about-cta-v2{
    width:300px !important;
    max-width:300px !important;

    justify-self:end !important;

    margin:0 !important;
}

body.page-id-11668 .treeagama-about-link-v2{

    box-sizing:border-box !important;

    width:100% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    padding:2px 0 12px !important;

    color:#fff !important;
    background:transparent !important;

    border-bottom:
        1px solid rgba(255,255,255,.42) !important;

    text-decoration:none !important;

    font-family:Inter,sans-serif !important;

    font-size:14px !important;
    font-weight:400 !important;
}

body.page-id-11668
.treeagama-about-link-v2 span:first-child{
    color:#fff !important;
}

body.page-id-11668 .treeagama-about-arrow-v2{
    color:#9DCB3B !important;

    font-size:20px !important;
    line-height:1 !important;

    margin-left:30px !important;

    transition:transform .25s ease;
}

body.page-id-11668
.treeagama-about-link-v2:hover
.treeagama-about-arrow-v2{
    transform:translateX(6px);
}


/* TABLET */

@media(max-width:1024px){

    body.page-id-11668 .treeagama-about-hero-v2{
        padding:115px 6% 50px !important;
    }

    body.page-id-11668 .treeagama-about-bottom-v2{
        grid-template-columns:
            minmax(0,1fr)
            260px !important;

        column-gap:50px !important;
    }

    body.page-id-11668 .treeagama-about-cta-v2{
        width:260px !important;
        max-width:260px !important;
    }
}


/* MOBILE */

@media(max-width:767px){

    body.page-id-11668 .treeagama-about-hero-v2{
        padding:100px 24px 42px !important;
    }

    body.page-id-11668
    .treeagama-about-title-v2
    .elementor-heading-title{

        font-size:clamp(54px,15vw,74px) !important;
        line-height:.9 !important;
    }

    body.page-id-11668 .treeagama-about-divider-v2{
        margin:28px 0 22px !important;
    }

    body.page-id-11668 .treeagama-about-bottom-v2{
        display:flex !important;
        flex-direction:column !important;

        gap:28px !important;
    }

    body.page-id-11668 .treeagama-about-copy-v2,
    body.page-id-11668 .treeagama-about-cta-v2{
        width:100% !important;
        max-width:none !important;
    }
}


/* =========================================================
   TREEAGAMA ABOUT — SEAMLESS EDITORIAL FLOW
   Hero deliberately excluded
   ========================================================= */

/* Remove artificial gap after hero */
body.page-id-11668 .ta-about-remove-spacer{
    display:none !important;
}

/* Shared canvas */
body.page-id-11668 .ta-about-story-flow,
body.page-id-11668 .ta-about-recognition-flow,
body.page-id-11668 .ta-about-process-flow,
body.page-id-11668 .ta-about-brands-flow{
    background:#fff !important;
    background-image:none !important;
}

/* STORY
   Let the hero fall directly into the story rather than another "panel". */
body.page-id-11668 .ta-about-story-flow{
    padding:100px 7% 70px !important;
    margin:0 !important;
}

body.page-id-11668 .ta-about-story-inner{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:clamp(40px,5vw,72px) !important;
    align-items:center !important;
}

body.page-id-11668 .ta-about-story-visual,
body.page-id-11668 .ta-about-story-copy{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* Keep the image editorial rather than card-like */
body.page-id-11668 .ta-about-story-visual img{
    width:100% !important;
    height:auto !important;
    display:block !important;
}

/* Give story copy breathing room */
body.page-id-11668 .ta-about-story-copy{
    background:transparent !important;
}

body.page-id-11668 .ta-about-story-copy h1,
body.page-id-11668 .ta-about-story-copy h2,
body.page-id-11668 .ta-about-story-copy h3{
    letter-spacing:-.035em;
}

/* PROOF POINTS
   No three floating coloured cards. */
body.page-id-11668 .ta-about-proof-row{
    width:100% !important;
    max-width:1280px !important;

    margin:70px auto 0 !important;
    padding:35px 0 0 !important;

    border-top:1px solid #dedede !important;

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
}

/* Neutralise the old inline card shells */
body.page-id-11668 .ta-about-proof-row > div{
    min-width:0 !important;
}

body.page-id-11668 .ta-about-proof-row > div + div{
    border-left:1px solid #dedede !important;
}

/* Inline HTML created the coloured cards.
   Strip the outer card treatment without destroying its content. */
body.page-id-11668 .ta-about-proof-row .elementor-widget-html > .elementor-widget-container > div{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    padding:22px 34px !important;
}

/* PROCESS */
body.page-id-11668 .ta-about-process-flow{
    width:86% !important;
    max-width:1280px !important;

    margin:0 auto !important;
    padding:105px 0 !important;

    border-top:1px solid #dedede !important;
}

/* Remove inherited outer spacing that made it another block */
body.page-id-11668 .ta-about-process-flow > .e-con-inner,
body.page-id-11668 .ta-about-process-flow > .elementor-element{
    margin-top:0 !important;
}

/* BRANDS — quiet closing movement */
body.page-id-11668 .ta-about-brands-flow{
    width:86% !important;
    max-width:1280px !important;

    margin:0 auto !important;
    padding:90px 0 110px !important;

    border-top:1px solid #dedede !important;
}

body.page-id-11668 .ta-about-brands-flow .elementor-section{
    background:transparent !important;
}

/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-about-story-flow{
        padding:70px 24px 50px !important;
    }

    body.page-id-11668 .ta-about-story-inner{
        display:flex !important;
        flex-direction:column !important;
        gap:45px !important;
    }

    body.page-id-11668 .ta-about-proof-row{
        display:flex !important;
        flex-direction:column !important;

        margin-top:50px !important;
    }

    body.page-id-11668 .ta-about-proof-row > div + div{
        border-left:0 !important;
        border-top:1px solid #dedede !important;
    }

    body.page-id-11668 .ta-about-proof-row .elementor-widget-html > .elementor-widget-container > div{
        padding:25px 0 !important;
    }

    body.page-id-11668 .ta-about-recognition-flow,
    body.page-id-11668 .ta-about-process-flow,
    body.page-id-11668 .ta-about-brands-flow{
        width:auto !important;
        margin:0 24px !important;
        padding:70px 0 !important;
    }
}


/* INTRO */

body.page-id-11668 .ta-awards-heading{
    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(280px,.65fr);

    column-gap:100px;

    align-items:end;

    margin-bottom:70px;
}

body.page-id-11668 .ta-awards-kicker{
    grid-column:1 / -1;

    margin-bottom:22px;

    color:#B51BAD;

    font-size:12px;
    font-weight:700;

    letter-spacing:.18em;
}

body.page-id-11668 .ta-awards-heading h2{
    margin:0;

    color:#111;

    font-size:clamp(44px,5vw,72px);
    font-weight:500;

    line-height:.96;
    letter-spacing:-.045em;
}

body.page-id-11668 .ta-awards-heading h2 span{
    color:#B51BAD;
}

body.page-id-11668 .ta-awards-heading > p{
    max-width:430px;

    margin:0 0 4px;

    color:#696969;

    font-size:15px;
    line-height:1.7;
}


/* COMMON AWARD */

body.page-id-11668 .ta-award{
    position:relative;
}

body.page-id-11668 .ta-award-image{
    background:#f7f7f5;

    overflow:hidden;
}

body.page-id-11668 .ta-award-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
}

body.page-id-11668 .ta-award-info{
    position:relative;

    padding-top:24px;

    border-top:1px solid #cfcfcf;
}

body.page-id-11668 .ta-award-number{
    position:absolute;

    right:0;
    top:20px;

    color:#9DCB3B;

    font-size:13px;
    font-weight:700;

    letter-spacing:.12em;
}

body.page-id-11668 .ta-award-year{
    margin-bottom:13px;

    color:#777;

    font-size:11px;
    font-weight:700;

    letter-spacing:.16em;
}

body.page-id-11668 .ta-award-info h3{
    max-width:85%;

    margin:0 0 8px;

    color:#111;

    font-size:24px;
    font-weight:600;

    line-height:1.15;
    letter-spacing:-.025em;
}

body.page-id-11668 .ta-award-name{
    margin:0 0 4px;

    color:#333;

    font-size:15px;
    font-weight:500;

    line-height:1.5;
}

body.page-id-11668 .ta-award-result{
    margin:0;

    color:#777;

    font-size:13px;
    line-height:1.55;
}


/* FEATURED — KAYANA */

body.page-id-11668 .ta-award-featured{
    display:grid;

    grid-template-columns:
        minmax(360px,.92fr)
        minmax(360px,1.08fr);

    gap:80px;

    align-items:end;

    padding-bottom:85px;
}

body.page-id-11668 .ta-award-featured .ta-award-image{
    height:570px;
}

body.page-id-11668 .ta-award-featured .ta-award-info{
    padding-bottom:35px;
}

body.page-id-11668 .ta-award-featured .ta-award-info h3{
    max-width:620px;

    font-size:clamp(34px,3.2vw,50px);
}


/* SECONDARY AWARDS */

body.page-id-11668 .ta-awards-secondary{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    padding-top:70px;

    border-top:1px solid #dedede;
}

body.page-id-11668 .ta-awards-secondary .ta-award-image{
    height:390px;

    margin-bottom:25px;
}

body.page-id-11668 .ta-award-image-crystal img{
    object-fit:contain;
}

body.page-id-11668 .ta-award-image-africa img{
    object-fit:contain;
}/* MOBILE */

@media(max-width:767px),
/* MOBILE */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-editorial{
        width:auto !important;

        margin:0 24px !important;
        padding:70px 0 !important;
    }

    body.page-id-11668 .ta-awards-heading{
        display:block;

        margin-bottom:50px;
    }

    body.page-id-11668 .ta-awards-heading h2{
        font-size:46px;
    }

    body.page-id-11668 .ta-awards-heading > p{
        margin-top:25px;
    }

    body.page-id-11668 .ta-award-featured{
        display:block;

        padding-bottom:55px;
    }

    body.page-id-11668 .ta-award-featured .ta-award-image{
        height:430px;

        margin-bottom:25px;
    }

    body.page-id-11668 .ta-awards-secondary{
        display:block;

        padding-top:50px;
    }

    body.page-id-11668 .ta-awards-secondary .ta-award{
        margin-bottom:55px;
    }

    body.page-id-11668 .ta-awards-secondary .ta-award-image{
        height:330px;
    }
}


/* FEATURED KAYANA AWARD */

body.page-id-11668 .ta-award-featured{
    grid-template-columns:380px minmax(0,1fr) !important;
    gap:65px !important;

    align-items:center !important;

    padding-bottom:50px !important;
}

body.page-id-11668 .ta-award-featured .ta-award-image{
    height:390px !important;
}

body.page-id-11668 .ta-award-featured .ta-award-image img{
    max-width:100% !important;
    object-fit:contain !important;
}

body.page-id-11668 .ta-award-featured .ta-award-info{
    padding-bottom:0 !important;
}

body.page-id-11668 .ta-award-featured .ta-award-info h3{
    font-size:clamp(30px,2.7vw,42px) !important;
    max-width:520px !important;
}


/* SECONDARY AWARDS */

body.page-id-11668 .ta-awards-secondary{
    gap:45px !important;
    padding-top:50px !important;
}

body.page-id-11668 .ta-awards-secondary .ta-award-image{
    height:285px !important;
    margin-bottom:18px !important;
}

body.page-id-11668 .ta-award-info{
    padding-top:18px !important;
}

body.page-id-11668 .ta-award-number{
    top:17px !important;
}

body.page-id-11668 .ta-award-year{
    margin-bottom:9px !important;
}

body.page-id-11668 .ta-award-info h3{
    font-size:21px !important;
    margin-bottom:6px !important;
}

body.page-id-11668 .ta-award-name{
    font-size:14px !important;
}

body.page-id-11668 .ta-award-result{
    font-size:12px !important;
}/* MOBILE */

@media(max-width:767px),
/* MOBILE */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-editorial{
        padding:55px 0 60px !important;
    }

    body.page-id-11668 .ta-awards-heading{
        margin-bottom:35px !important;
    }

    body.page-id-11668 .ta-awards-heading h2{
        font-size:40px !important;
    }

    body.page-id-11668 .ta-award-featured{
        padding-bottom:40px !important;
    }

    body.page-id-11668 .ta-award-featured .ta-award-image{
        height:320px !important;
        margin-bottom:20px !important;
    }

    body.page-id-11668 .ta-awards-secondary{
        padding-top:40px !important;
    }

    body.page-id-11668 .ta-awards-secondary .ta-award-image{
        height:240px !important;
    }
}


/* HEADER — much tighter */
body.page-id-11668 .ta-awards-heading{
    grid-template-columns:minmax(0,1fr) 340px !important;
    column-gap:70px !important;
    margin-bottom:35px !important;
}

body.page-id-11668 .ta-awards-kicker{
    margin-bottom:12px !important;
    font-size:10px !important;
}

body.page-id-11668 .ta-awards-heading h2{
    font-size:clamp(36px,3.5vw,50px) !important;
    line-height:.98 !important;
}

body.page-id-11668 .ta-awards-heading > p{
    max-width:340px !important;
    font-size:13px !important;
    line-height:1.55 !important;
}


/* ALL IMAGE AREAS — PURE WHITE + FAINT OUTLINE */

body.page-id-11668 .ta-award-image,
body.page-id-11668 .ta-award-image-crystal,
body.page-id-11668 .ta-award-image-africa{
    background:#fff !important;

    border:1px solid rgba(17,17,17,.09) !important;
    border-radius:0 !important;

    box-shadow:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;
}

body.page-id-11668 .ta-award-image img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:contain !important;

    background:#fff !important;
}


/* FEATURED KAYANA — COMPACT HORIZONTAL FEATURE */

body.page-id-11668 .ta-award-featured{
    grid-template-columns:310px minmax(0,1fr) !important;

    gap:50px !important;

    align-items:center !important;

    padding-bottom:38px !important;
}

body.page-id-11668 .ta-award-featured .ta-award-image{
    width:310px !important;
    height:260px !important;

    padding:10px !important;
}

body.page-id-11668 .ta-award-featured .ta-award-image img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
}

body.page-id-11668 .ta-award-featured .ta-award-info{
    padding:16px 0 0 !important;
}

body.page-id-11668 .ta-award-featured .ta-award-info h3{
    max-width:560px !important;

    font-size:34px !important;
    line-height:1.08 !important;

    margin-bottom:7px !important;
}


/* SECOND ROW */

body.page-id-11668 .ta-awards-secondary{
    grid-template-columns:1fr 1fr !important;

    gap:35px !important;

    padding-top:38px !important;
}

body.page-id-11668 .ta-awards-secondary .ta-award-image{
    width:100% !important;
    height:190px !important;

    margin-bottom:14px !important;

    padding:8px !important;
}


/* Award typography */

body.page-id-11668 .ta-award-info{
    padding-top:13px !important;
}

body.page-id-11668 .ta-award-number{
    top:12px !important;

    font-size:10px !important;
}

body.page-id-11668 .ta-award-year{
    margin-bottom:7px !important;

    font-size:9px !important;
}

body.page-id-11668 .ta-award-info h3{
    margin-bottom:4px !important;

    font-size:18px !important;
    line-height:1.2 !important;
}

body.page-id-11668 .ta-award-name{
    margin-bottom:2px !important;

    font-size:12px !important;
}

body.page-id-11668 .ta-award-result{
    font-size:11px !important;
}/* MOBILE */

@media(max-width:767px),
/* MOBILE */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-editorial{
        width:auto !important;

        margin:0 24px !important;
        padding:45px 0 50px !important;
    }

    body.page-id-11668 .ta-awards-heading{
        display:block !important;

        margin-bottom:30px !important;
    }

    body.page-id-11668 .ta-awards-heading h2{
        font-size:38px !important;
    }

    body.page-id-11668 .ta-awards-heading > p{
        margin-top:18px !important;
    }

    body.page-id-11668 .ta-award-featured{
        display:grid !important;

        grid-template-columns:140px minmax(0,1fr) !important;

        gap:20px !important;

        padding-bottom:30px !important;
    }

    body.page-id-11668 .ta-award-featured .ta-award-image{
        width:140px !important;
        height:170px !important;
    }

    body.page-id-11668 .ta-award-featured .ta-award-info h3{
        font-size:24px !important;
    }

    body.page-id-11668 .ta-awards-secondary{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;

        gap:16px !important;

        padding-top:30px !important;
    }

    body.page-id-11668 .ta-awards-secondary .ta-award{
        margin:0 !important;
    }

    body.page-id-11668 .ta-awards-secondary .ta-award-image{
        height:140px !important;
    }

    body.page-id-11668 .ta-awards-secondary .ta-award-info h3{
        font-size:15px !important;
    }
}/* TOP — INTRO LEFT / KAYANA RIGHT */

body.page-id-11668 .ta-recognition-v3-top,
/* TOP — INTRO LEFT / KAYANA RIGHT */

body.page-id-44 .ta-recognition-v3-top{
    display:grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(500px,1.22fr);

    gap:75px;

    align-items:stretch;

    margin-bottom:28px;
}/* INTRO */

body.page-id-11668 .ta-recognition-v3-intro,
/* INTRO */

body.page-id-44 .ta-recognition-v3-intro{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-right:25px;
}body.page-id-11668 .ta-recognition-v3-kicker,
body.page-id-44 .ta-recognition-v3-kicker{
    margin-bottom:15px;

    color:#B51BAD;

    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
}body.page-id-11668 .ta-recognition-v3-intro h2,
body.page-id-44 .ta-recognition-v3-intro h2{
    max-width:500px;

    margin:0 0 22px;

    color:#111;

    font-size:clamp(38px,3.5vw,54px);
    font-weight:500;

    line-height:.98;
    letter-spacing:-.04em;
}body.page-id-11668 .ta-recognition-v3-intro h2 span,
body.page-id-44 .ta-recognition-v3-intro h2 span{
    color:#B51BAD;
}body.page-id-11668 .ta-recognition-v3-intro > p,
body.page-id-44 .ta-recognition-v3-intro > p{
    max-width:440px;

    margin:0;

    color:#696969;

    font-size:13px;
    line-height:1.65;
}/* AWARD OBJECT */

body.page-id-11668 .ta-recognition-v3-award,
/* AWARD OBJECT */

body.page-id-44 .ta-recognition-v3-award{
    box-sizing:border-box;

    display:grid;

    grid-template-columns:190px minmax(0,1fr);

    min-height:220px;

    background:#fff;

    border:1px solid #e3e3e3;

    overflow:hidden;
}/* IMAGE SIDE */

body.page-id-11668 .ta-recognition-v3-image,
/* IMAGE SIDE */

body.page-id-44 .ta-recognition-v3-image{
    box-sizing:border-box;

    min-width:0;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px;

    background:#fff;

    border-right:1px solid #ededed;
}body.page-id-11668 .ta-recognition-v3-image img,
body.page-id-44 .ta-recognition-v3-image img{
    display:block;

    width:100%;
    height:180px;

    object-fit:contain;

    background:#fff;
}/* CONTENT SIDE */

body.page-id-11668 .ta-recognition-v3-content,
/* CONTENT SIDE */

body.page-id-44 .ta-recognition-v3-content{
    min-width:0;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:28px 30px;
}body.page-id-11668 .ta-recognition-v3-meta,
body.page-id-44 .ta-recognition-v3-meta{
    display:flex;
    justify-content:space-between;

    margin-bottom:20px;

    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;

    color:#777;
}body.page-id-11668
.ta-recognition-v3-meta span:last-child,
body.page-id-44
.ta-recognition-v3-meta span:last-child{
    color:#9DCB3B;
}body.page-id-11668 .ta-recognition-v3-content h3,
body.page-id-44 .ta-recognition-v3-content h3{
    margin:0 0 10px;

    color:#111;

    font-size:23px;
    font-weight:600;

    line-height:1.1;
    letter-spacing:-.025em;
}body.page-id-11668 .ta-recognition-v3-content strong,
body.page-id-44 .ta-recognition-v3-content strong{
    display:block;

    margin:0 0 5px;

    color:#252525;

    font-size:12px;
    font-weight:600;

    line-height:1.45;
}body.page-id-11668 .ta-recognition-v3-content p,
body.page-id-44 .ta-recognition-v3-content p{
    margin:0;

    color:#777;

    font-size:11px;
    line-height:1.5;
}/* KAYANA FEATURE */

body.page-id-11668 .ta-recognition-v3-lead,
/* KAYANA FEATURE */

body.page-id-44 .ta-recognition-v3-lead{
    grid-template-columns:210px minmax(0,1fr);
}body.page-id-11668
.ta-recognition-v3-lead
.ta-recognition-v3-image img,
body.page-id-44
.ta-recognition-v3-lead
.ta-recognition-v3-image img{
    height:210px;
}body.page-id-11668
.ta-recognition-v3-lead
.ta-recognition-v3-content h3,
body.page-id-44
.ta-recognition-v3-lead
.ta-recognition-v3-content h3{
    font-size:27px;
}/* SECOND ROW */

body.page-id-11668 .ta-recognition-v3-grid,
/* SECOND ROW */

body.page-id-44 .ta-recognition-v3-grid{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:28px;
}body.page-id-11668
.ta-recognition-v3-grid
.ta-recognition-v3-award,
body.page-id-44
.ta-recognition-v3-grid
.ta-recognition-v3-award{
    grid-template-columns:175px minmax(0,1fr);
    min-height:205px;
}body.page-id-11668
.ta-recognition-v3-grid
.ta-recognition-v3-image img,
body.page-id-44
.ta-recognition-v3-grid
.ta-recognition-v3-image img{
    height:165px;
}/* SUBTLE HOVER — NOT CARD-LIKE */

body.page-id-11668 .ta-recognition-v3-award,
/* SUBTLE HOVER — NOT CARD-LIKE */

body.page-id-44 .ta-recognition-v3-award{
    transition:border-color .25s ease;
}body.page-id-11668 .ta-recognition-v3-award:hover,
body.page-id-44 .ta-recognition-v3-award:hover{
    border-color:#c9c9c9;
}/* TABLET */

@media(max-width:1024px),
/* TABLET */

@media(max-width:1024px){

    body.page-id-11668 .ta-recognition-v3-top{
        grid-template-columns:1fr;
        gap:35px;
    }body.page-id-11668 .ta-recognition-v3-grid,
body.page-id-44 .ta-recognition-v3-grid{
        grid-template-columns:1fr;
    }
}/* MOBILE */

@media(max-width:767px),
/* MOBILE */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-editorial{
        width:auto !important;

        margin:0 24px !important;
        padding:50px 0 55px !important;
    }body.page-id-11668 .ta-recognition-v3-top,
body.page-id-44 .ta-recognition-v3-top{
        display:block;
        margin-bottom:18px;
    }body.page-id-11668 .ta-recognition-v3-intro,
body.page-id-44 .ta-recognition-v3-intro{
        padding:0 0 35px;
    }body.page-id-11668 .ta-recognition-v3-intro h2,
body.page-id-44 .ta-recognition-v3-intro h2{
        font-size:40px;
    }body.page-id-11668 .ta-recognition-v3-award,
body.page-id-11668 .ta-recognition-v3-lead,
body.page-id-11668
    .ta-recognition-v3-grid
    .ta-recognition-v3-award,
body.page-id-44 .ta-recognition-v3-award,
body.page-id-44 .ta-recognition-v3-lead,
body.page-id-44
    .ta-recognition-v3-grid
    .ta-recognition-v3-award{

        grid-template-columns:125px minmax(0,1fr);

        min-height:160px;
    }body.page-id-11668 .ta-recognition-v3-image,
body.page-id-44 .ta-recognition-v3-image{
        padding:10px;
    }body.page-id-11668 .ta-recognition-v3-image img,
body.page-id-11668
    .ta-recognition-v3-lead
    .ta-recognition-v3-image img,
body.page-id-11668
    .ta-recognition-v3-grid
    .ta-recognition-v3-image img,
body.page-id-44 .ta-recognition-v3-image img,
body.page-id-44
    .ta-recognition-v3-lead
    .ta-recognition-v3-image img,
body.page-id-44
    .ta-recognition-v3-grid
    .ta-recognition-v3-image img{

        height:130px;
    }body.page-id-11668 .ta-recognition-v3-content,
body.page-id-44 .ta-recognition-v3-content{
        padding:18px;
    }body.page-id-11668 .ta-recognition-v3-content h3,
body.page-id-11668
    .ta-recognition-v3-lead
    .ta-recognition-v3-content h3,
body.page-id-44 .ta-recognition-v3-content h3,
body.page-id-44
    .ta-recognition-v3-lead
    .ta-recognition-v3-content h3{

        font-size:18px;
    }body.page-id-11668 .ta-recognition-v3-meta,
body.page-id-44 .ta-recognition-v3-meta{
        margin-bottom:12px;
    }body.page-id-11668 .ta-recognition-v3-grid,
body.page-id-44 .ta-recognition-v3-grid{
        gap:18px;
    }
}/* CARD */
body.page-id-11668 .ta-recognition-v3-award,
/* CARD */
body.page-id-44 .ta-recognition-v3-award{
    position:relative !important;

    background:#fff !important;

    border:1px solid rgba(17,17,17,.065) !important;
    border-radius:16px !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.018),
        0 10px 28px rgba(0,0,0,.025) !important;

    overflow:hidden !important;

    transition:
        transform .32s cubic-bezier(.2,.7,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}/* IMAGE AREA — slightly differentiated without becoming a box */
body.page-id-11668 .ta-recognition-v3-image,
/* IMAGE AREA — slightly differentiated without becoming a box */
body.page-id-44 .ta-recognition-v3-image{
    position:relative !important;

    background:#fcfcfb !important;

    border-right:1px solid rgba(17,17,17,.055) !important;

    padding:22px !important;
}/* very subtle depth behind the physical award */
body.page-id-11668 .ta-recognition-v3-image::after,
/* very subtle depth behind the physical award */
body.page-id-44 .ta-recognition-v3-image::after{
    content:"";

    position:absolute;
    left:20%;
    right:20%;
    bottom:17px;

    height:12px;

    background:rgba(0,0,0,.07);
    filter:blur(12px);

    border-radius:50%;

    opacity:.35;

    pointer-events:none;
}/* artwork stays above subtle shadow */
body.page-id-11668 .ta-recognition-v3-image img,
/* artwork stays above subtle shadow */
body.page-id-44 .ta-recognition-v3-image img{
    position:relative !important;
    z-index:2 !important;

    transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;
}/* CONTENT */
body.page-id-11668 .ta-recognition-v3-content,
/* CONTENT */
body.page-id-44 .ta-recognition-v3-content{
    position:relative !important;

    padding:28px 30px !important;
}/* tiny TreeAgama accent */
body.page-id-11668 .ta-recognition-v3-content::before,
/* tiny TreeAgama accent */
body.page-id-44 .ta-recognition-v3-content::before{
    content:"";

    display:block;

    width:28px;
    height:3px;

    margin-bottom:19px;

    background:#9DCB3B;

    border-radius:10px;
}/* YEAR / NUMBER */
body.page-id-11668 .ta-recognition-v3-meta,
/* YEAR / NUMBER */
body.page-id-44 .ta-recognition-v3-meta{
    margin-bottom:15px !important;

    color:#777 !important;

    font-size:9px !important;
    font-weight:700 !important;

    letter-spacing:.17em !important;
}/* TITLE */
body.page-id-11668 .ta-recognition-v3-content h3,
/* TITLE */
body.page-id-44 .ta-recognition-v3-content h3{
    margin-bottom:9px !important;

    color:#111 !important;

    font-weight:600 !important;
    letter-spacing:-.025em !important;

    transition:color .3s ease !important;
}/* SUPPORTING COPY */
body.page-id-11668 .ta-recognition-v3-content strong,
/* SUPPORTING COPY */
body.page-id-44 .ta-recognition-v3-content strong{
    margin-bottom:5px !important;

    color:#292929 !important;
}body.page-id-11668 .ta-recognition-v3-content p,
body.page-id-44 .ta-recognition-v3-content p{
    color:#777 !important;
}/* INTERACTION */
@media (hover:hover) and (pointer:fine),
/* INTERACTION */
@media (hover:hover) and (pointer:fine){

    body.page-id-11668 .ta-recognition-v3-award:hover{
        transform:translateY(-5px) !important;

        border-color:rgba(157,203,59,.35) !important;

        box-shadow:
            0 5px 12px rgba(0,0,0,.035),
            0 18px 42px rgba(0,0,0,.07) !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-image img,
body.page-id-44
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-image img{
        transform:scale(1.045) !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content h3,
body.page-id-44
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content h3{
        color:#B51BAD !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content::before,
body.page-id-44
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content::before{
        width:42px;
    }
}/* Animate accent independently */
body.page-id-11668 .ta-recognition-v3-content::before,
/* Animate accent independently */
body.page-id-44 .ta-recognition-v3-content::before{
    transition:width .3s ease !important;
}/* Remove the previous full-width green hover bar */
body.page-id-11668 .ta-recognition-v3-award::after,
/* Remove the previous full-width green hover bar */
body.page-id-44 .ta-recognition-v3-award::after{
    display:none !important;
}/* MOBILE — keep it restrained */
@media(max-width:767px),
/* MOBILE — keep it restrained */
@media(max-width:767px){

    body.page-id-11668 .ta-recognition-v3-award{
        border-radius:13px !important;

        box-shadow:
            0 2px 12px rgba(0,0,0,.035) !important;
    }body.page-id-11668 .ta-recognition-v3-content::before,
body.page-id-44 .ta-recognition-v3-content::before{
        width:22px;
        margin-bottom:13px;
    }
}/* =========================================================
   TWO ROWS
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-top > .e-con-inner,
body.page-id-11668 .ta-recognition-v3-grid > .e-con-inner,
/* =========================================================
   TWO ROWS
   ========================================================= */

body.page-id-44 .ta-recognition-v3-top > .e-con-inner,
body.page-id-44 .ta-recognition-v3-grid > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:28px !important;

    align-items:stretch !important;
}body.page-id-11668 .ta-recognition-v3-top,
body.page-id-44 .ta-recognition-v3-top{
    width:100% !important;
    max-width:none !important;
    margin:0 0 28px !important;
}body.page-id-11668 .ta-recognition-v3-grid,
body.page-id-44 .ta-recognition-v3-grid{
    width:100% !important;
    max-width:none !important;
}/* Intro + cards fill their respective grid columns */
body.page-id-11668 .ta-recognition-v3-intro,
body.page-id-11668 .ta-recognition-v3-award,
/* Intro + cards fill their respective grid columns */
body.page-id-44 .ta-recognition-v3-intro,
body.page-id-44 .ta-recognition-v3-award{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}/* =========================================================
   INTRO
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-intro > .e-con-inner,
/* =========================================================
   INTRO
   ========================================================= */

body.page-id-44 .ta-recognition-v3-intro > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    padding:10px 55px 10px 0 !important;
}/* =========================================================
   AWARD CARDS
   Critical: grid belongs on .e-con-inner
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-award,
/* =========================================================
   AWARD CARDS
   Critical: grid belongs on .e-con-inner
   ========================================================= */

body.page-id-44 .ta-recognition-v3-award{
    display:block !important;

    min-height:220px !important;
    height:100% !important;

    padding:0 !important;

    background:#fff !important;

    border:1px solid rgba(181,27,173,.24) !important;
    border-radius:16px !important;

    overflow:hidden !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.018),
        0 10px 28px rgba(181,27,173,.025) !important;
}body.page-id-11668 .ta-recognition-v3-award > .e-con-inner,
body.page-id-44 .ta-recognition-v3-award > .e-con-inner{
    width:100% !important;
    max-width:none !important;
    min-height:220px !important;
    height:100% !important;

    padding:0 !important;
    margin:0 !important;

    display:grid !important;
    grid-template-columns:190px minmax(0,1fr) !important;
    gap:0 !important;

    align-items:stretch !important;
}/* =========================================================
   IMAGE COLUMN
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-image,
/* =========================================================
   IMAGE COLUMN
   ========================================================= */

body.page-id-44 .ta-recognition-v3-image{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:100% !important;
    min-height:220px !important;

    padding:0 !important;

    background:#fcfcfb !important;

    border-right:1px solid rgba(17,17,17,.06) !important;
}body.page-id-11668 .ta-recognition-v3-image > .e-con-inner,
body.page-id-44 .ta-recognition-v3-image > .e-con-inner{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:220px !important;

    padding:20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}/* Native image widget */
body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image,
/* Native image widget */
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image{
    width:100% !important;
    max-width:100% !important;
}body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image .elementor-widget-container,
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image .elementor-widget-container{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
}body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image img,
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image img{
    display:block !important;

    width:auto !important;
    height:170px !important;

    max-width:145px !important;
    max-height:170px !important;

    margin:0 auto !important;

    object-fit:contain !important;
}/* =========================================================
   CONTENT COLUMN
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-content,
/* =========================================================
   CONTENT COLUMN
   ========================================================= */

body.page-id-44 .ta-recognition-v3-content{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:100% !important;

    padding:0 !important;
}body.page-id-11668 .ta-recognition-v3-content > .e-con-inner,
body.page-id-44 .ta-recognition-v3-content > .e-con-inner{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:220px !important;

    padding:25px 28px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:stretch !important;
}/* Accent */
body.page-id-11668 .ta-recognition-v3-content > .e-con-inner::before,
/* Accent */
body.page-id-44 .ta-recognition-v3-content > .e-con-inner::before{
    content:"";

    display:block;

    width:28px;
    height:3px;

    flex:0 0 3px;

    margin:0 0 17px;

    background:#9DCB3B;

    border-radius:10px;

    transition:width .3s ease;
}/* Disable previous accent on outer container */
body.page-id-11668 .ta-recognition-v3-content::before,
/* Disable previous accent on outer container */
body.page-id-44 .ta-recognition-v3-content::before{
    display:none !important;
}/* =========================================================
   TYPOGRAPHY
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-meta,
/* =========================================================
   TYPOGRAPHY
   ========================================================= */

body.page-id-44 .ta-recognition-v3-meta{
    display:flex !important;
    justify-content:space-between !important;

    width:100% !important;

    margin:0 !important;

    color:#777 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;

    letter-spacing:.15em !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor,
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-heading,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-heading{
    width:100% !important;
    max-width:none !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-heading
.elementor-heading-title,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-heading
.elementor-heading-title{
    margin:8px 0 9px !important;

    color:#111 !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:600 !important;

    letter-spacing:-.025em !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor p,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor p{
    margin:0 0 5px !important;

    font-size:11px !important;
    line-height:1.45 !important;
}/* =========================================================
   HOVER
   ========================================================= */

@media (hover:hover) and (pointer:fine),
/* =========================================================
   HOVER
   ========================================================= */

@media (hover:hover) and (pointer:fine){

    body.page-id-11668 .ta-recognition-v3-award{
        transition:
            transform .3s ease,
            border-color .3s ease,
            box-shadow .3s ease !important;
    }body.page-id-11668 .ta-recognition-v3-award:hover,
body.page-id-44 .ta-recognition-v3-award:hover{
        transform:translateY(-5px) !important;

        border-color:rgba(181,27,173,.55) !important;

        box-shadow:
            0 5px 12px rgba(0,0,0,.03),
            0 18px 40px rgba(181,27,173,.09) !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .elementor-widget-image img,
body.page-id-44
    .ta-recognition-v3-award:hover
    .elementor-widget-image img{
        transform:scale(1.045) !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content > .e-con-inner::before,
body.page-id-44
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content > .e-con-inner::before{
        width:42px !important;
    }
}/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px),
/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    body.page-id-11668 .ta-recognition-v3-top > .e-con-inner,
    body.page-id-11668 .ta-recognition-v3-grid > .e-con-inner{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }body.page-id-11668 .ta-recognition-v3-intro > .e-con-inner,
body.page-id-44 .ta-recognition-v3-intro > .e-con-inner{
        padding:0 0 25px !important;
    }
}/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px),
/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-v3-award > .e-con-inner{
        grid-template-columns:125px minmax(0,1fr) !important;
        min-height:175px !important;
    }body.page-id-11668 .ta-recognition-v3-image,
body.page-id-11668 .ta-recognition-v3-image > .e-con-inner,
body.page-id-44 .ta-recognition-v3-image,
body.page-id-44 .ta-recognition-v3-image > .e-con-inner{
        min-height:175px !important;
    }body.page-id-11668 .ta-recognition-v3-image > .e-con-inner,
body.page-id-44 .ta-recognition-v3-image > .e-con-inner{
        padding:12px !important;
    }body.page-id-11668
    .ta-recognition-v3-image
    .elementor-widget-image img,
body.page-id-44
    .ta-recognition-v3-image
    .elementor-widget-image img{
        height:120px !important;
        max-width:100px !important;
        max-height:120px !important;
    }body.page-id-11668
    .ta-recognition-v3-content > .e-con-inner,
body.page-id-44
    .ta-recognition-v3-content > .e-con-inner{
        min-height:175px !important;
        padding:18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-widget-heading
    .elementor-heading-title,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-widget-heading
    .elementor-heading-title{
        font-size:17px !important;
    }
}/* IMAGE CHILD */
body.page-id-11668
.ta-recognition-v3-award > .e-con-inner > .ta-recognition-v3-image,
/* IMAGE CHILD */
body.page-id-44
.ta-recognition-v3-award > .e-con-inner > .ta-recognition-v3-image{
    display:block !important;

    width:190px !important;
    min-width:190px !important;
    max-width:190px !important;

    height:100% !important;
    min-height:220px !important;

    padding:0 !important;

    background:#fcfcfb !important;
    border-right:1px solid rgba(17,17,17,.06) !important;
}body.page-id-11668
.ta-recognition-v3-image > .e-con-inner,
body.page-id-44
.ta-recognition-v3-image > .e-con-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:100% !important;
    min-height:220px !important;

    padding:20px !important;
}/* CONTENT CHILD — force visible */
body.page-id-11668
.ta-recognition-v3-award > .e-con-inner > .ta-recognition-v3-content,
/* CONTENT CHILD — force visible */
body.page-id-44
.ta-recognition-v3-award > .e-con-inner > .ta-recognition-v3-content{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    position:relative !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:auto !important;
    min-height:220px !important;

    padding:0 !important;

    overflow:visible !important;
}body.page-id-11668
.ta-recognition-v3-content > .e-con-inner,
body.page-id-44
.ta-recognition-v3-content > .e-con-inner{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:stretch !important;

    width:100% !important;
    max-width:none !important;

    height:100% !important;
    min-height:220px !important;

    padding:26px 30px !important;
}/* Force native widgets visible and normal width */
body.page-id-11668
.ta-recognition-v3-content .elementor-widget,
/* Force native widgets visible and normal width */
body.page-id-44
.ta-recognition-v3-content .elementor-widget{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    position:relative !important;

    width:100% !important;
    max-width:none !important;

    flex:none !important;

    margin:0 !important;
}/* Green micro accent */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner::before,
/* Green micro accent */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner::before{
    content:"";

    display:block !important;

    width:28px !important;
    height:3px !important;
    min-height:3px !important;

    margin:0 0 18px !important;

    background:#9DCB3B !important;

    border-radius:10px !important;

    flex:none !important;
}/* Metadata */
body.page-id-11668
.ta-recognition-v3-content
.ta-recognition-v3-meta,
/* Metadata */
body.page-id-44
.ta-recognition-v3-content
.ta-recognition-v3-meta{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;

    width:100% !important;

    margin:0 0 15px !important;

    color:#777 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.15em !important;
}/* Award title */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-heading
.elementor-heading-title,
/* Award title */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-heading
.elementor-heading-title{
    display:block !important;

    margin:0 0 9px !important;

    color:#111 !important;

    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:600 !important;

    letter-spacing:-.025em !important;
}/* Supporting copy */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor p,
/* Supporting copy */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor p{
    display:block !important;

    margin:0 0 5px !important;

    color:#777 !important;

    font-size:11px !important;
    line-height:1.45 !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor strong,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor strong{
    color:#292929 !important;
    font-weight:600 !important;
}/* Artwork sizing */
body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image img,
/* Artwork sizing */
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image img{
    display:block !important;

    width:auto !important;
    height:170px !important;

    max-width:145px !important;
    max-height:170px !important;

    object-fit:contain !important;

    margin:0 auto !important;
}/* MOBILE */
@media(max-width:767px),
/* MOBILE */
@media(max-width:767px){

    body.page-id-11668
    .ta-recognition-v3-award > .e-con-inner{
        grid-template-columns:125px minmax(0,1fr) !important;
    }body.page-id-11668
    .ta-recognition-v3-award > .e-con-inner > .ta-recognition-v3-image,
body.page-id-44
    .ta-recognition-v3-award > .e-con-inner > .ta-recognition-v3-image{
        width:125px !important;
        min-width:125px !important;
        max-width:125px !important;
    }body.page-id-11668
    .ta-recognition-v3-content > .e-con-inner,
body.page-id-44
    .ta-recognition-v3-content > .e-con-inner{
        padding:18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-widget-heading
    .elementor-heading-title,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-widget-heading
    .elementor-heading-title{
        font-size:17px !important;
    }
}/* MOBILE */
@media(max-width:767px),
/* MOBILE */
@media(max-width:767px){

    body.page-id-11668 .ta-recognition-v3-award{
        height:auto !important;
        min-height:190px !important;
    }body.page-id-11668 .ta-recognition-v3-image,
body.page-id-44 .ta-recognition-v3-image{
        flex-basis:125px !important;
        width:125px !important;
        min-width:125px !important;
        max-width:125px !important;

        min-height:190px !important;
    }body.page-id-11668 .ta-recognition-v3-image > .e-con-inner,
body.page-id-44 .ta-recognition-v3-image > .e-con-inner{
        min-height:190px !important;
        padding:12px !important;
    }body.page-id-11668
    .ta-recognition-v3-image
    .elementor-widget-image img,
body.page-id-44
    .ta-recognition-v3-image
    .elementor-widget-image img{
        max-width:100px !important;
        max-height:135px !important;
    }body.page-id-11668 .ta-recognition-v3-content,
body.page-id-11668 .ta-recognition-v3-content > .e-con-inner,
body.page-id-44 .ta-recognition-v3-content,
body.page-id-44 .ta-recognition-v3-content > .e-con-inner{
        min-height:190px !important;
    }body.page-id-11668 .ta-recognition-v3-content > .e-con-inner,
body.page-id-44 .ta-recognition-v3-content > .e-con-inner{
        padding:22px 18px !important;
    }
}/* =========================================================
   TREEAGAMA ABOUT — RECOGNITION
   AUTHORITATIVE NATIVE ELEMENTOR DESIGN
   ========================================================= */

body.page-id-11668 .ta-recognition-editorial,
/* =========================================================
   TREEAGAMA ABOUT — RECOGNITION
   AUTHORITATIVE NATIVE ELEMENTOR DESIGN
   ========================================================= */

body.page-id-44 .ta-recognition-editorial{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:72px 7% 78px !important;
    background:#fff !important;
}body.page-id-11668 .ta-recognition-v3,
body.page-id-44 .ta-recognition-v3{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;

    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
}/* ---------- ROWS ---------- */

body.page-id-11668 .ta-recognition-v3-top,
body.page-id-11668 .ta-recognition-v3-grid,
/* ---------- ROWS ---------- */

body.page-id-44 .ta-recognition-v3-top,
body.page-id-44 .ta-recognition-v3-grid{
    width:100% !important;
    max-width:none !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;

    gap:28px !important;

    margin:0 !important;
    padding:0 !important;
}/* Elementor boxed wrappers should not interfere with layout */
body.page-id-11668 .ta-recognition-v3 > .e-con-inner,
body.page-id-11668 .ta-recognition-v3-top > .e-con-inner,
body.page-id-11668 .ta-recognition-v3-grid > .e-con-inner,
body.page-id-11668 .ta-recognition-v3-award > .e-con-inner,
/* Elementor boxed wrappers should not interfere with layout */
body.page-id-44 .ta-recognition-v3 > .e-con-inner,
body.page-id-44 .ta-recognition-v3-top > .e-con-inner,
body.page-id-44 .ta-recognition-v3-grid > .e-con-inner,
body.page-id-44 .ta-recognition-v3-award > .e-con-inner{
    display:contents !important;
}/* ---------- INTRO ---------- */

body.page-id-11668 .ta-recognition-v3-intro,
/* ---------- INTRO ---------- */

body.page-id-44 .ta-recognition-v3-intro{
    flex:1 1 0 !important;

    width:calc(50% - 14px) !important;
    max-width:none !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    padding:18px 50px 18px 0 !important;
}body.page-id-11668 .ta-recognition-v3-intro > .e-con-inner,
body.page-id-44 .ta-recognition-v3-intro > .e-con-inner{
    display:contents !important;
}/* Kicker */
body.page-id-11668 .ta-recognition-v3-kicker,
body.page-id-11668 [data-id="tarkick"],
/* Kicker */
body.page-id-44 .ta-recognition-v3-kicker,
body.page-id-44 [data-id="tarkick"]{
    width:100% !important;
    margin:0 0 13px !important;
}body.page-id-11668 [data-id="tarkick"] p,
body.page-id-44 [data-id="tarkick"] p{
    margin:0 !important;

    color:#B51BAD !important;

    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:600 !important;

    letter-spacing:.17em !important;
}/* Main heading */
body.page-id-11668 [data-id="tarhead"],
/* Main heading */
body.page-id-44 [data-id="tarhead"]{
    width:100% !important;
    margin:0 0 23px !important;
}body.page-id-11668
[data-id="tarhead"]
.elementor-heading-title,
body.page-id-44
[data-id="tarhead"]
.elementor-heading-title{
    margin:0 !important;

    color:#111 !important;

    font-size:clamp(42px,3.65vw,60px) !important;
    line-height:.98 !important;
    font-weight:500 !important;

    letter-spacing:-.045em !important;
}body.page-id-11668
[data-id="tarhead"]
.elementor-heading-title span,
body.page-id-44
[data-id="tarhead"]
.elementor-heading-title span{
    color:#B51BAD !important;
}/* Intro copy */
body.page-id-11668 [data-id="tarcopy"],
/* Intro copy */
body.page-id-44 [data-id="tarcopy"]{
    width:100% !important;
    max-width:540px !important;
}body.page-id-11668 [data-id="tarcopy"] p,
body.page-id-44 [data-id="tarcopy"] p{
    margin:0 !important;

    color:#707070 !important;

    font-size:16px !important;
    line-height:1.55 !important;
}/* ---------- AWARD CARD ---------- */

body.page-id-11668 .ta-recognition-v3-award,
/* ---------- AWARD CARD ---------- */

body.page-id-44 .ta-recognition-v3-award{
    flex:1 1 0 !important;

    width:calc(50% - 14px) !important;
    max-width:none !important;
    min-width:0 !important;

    height:285px !important;
    min-height:285px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;

    padding:0 !important;
    margin:0 !important;

    background:#fff !important;

    border:1px solid rgba(181,27,173,.25) !important;
    border-radius:16px !important;

    overflow:hidden !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.018),
        0 14px 35px rgba(181,27,173,.025) !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}/* ---------- IMAGE SIDE ---------- */

body.page-id-11668 .ta-recognition-v3-image,
/* ---------- IMAGE SIDE ---------- */

body.page-id-44 .ta-recognition-v3-image{
    flex:0 0 40% !important;

    width:40% !important;
    min-width:40% !important;
    max-width:40% !important;

    height:100% !important;
    min-height:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:26px !important;

    background:#fcfcfb !important;

    border-right:1px solid rgba(17,17,17,.07) !important;
}body.page-id-11668 .ta-recognition-v3-image > .e-con-inner,
body.page-id-44 .ta-recognition-v3-image > .e-con-inner{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
}body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image,
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image{
    width:100% !important;
}body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image .elementor-widget-container,
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image .elementor-widget-container{
    width:100% !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image img,
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:175px !important;
    max-height:220px !important;

    object-fit:contain !important;

    margin:0 auto !important;

    transition:transform .35s ease !important;
}/* Future award is naturally wider */
body.page-id-11668
[data-id="tarfut1iw"] img,
/* Future award is naturally wider */
body.page-id-44
[data-id="tarfut1iw"] img{
    max-width:190px !important;
}/* ---------- CONTENT SIDE ---------- */

body.page-id-11668 .ta-recognition-v3-content,
/* ---------- CONTENT SIDE ---------- */

body.page-id-44 .ta-recognition-v3-content{
    flex:1 1 60% !important;

    width:60% !important;
    min-width:0 !important;
    max-width:none !important;

    height:100% !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    padding:0 !important;

    visibility:visible !important;
    opacity:1 !important;
}body.page-id-11668 .ta-recognition-v3-content > .e-con-inner,
body.page-id-44 .ta-recognition-v3-content > .e-con-inner{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:stretch !important;

    padding:31px 34px !important;
}/* Green detail */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner::before,
/* Green detail */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner::before{
    content:"" !important;

    display:block !important;

    width:30px !important;
    height:3px !important;
    min-height:3px !important;

    margin:0 0 23px !important;

    background:#9DCB3B !important;

    border-radius:10px !important;

    flex:0 0 3px !important;

    transition:width .3s ease !important;
}/* Widgets */
body.page-id-11668
.ta-recognition-v3-content > .elementor-widget,
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner > .elementor-widget,
/* Widgets */
body.page-id-44
.ta-recognition-v3-content > .elementor-widget,
body.page-id-44
.ta-recognition-v3-content > .e-con-inner > .elementor-widget{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    visibility:visible !important;
    opacity:1 !important;
}/* Year / number */
body.page-id-11668 .ta-recognition-v3-meta,
/* Year / number */
body.page-id-44 .ta-recognition-v3-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;

    margin:0 0 20px !important;

    color:#777 !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:700 !important;

    letter-spacing:.16em !important;
}body.page-id-11668
.ta-recognition-v3-meta span:last-child,
body.page-id-44
.ta-recognition-v3-meta span:last-child{
    color:#9DCB3B !important;
}/* Title */
body.page-id-11668
.ta-recognition-v3-content
.elementor-heading-title,
/* Title */
body.page-id-44
.ta-recognition-v3-content
.elementor-heading-title{
    margin:0 0 13px !important;

    color:#111 !important;

    font-size:25px !important;
    line-height:1.08 !important;
    font-weight:600 !important;

    letter-spacing:-.035em !important;
}/* Supporting copy */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor p,
/* Supporting copy */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor p{
    margin:0 0 7px !important;

    color:#777 !important;

    font-size:13px !important;
    line-height:1.42 !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor strong,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor strong{
    color:#292929 !important;
    font-weight:600 !important;
}/* ---------- INTERACTION ---------- */

@media (hover:hover) and (pointer:fine),
/* ---------- INTERACTION ---------- */

@media (hover:hover) and (pointer:fine){

    body.page-id-11668 .ta-recognition-v3-award:hover{
        transform:translateY(-5px) !important;

        border-color:rgba(181,27,173,.55) !important;

        box-shadow:
            0 8px 18px rgba(0,0,0,.035),
            0 20px 42px rgba(181,27,173,.085) !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .elementor-widget-image img,
body.page-id-44
    .ta-recognition-v3-award:hover
    .elementor-widget-image img{
        transform:scale(1.045) !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content > .e-con-inner::before,
body.page-id-44
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content > .e-con-inner::before{
        width:44px !important;
    }body.page-id-11668
    .ta-recognition-v3-award:hover
    .elementor-heading-title,
body.page-id-44
    .ta-recognition-v3-award:hover
    .elementor-heading-title{
        color:#B51BAD !important;
    }
}/* ---------- TABLET ---------- */

@media(max-width:1024px),
/* ---------- TABLET ---------- */

@media(max-width:1024px){

    body.page-id-11668 .ta-recognition-editorial{
        padding-left:5% !important;
        padding-right:5% !important;
    }body.page-id-11668 .ta-recognition-v3-top,
body.page-id-11668 .ta-recognition-v3-grid,
body.page-id-44 .ta-recognition-v3-top,
body.page-id-44 .ta-recognition-v3-grid{
        flex-direction:column !important;
        gap:20px !important;
    }body.page-id-11668 .ta-recognition-v3-intro,
body.page-id-11668 .ta-recognition-v3-award,
body.page-id-44 .ta-recognition-v3-intro,
body.page-id-44 .ta-recognition-v3-award{
        width:100% !important;
    }body.page-id-11668 .ta-recognition-v3-intro,
body.page-id-44 .ta-recognition-v3-intro{
        padding:0 0 25px !important;
    }
}/* ---------- MOBILE ---------- */

@media(max-width:767px),
/* ---------- MOBILE ---------- */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-editorial{
        padding:50px 5% !important;
    }body.page-id-11668
    [data-id="tarhead"]
    .elementor-heading-title,
body.page-id-44
    [data-id="tarhead"]
    .elementor-heading-title{
        font-size:38px !important;
    }body.page-id-11668 .ta-recognition-v3-award,
body.page-id-44 .ta-recognition-v3-award{
        height:auto !important;
        min-height:195px !important;

        border-radius:13px !important;
    }body.page-id-11668 .ta-recognition-v3-image,
body.page-id-44 .ta-recognition-v3-image{
        flex:0 0 125px !important;

        width:125px !important;
        min-width:125px !important;
        max-width:125px !important;

        padding:13px !important;
    }body.page-id-11668
    .ta-recognition-v3-image
    .elementor-widget-image img,
body.page-id-44
    .ta-recognition-v3-image
    .elementor-widget-image img{
        max-width:100px !important;
        max-height:140px !important;
    }body.page-id-11668 .ta-recognition-v3-content,
body.page-id-44 .ta-recognition-v3-content{
        width:auto !important;
        flex:1 1 auto !important;
    }body.page-id-11668
    .ta-recognition-v3-content > .e-con-inner,
body.page-id-44
    .ta-recognition-v3-content > .e-con-inner{
        padding:21px 18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-heading-title,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-heading-title{
        font-size:18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-widget-text-editor p,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-widget-text-editor p{
        font-size:11px !important;
    }
}/* =========================================================
   RECOGNITION — COMPACT CARD MATCH
   Restore approved earlier proportions/content treatment
   ========================================================= */

/* Compact cards */
body.page-id-11668 .ta-recognition-v3-award,
/* =========================================================
   RECOGNITION — COMPACT CARD MATCH
   Restore approved earlier proportions/content treatment
   ========================================================= */

/* Compact cards */
body.page-id-44 .ta-recognition-v3-award{
    height:215px !important;
    min-height:215px !important;
}/* Image = compact left panel */
body.page-id-11668 .ta-recognition-v3-image,
/* Image = compact left panel */
body.page-id-44 .ta-recognition-v3-image{
    flex:0 0 38% !important;

    width:38% !important;
    min-width:38% !important;
    max-width:38% !important;

    height:215px !important;
    min-height:215px !important;

    padding:18px !important;
}body.page-id-11668
.ta-recognition-v3-image > .e-con-inner,
body.page-id-44
.ta-recognition-v3-image > .e-con-inner{
    height:100% !important;
    min-height:0 !important;

    padding:0 !important;
}/* Keep trophies proportionate */
body.page-id-11668
.ta-recognition-v3-image
.elementor-widget-image img,
/* Keep trophies proportionate */
body.page-id-44
.ta-recognition-v3-image
.elementor-widget-image img{
    width:auto !important;
    height:auto !important;

    max-width:135px !important;
    max-height:175px !important;

    object-fit:contain !important;
}/* Future Is Female is wider by nature */
body.page-id-11668
[data-id="tarfut1iw"] img,
/* Future Is Female is wider by nature */
body.page-id-44
[data-id="tarfut1iw"] img{
    max-width:155px !important;
    max-height:160px !important;
}/* African Excellence */
body.page-id-11668
[data-id="tarafr1iw"] img,
/* African Excellence */
body.page-id-44
[data-id="tarafr1iw"] img{
    max-width:135px !important;
    max-height:175px !important;
}/* Kayana */
body.page-id-11668
[data-id="tarkay1iw"] img,
/* Kayana */
body.page-id-44
[data-id="tarkay1iw"] img{
    max-width:120px !important;
    max-height:175px !important;
}/* =========================================================
   CONTENT
   ========================================================= */

body.page-id-11668 .ta-recognition-v3-content,
/* =========================================================
   CONTENT
   ========================================================= */

body.page-id-44 .ta-recognition-v3-content{
    flex:1 1 62% !important;

    width:62% !important;

    height:215px !important;
    min-height:215px !important;
}/* Earlier design had compact content,
not a large centred field */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner,
/* Earlier design had compact content,
not a large centred field */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner{
    height:215px !important;
    min-height:215px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:stretch !important;

    padding:24px 28px !important;
}/* Green accent */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner::before,
/* Green accent */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner::before{
    content:"" !important;

    display:block !important;

    width:28px !important;
    height:3px !important;
    min-height:3px !important;

    margin:0 0 15px !important;

    background:#9DCB3B !important;

    border-radius:20px !important;

    flex:0 0 3px !important;
}/* =========================================================
   META — restore compact 2026 / 01 treatment
   ========================================================= */

body.page-id-11668
.ta-recognition-v3-content
.ta-recognition-v3-meta,
/* =========================================================
   META — restore compact 2026 / 01 treatment
   ========================================================= */

body.page-id-44
.ta-recognition-v3-content
.ta-recognition-v3-meta{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;

    gap:24px !important;

    width:auto !important;

    margin:0 0 14px !important;

    color:#777 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;

    letter-spacing:.16em !important;
}body.page-id-11668
.ta-recognition-v3-meta span:last-child,
body.page-id-44
.ta-recognition-v3-meta span:last-child{
    color:#9DCB3B !important;
}/* =========================================================
   TITLE
   ========================================================= */

body.page-id-11668
.ta-recognition-v3-content
.elementor-heading-title,
/* =========================================================
   TITLE
   ========================================================= */

body.page-id-44
.ta-recognition-v3-content
.elementor-heading-title{
    margin:0 0 9px !important;

    color:#111 !important;

    font-size:21px !important;
    line-height:1.1 !important;
    font-weight:600 !important;

    letter-spacing:-.025em !important;
}/* =========================================================
   SUPPORTING COPY
   ========================================================= */

body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor,
/* =========================================================
   SUPPORTING COPY
   ========================================================= */

body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor{
    margin:0 !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor p,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor p{
    margin:0 0 4px !important;

    color:#777 !important;

    font-size:11px !important;
    line-height:1.4 !important;
}body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor strong,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor strong{
    color:#292929 !important;

    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
}/* Keep the content widgets tightly grouped */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget,
/* Keep the content widgets tightly grouped */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget{
    flex:0 0 auto !important;
}/* =========================================================
   HOVER
   ========================================================= */

@media (hover:hover) and (pointer:fine),
/* =========================================================
   HOVER
   ========================================================= */

@media (hover:hover) and (pointer:fine){

    body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content > .e-con-inner::before{
        width:40px !important;
    }
}/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px),
/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-11668 .ta-recognition-v3-award{
        height:auto !important;
        min-height:180px !important;
    }body.page-id-11668 .ta-recognition-v3-image,
body.page-id-44 .ta-recognition-v3-image{
        flex:0 0 120px !important;

        width:120px !important;
        min-width:120px !important;
        max-width:120px !important;

        height:auto !important;
        min-height:180px !important;
    }body.page-id-11668 .ta-recognition-v3-content,
body.page-id-44 .ta-recognition-v3-content{
        width:auto !important;
        height:auto !important;
        min-height:180px !important;
    }body.page-id-11668
    .ta-recognition-v3-content > .e-con-inner,
body.page-id-44
    .ta-recognition-v3-content > .e-con-inner{
        height:auto !important;
        min-height:180px !important;

        padding:18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-heading-title,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-heading-title{
        font-size:17px !important;
    }
}/* =========================================================
   RECOGNITION — FINAL CONTENT DETAIL FIX
   Green rule + content inset + sequence right
   ========================================================= */

/* Give content proper breathing room from divider */
body.page-id-11668 .ta-recognition-v3-content,
/* =========================================================
   RECOGNITION — FINAL CONTENT DETAIL FIX
   Green rule + content inset + sequence right
   ========================================================= */

/* Give content proper breathing room from divider */
body.page-id-44 .ta-recognition-v3-content{
    position:relative !important;
}body.page-id-11668
.ta-recognition-v3-content > .e-con-inner,
body.page-id-44
.ta-recognition-v3-content > .e-con-inner{
    position:relative !important;
    padding:30px 34px 24px 34px !important;
}/* Real visible green rule */
body.page-id-11668 .ta-recognition-v3-content::before,
/* Real visible green rule */
body.page-id-44 .ta-recognition-v3-content::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    top:27px !important;
    left:34px !important;

    width:30px !important;
    height:3px !important;

    background:#9DCB3B !important;
    border-radius:20px !important;

    z-index:3 !important;

    transition:width .3s ease !important;
}/* Disable old inner pseudo rule */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner::before,
/* Disable old inner pseudo rule */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner::before{
    display:none !important;
}/* Leave room below the green rule */
body.page-id-11668
.ta-recognition-v3-content
.ta-recognition-v3-meta,
/* Leave room below the green rule */
body.page-id-44
.ta-recognition-v3-content
.ta-recognition-v3-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;
    max-width:none !important;

    gap:0 !important;

    margin:25px 0 14px !important;
    padding:0 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.16em !important;
}/* Year left */
body.page-id-11668
.ta-recognition-v3-meta span:first-child,
/* Year left */
body.page-id-44
.ta-recognition-v3-meta span:first-child{
    display:block !important;
    margin:0 !important;

    color:#777 !important;
}/* Sequence number at far right */
body.page-id-11668
.ta-recognition-v3-meta span:last-child,
/* Sequence number at far right */
body.page-id-44
.ta-recognition-v3-meta span:last-child{
    display:block !important;

    margin:0 0 0 auto !important;

    color:#9DCB3B !important;

    text-align:right !important;
}/* Ensure all actual text starts at same clean left edge */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-heading,
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor,
/* Ensure all actual text starts at same clean left edge */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-heading,
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor{
    width:100% !important;
    padding:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}/* Heading */
body.page-id-11668
.ta-recognition-v3-content
.elementor-heading-title,
/* Heading */
body.page-id-44
.ta-recognition-v3-content
.elementor-heading-title{
    padding:0 !important;
    margin:0 0 9px !important;
}/* Copy */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor p,
/* Copy */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor p{
    padding:0 !important;
    margin-left:0 !important;
}/* Interaction */
@media (hover:hover) and (pointer:fine),
/* Interaction */
@media (hover:hover) and (pointer:fine){
    body.page-id-11668
    .ta-recognition-v3-award:hover
    .ta-recognition-v3-content::before{
        width:42px !important;
    }
}/* Mobile */
@media(max-width:767px),
/* Mobile */
@media(max-width:767px){

    body.page-id-11668
    .ta-recognition-v3-content > .e-con-inner{
        padding:25px 18px 18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content::before,
body.page-id-44
    .ta-recognition-v3-content::before{
        top:20px !important;
        left:18px !important;
        width:25px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .ta-recognition-v3-meta,
body.page-id-44
    .ta-recognition-v3-content
    .ta-recognition-v3-meta{
        margin-top:22px !important;
    }
}/* RECOGNITION — CONTENT ALIGNMENT AUTHORITY */

/* Force real inset on content side */
body.page-id-11668 .ta-recognition-v3-content,
/* RECOGNITION — CONTENT ALIGNMENT AUTHORITY */

/* Force real inset on content side */
body.page-id-44 .ta-recognition-v3-content{
    position:relative !important;
    box-sizing:border-box !important;

    padding:30px 32px 26px 32px !important;
}/* Elementor inner wrapper must not cancel parent spacing */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner,
/* Elementor inner wrapper must not cancel parent spacing */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;

    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:stretch !important;
}/* Remove previous green pseudo rules */
body.page-id-11668
.ta-recognition-v3-content::before,
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner::before,
/* Remove previous green pseudo rules */
body.page-id-44
.ta-recognition-v3-content::before,
body.page-id-44
.ta-recognition-v3-content > .e-con-inner::before{
    display:none !important;
}/* Metadata becomes anchor for green line */
body.page-id-11668
.ta-recognition-v3-content
.ta-recognition-v3-meta,
/* Metadata becomes anchor for green line */
body.page-id-44
.ta-recognition-v3-content
.ta-recognition-v3-meta{
    position:relative !important;

    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;

    width:100% !important;

    margin:22px 0 14px !important;
    padding:0 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.16em !important;
}/* Green line DIRECTLY above year */
body.page-id-11668
.ta-recognition-v3-content
.ta-recognition-v3-meta::before,
/* Green line DIRECTLY above year */
body.page-id-44
.ta-recognition-v3-content
.ta-recognition-v3-meta::before{
    content:"" !important;

    display:block !important;
    position:absolute !important;

    left:0 !important;
    top:-22px !important;

    width:30px !important;
    height:3px !important;

    background:#9DCB3B !important;
    border-radius:10px !important;
}/* Year left */
body.page-id-11668
.ta-recognition-v3-meta span:first-child,
/* Year left */
body.page-id-44
.ta-recognition-v3-meta span:first-child{
    margin:0 !important;
    padding:0 !important;
    color:#777 !important;
}/* Number far right */
body.page-id-11668
.ta-recognition-v3-meta span:last-child,
/* Number far right */
body.page-id-44
.ta-recognition-v3-meta span:last-child{
    margin-left:auto !important;
    padding:0 !important;

    color:#9DCB3B !important;
    text-align:right !important;
}/* Force every Elementor content widget onto same inset */
body.page-id-11668
.ta-recognition-v3-content > .e-con-inner > .elementor-element,
/* Force every Elementor content widget onto same inset */
body.page-id-44
.ta-recognition-v3-content > .e-con-inner > .elementor-element{
    width:100% !important;
    max-width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;
}/* Prevent widget containers introducing their own offset */
body.page-id-11668
.ta-recognition-v3-content .elementor-widget-container,
/* Prevent widget containers introducing their own offset */
body.page-id-44
.ta-recognition-v3-content .elementor-widget-container{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}/* Mobile */
@media(max-width:767px),
/* Mobile */
@media(max-width:767px){
    body.page-id-11668 .ta-recognition-v3-content{
        padding:25px 20px 20px !important;
    }
}/* =========================================================
   RECOGNITION — SPACING + TYPOGRAPHY TUNE
   ========================================================= */

/* Tighten the space between first and second award rows */
body.page-id-11668 .ta-recognition-v3,
/* =========================================================
   RECOGNITION — SPACING + TYPOGRAPHY TUNE
   ========================================================= */

/* Tighten the space between first and second award rows */
body.page-id-44 .ta-recognition-v3{
    gap:18px !important;
}body.page-id-11668 .ta-recognition-v3-top,
body.page-id-44 .ta-recognition-v3-top{
    margin-bottom:0 !important;
}body.page-id-11668 .ta-recognition-v3-grid,
body.page-id-44 .ta-recognition-v3-grid{
    margin-top:0 !important;
}/* Award titles — stronger/readable */
body.page-id-11668
.ta-recognition-v3-content
.elementor-heading-title,
/* Award titles — stronger/readable */
body.page-id-44
.ta-recognition-v3-content
.elementor-heading-title{
    font-size:23px !important;
    line-height:1.08 !important;
    font-weight:600 !important;
    letter-spacing:-.025em !important;
    margin-bottom:10px !important;
}/* Supporting award text */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor p,
/* Supporting award text */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor p{
    font-size:13px !important;
    line-height:1.4 !important;
    margin-bottom:5px !important;
}/* Bold award/category line */
body.page-id-11668
.ta-recognition-v3-content
.elementor-widget-text-editor strong,
/* Bold award/category line */
body.page-id-44
.ta-recognition-v3-content
.elementor-widget-text-editor strong{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
}/* Slightly increase year / sequence */
body.page-id-11668
.ta-recognition-v3-content
.ta-recognition-v3-meta,
/* Slightly increase year / sequence */
body.page-id-44
.ta-recognition-v3-content
.ta-recognition-v3-meta{
    font-size:10px !important;
}/* Keep compact mobile proportions */
@media(max-width:767px),
/* Keep compact mobile proportions */
@media(max-width:767px){

    body.page-id-11668 .ta-recognition-v3{
        gap:14px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-heading-title,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-heading-title{
        font-size:18px !important;
    }body.page-id-11668
    .ta-recognition-v3-content
    .elementor-widget-text-editor p,
body.page-id-11668
    .ta-recognition-v3-content
    .elementor-widget-text-editor strong,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-widget-text-editor p,
body.page-id-44
    .ta-recognition-v3-content
    .elementor-widget-text-editor strong{
        font-size:12px !important;
    }
}/* RECOGNITION — tighten headline to intro copy */
body.page-id-11668 [data-id="tarhead"],
/* RECOGNITION — tighten headline to intro copy */
body.page-id-44 [data-id="tarhead"]{
    margin-bottom:14px !important;
}body.page-id-11668 [data-id="tarcopy"],
body.page-id-44 [data-id="tarcopy"]{
    margin-top:0 !important;
}body.page-id-11668 [data-id="tarcopy"] p,
body.page-id-44 [data-id="tarcopy"] p{
    margin-top:0 !important;
}/* =========================================================
   RECOGNITION — LOCK RIGHT COLUMN ALIGNMENT
   Kayana + African Excellence
   ========================================================= */

/* Both rows use exactly the same two-column geometry */
body.page-id-11668 .ta-recognition-v3-top,
body.page-id-11668 .ta-recognition-v3-grid,
/* =========================================================
   RECOGNITION — LOCK RIGHT COLUMN ALIGNMENT
   Kayana + African Excellence
   ========================================================= */

/* Both rows use exactly the same two-column geometry */
body.page-id-44 .ta-recognition-v3-top,
body.page-id-44 .ta-recognition-v3-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:28px !important;
    width:100% !important;
    max-width:none !important;
}/* Elementor wrappers must not alter grid placement */
body.page-id-11668 .ta-recognition-v3-top > .e-con-inner,
body.page-id-11668 .ta-recognition-v3-grid > .e-con-inner,
/* Elementor wrappers must not alter grid placement */
body.page-id-44 .ta-recognition-v3-top > .e-con-inner,
body.page-id-44 .ta-recognition-v3-grid > .e-con-inner{
    display:contents !important;
}/* Every cell fills its grid column */
body.page-id-11668 .ta-recognition-v3-intro,
body.page-id-11668 .ta-recognition-v3-award,
/* Every cell fills its grid column */
body.page-id-44 .ta-recognition-v3-intro,
body.page-id-44 .ta-recognition-v3-award{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}/* Explicit right-column placement */
body.page-id-11668 [data-id="tarkay1"],
/* Explicit right-column placement */
body.page-id-44 [data-id="tarkay1"]{
    grid-column:2 !important;
}body.page-id-11668 [data-id="tarafr1"],
body.page-id-44 [data-id="tarafr1"]{
    grid-column:2 !important;
}/* Future remains left */
body.page-id-11668 [data-id="tarfut1"],
/* Future remains left */
body.page-id-44 [data-id="tarfut1"]{
    grid-column:1 !important;
}/* Tablet/mobile stack normally */
@media(max-width:1024px),
/* Tablet/mobile stack normally */
@media(max-width:1024px){
    body.page-id-11668 .ta-recognition-v3-top,
    body.page-id-11668 .ta-recognition-v3-grid{
        grid-template-columns:1fr !important;
    }body.page-id-11668 [data-id="tarkay1"],
body.page-id-11668 [data-id="tarafr1"],
body.page-id-11668 [data-id="tarfut1"],
body.page-id-44 [data-id="tarkay1"],
body.page-id-44 [data-id="tarafr1"],
body.page-id-44 [data-id="tarfut1"]{
        grid-column:1 !important;
    }
}



/* =========================================================
   TREEAGAMA HOME — SEAMLESS EDITORIAL FLOW
   Story → Proof → Services → Recognition
   ========================================================= */

@media (min-width:1025px){

    /* WHO WE ARE / STORY
       Give the main story room before the proof points */
    body.page-id-44 .ta-about-story-flow{
        padding-top:100px !important;
        padding-bottom:80px !important;
        background:#fff !important;
    }

    body.page-id-44 .ta-about-story-inner{
        margin-bottom:75px !important;
    }

    /* BRAND / STRATEGY / DESIGN
       Keep it part of the story instead of a compressed strip */
    body.page-id-44 .ta-about-proof-row{
        margin-top:0 !important;
        padding-top:38px !important;
        padding-bottom:90px !important;
        background:#fff !important;
    }

    /* SERVICES
       Give the oversized heading a proper entrance */
    body.page-id-44 .ta-explore-services{
        padding-top:100px !important;
        padding-bottom:100px !important;
    }

    body.page-id-44 .ta-explore-services > .e-con-inner{
        padding-top:0 !important;
    }

    /* Prevent Recognition from being pushed against Services */
    body.page-id-44 .ta-recognition-editorial{
        padding-top:90px !important;
        padding-bottom:90px !important;
        background:#fff !important;
    }
}


/* =========================================================
   PROCESS — REMOVE FULL-WIDTH PURPLE BAND
   Keep TreeAgama colour as an accent, not the canvas
   ========================================================= */

body.page-id-44 .ta-about-process-flow{
    background:#fff !important;
    background-image:none !important;
    margin:0 !important;
    padding:105px 7% 110px !important;
}

/* Internal Process wrapper */
body.page-id-44 .ta-about-process-flow > .e-con-inner{
    background:#fff !important;
    background-image:none !important;
}

/* Remove inherited coloured panel from immediate inner container */
body.page-id-44 .ta-about-process-flow [data-id="b735f31"]{
    background:#fff !important;
    background-image:none !important;
    margin:0 !important;
}

/* Main process heading returns to editorial dark type */
body.page-id-44 .ta-about-process-flow [data-id="c8777af"],
body.page-id-44 .ta-about-process-flow [data-id="c8777af"] *,
body.page-id-44 .ta-about-process-flow [data-id="c8777af"] .pxl-heading{
    color:#171717 !important;
}

/* Highlight remains TreeAgama magenta */
body.page-id-44 .ta-about-process-flow [data-id="c8777af"] .highlight,
body.page-id-44 .ta-about-process-flow [data-id="c8777af"] .pxl-highlight{
    color:#B51BAD !important;
}

/* Supporting process copy */
body.page-id-44 .ta-about-process-flow [data-id="e7f5339"],
body.page-id-44 .ta-about-process-flow [data-id="e7f5339"] *{
    color:#666 !important;
}


/* =========================================================
   TABLET / MOBILE RHYTHM
   ========================================================= */

@media (max-width:1024px){

    body.page-id-44 .ta-about-story-flow{
        padding-top:65px !important;
        padding-bottom:55px !important;
    }

    body.page-id-44 .ta-about-story-inner{
        margin-bottom:50px !important;
    }

    body.page-id-44 .ta-about-proof-row{
        padding-top:28px !important;
        padding-bottom:60px !important;
    }

    body.page-id-44 .ta-explore-services{
        padding-top:65px !important;
        padding-bottom:65px !important;
    }

    body.page-id-44 .ta-recognition-editorial{
        padding-top:65px !important;
        padding-bottom:65px !important;
    }

    body.page-id-44 .ta-about-process-flow{
        padding:70px 5% 75px !important;
    }
}

@media (max-width:767px){

    body.page-id-44 .ta-about-story-flow{
        padding-top:50px !important;
        padding-bottom:45px !important;
    }

    body.page-id-44 .ta-about-story-inner{
        margin-bottom:45px !important;
    }

    body.page-id-44 .ta-about-proof-row{
        padding-bottom:55px !important;
    }

    body.page-id-44 .ta-explore-services{
        padding-top:55px !important;
        padding-bottom:55px !important;
    }

    body.page-id-44 .ta-recognition-editorial{
        padding-top:55px !important;
        padding-bottom:55px !important;
    }

    body.page-id-44 .ta-about-process-flow{
        padding:60px 22px 65px !important;
    }
}


/* =========================================================
   HOME SERVICES — EDITORIAL INTRO
   Structure only. Section spacing remains Elementor-controlled.
   ========================================================= */

body.page-id-44 .ta-services-editorial-intro{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:60px !important;
    width:100% !important;
}

body.page-id-44 .ta-services-editorial-title{
    flex:0 0 54% !important;
    width:54% !important;
    max-width:54% !important;
}

/* Keep headline strong without the former billboard scale */
body.page-id-44 [data-id="84719f9"]{
    width:100% !important;
    max-width:100% !important;
}

/* Right-hand introduction */
body.page-id-44 [data-id="tasvcopy"]{
    flex:0 0 38% !important;
    width:38% !important;
    max-width:480px !important;
    margin-top:8px !important;
}

body.page-id-44 [data-id="tasvcopy"] p{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.55 !important;
    color:#5f5f5f !important;
}

/* Mobile/tablet */
@media(max-width:1024px){

    body.page-id-44 .ta-services-editorial-intro{
        flex-direction:column !important;
        gap:28px !important;
    }

    body.page-id-44 .ta-services-editorial-title,
    body.page-id-44 [data-id="tasvcopy"]{
        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
    }

    body.page-id-44 [data-id="tasvcopy"]{
        margin-top:0 !important;
    }
}

@media(max-width:767px){

    body.page-id-44 .ta-services-editorial-intro{
        gap:22px !important;
    }

    body.page-id-44 [data-id="tasvcopy"] p{
        font-size:16px !important;
        line-height:1.55 !important;
    }
}


/* =========================================================
   TREEAGAMA — SERVICES EDITORIAL INTRO V2
   ========================================================= */

body.page-id-44 .ta-services-v2{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:70px !important;
    align-items:center !important;
}

/* Elementor container wrappers */
body.page-id-44 .ta-services-v2 > .e-con-inner{
    display:contents !important;
}

body.page-id-44 .ta-services-v2-left,
body.page-id-44 .ta-services-v2-right{
    width:100% !important;
    max-width:none !important;
}

/* LEFT */

body.page-id-44 .ta-services-v2-kicker{
    margin:0 0 20px !important;
}

body.page-id-44 .ta-services-v2-kicker .elementor-heading-title{
    margin:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:2px !important;
    color:#B51BAD !important;
}

body.page-id-44 .ta-services-v2-heading{
    margin:0 !important;
}

body.page-id-44 .ta-services-v2-heading .elementor-heading-title{
    margin:0 !important;
    font-size:58px !important;
    line-height:.98 !important;
    letter-spacing:-2.5px !important;
    font-weight:600 !important;
    color:#171717 !important;
}

body.page-id-44 .ta-services-v2-accent{
    color:#B51BAD !important;
}


/* RIGHT */

body.page-id-44 .ta-services-v2-right{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

body.page-id-44 .ta-services-v2-line{
    margin:0 0 28px !important;
}

body.page-id-44 .ta-services-v2-line .elementor-divider-separator{
    width:100% !important;
    border-color:#9DCB3B !important;
    border-top-width:2px !important;
}

body.page-id-44 .ta-services-v2-copy{
    max-width:500px !important;
    margin:0 !important;
}

body.page-id-44 .ta-services-v2-copy p{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.6 !important;
    color:#5e5e5e !important;
}


/* TABLET / MOBILE */

@media(max-width:1024px){

    body.page-id-44 .ta-services-v2{
        grid-template-columns:1fr !important;
        row-gap:42px !important;
    }

    body.page-id-44 .ta-services-v2-heading .elementor-heading-title{
        font-size:48px !important;
        letter-spacing:-2px !important;
    }

    body.page-id-44 .ta-services-v2-copy{
        max-width:650px !important;
    }
}

@media(max-width:767px){

    body.page-id-44 .ta-services-v2{
        row-gap:30px !important;
    }

    body.page-id-44 .ta-services-v2-kicker{
        margin-bottom:14px !important;
    }

    body.page-id-44 .ta-services-v2-heading .elementor-heading-title{
        font-size:38px !important;
        line-height:1.02 !important;
        letter-spacing:-1.4px !important;
    }

    body.page-id-44 .ta-services-v2-line{
        margin-bottom:20px !important;
    }

    body.page-id-44 .ta-services-v2-copy p{
        font-size:16px !important;
    }
}

/* =========================================================
   SERVICES — PRECISE HEADING + DIVIDER FIX
   ========================================================= */

/* Recognition-style two-colour heading */
body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{
    color:#171717 !important;
}

body.page-id-44 [data-id="tasvhead"] .ta-svc-black{
    color:#171717 !important;
}

body.page-id-44 [data-id="tasvhead"] .ta-svc-magenta{
    color:#B51BAD !important;
}


/* Existing divider row spans the same available section width */
body.page-id-44 [data-id="088793d"],
body.page-id-44 .ta-services-full-rule{
    width:100% !important;
    max-width:none !important;
    flex:0 0 100% !important;
}

body.page-id-44 [data-id="088793d"] > .e-con-inner{
    width:100% !important;
    max-width:none !important;
}

/* Existing Elementor divider */
body.page-id-44 [data-id="9f7771c"]{
    width:100% !important;
    max-width:none !important;
}

body.page-id-44 [data-id="9f7771c"] .elementor-divider{
    width:100% !important;
}

body.page-id-44 [data-id="9f7771c"] .elementor-divider-separator{
    width:100% !important;
    max-width:none !important;
}

/* SERVICES — NEW CLEAN FULL-WIDTH DIVIDER */
body.page-id-44 [data-id="tasvdivnew"]{
    width:100% !important;
    max-width:100% !important;
    align-self:stretch !important;
}

body.page-id-44 [data-id="tasvdivline"],
body.page-id-44 [data-id="tasvdivline"] .elementor-widget-container,
body.page-id-44 [data-id="tasvdivline"] .elementor-divider{
    width:100% !important;
    max-width:100% !important;
}

body.page-id-44 [data-id="tasvdivline"] .elementor-divider-separator{
    width:100% !important;
    max-width:100% !important;
}

/* =========================================================
   HOME SERVICES INTRO — RESPONSIVE + INTERACTIVE
   Desktop manual layout preserved
   ========================================================= */

/* ---------- RESPONSIVE TYPOGRAPHY ---------- */

body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{
    font-size:clamp(42px,4.5vw,72px) !important;
    line-height:.98 !important;
    letter-spacing:-0.045em !important;
}

body.page-id-44 [data-id="tasvcopy2"]{
    max-width:540px;
}

body.page-id-44 [data-id="tasvcopy2"] p{
    font-size:clamp(16px,1.25vw,19px) !important;
    line-height:1.6 !important;
}


/* ---------- INTERACTION ---------- */

/* Initial state only when JS is active */
html.ta-services-motion body.page-id-44 [data-id="tasvkick"],
html.ta-services-motion body.page-id-44 [data-id="tasvhead"],
html.ta-services-motion body.page-id-44 [data-id="tasvright"],
html.ta-services-motion body.page-id-44 [data-id="tasvdivnew"]{
    opacity:0;
    transform:translateY(28px);
}

/* Reveal */
html.ta-services-motion body.page-id-44 [data-id="tasvroot"].is-visible [data-id="tasvkick"]{
    opacity:1;
    transform:none;
    transition:
        opacity .55s ease,
        transform .7s cubic-bezier(.2,.75,.25,1);
}

html.ta-services-motion body.page-id-44 [data-id="tasvroot"].is-visible [data-id="tasvhead"]{
    opacity:1;
    transform:none;
    transition:
        opacity .65s .08s ease,
        transform .8s .08s cubic-bezier(.2,.75,.25,1);
}

html.ta-services-motion body.page-id-44 [data-id="tasvroot"].is-visible [data-id="tasvright"]{
    opacity:1;
    transform:none;
    transition:
        opacity .65s .18s ease,
        transform .8s .18s cubic-bezier(.2,.75,.25,1);
}

html.ta-services-motion body.page-id-44 [data-id="tasvdivnew"].is-visible{
    opacity:1;
    transform:none;
    transition:
        opacity .55s .25s ease,
        transform .75s .25s cubic-bezier(.2,.75,.25,1);
}


/* Magenta phrase — subtle editorial hover */
body.page-id-44 [data-id="tasvhead"] .ta-svc-magenta{
    display:inline-block;
    transition:
        transform .35s cubic-bezier(.2,.75,.25,1),
        letter-spacing .35s ease;
}

@media (hover:hover) and (pointer:fine){

    body.page-id-44 [data-id="tasvroot"]:hover
    [data-id="tasvhead"] .ta-svc-magenta{
        transform:translateX(7px);
        letter-spacing:-0.035em;
    }
}


/* ---------- TABLET ---------- */

@media (max-width:1024px){

    body.page-id-44 [data-id="tasvroot"]{
        column-gap:42px !important;
    }

    body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{
        font-size:clamp(40px,5.7vw,58px) !important;
    }

    body.page-id-44 [data-id="tasvright"]{
        margin-top:30px !important;
    }
}


/* ---------- MOBILE ---------- */

@media (max-width:767px){

    body.page-id-44 [data-id="tasvroot"]{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        gap:0 !important;
    }

    body.page-id-44 [data-id="tasvleft"],
    body.page-id-44 [data-id="tasvright"]{
        width:100% !important;
        max-width:100% !important;
    }

    body.page-id-44 [data-id="tasvright"]{
        margin-top:26px !important;
    }

    body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{
        font-size:clamp(38px,11vw,50px) !important;
        line-height:1 !important;
        letter-spacing:-0.04em !important;
    }

    body.page-id-44 [data-id="tasvcopy2"]{
        max-width:100% !important;
    }

    body.page-id-44 [data-id="tasvcopy2"] p{
        font-size:16px !important;
        line-height:1.55 !important;
    }

    body.page-id-44 [data-id="tasvdivnew"]{
        width:100% !important;
    }
}


/* ---------- ACCESSIBILITY ---------- */

@media (prefers-reduced-motion:reduce){

    html.ta-services-motion body.page-id-44 [data-id="tasvkick"],
    html.ta-services-motion body.page-id-44 [data-id="tasvhead"],
    html.ta-services-motion body.page-id-44 [data-id="tasvright"],
    html.ta-services-motion body.page-id-44 [data-id="tasvdivnew"]{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }

    body.page-id-44 [data-id="tasvhead"] .ta-svc-magenta{
        transform:none !important;
        transition:none !important;
    }
}

/* SERVICES — match faint dividers used by service rows */
body.page-id-44 [data-id="tasvdivline"] .elementor-divider-separator{
    border-top-color:rgba(23,23,23,.16) !important;
    border-top-width:1px !important;
}

/* TreeAgama shared Home/About Process — consolidated reference layout */
body:is(.page-id-44,.page-id-11668) .ta-process-new{width:100%!important;max-width:none!important;padding:18px 7% 75px!important;margin-top:-50px!important;background:#fff!important;gap:0!important;overflow:hidden!important}
body:is(.page-id-44,.page-id-11668) .ta-process-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:70px!important;align-items:center!important;width:100%!important}
body:is(.page-id-44,.page-id-11668) .ta-process-intro>.e-con-inner{display:contents!important}
body:is(.page-id-44,.page-id-11668) .ta-process-intro-left,body:is(.page-id-44,.page-id-11668) .ta-process-intro-right{width:100%!important;min-width:0!important;gap:0!important;padding:0!important}
body:is(.page-id-44,.page-id-11668) [data-id="taprockick"]{margin:0 0 16px!important}
body:is(.page-id-44,.page-id-11668) [data-id="taprockick"] .elementor-heading-title{color:#B51BAD!important;font-size:12px!important;line-height:1!important;font-weight:700!important;letter-spacing:.17em!important}
body:is(.page-id-44,.page-id-11668) [data-id="taprochead"]{margin:0!important}
body:is(.page-id-44,.page-id-11668) [data-id="taprochead"] .elementor-heading-title{margin:0!important;color:#171717!important;font-size:clamp(42px,4.4vw,70px)!important;line-height:1.02!important;font-weight:600!important;letter-spacing:-.045em!important}
body:is(.page-id-44,.page-id-11668) .ta-process-black{color:#171717!important}
body:is(.page-id-44,.page-id-11668) .ta-process-magenta{color:#B51BAD!important}
body:is(.page-id-44,.page-id-11668) [data-id="taproccopy"]{width:100%!important;max-width:520px!important;margin:0!important}
body:is(.page-id-44,.page-id-11668) [data-id="taproccopy"] p{margin:0!important;color:#5f626b!important;font-size:18px!important;line-height:1.55!important}
body:is(.page-id-44,.page-id-11668) .ta-process-rule{display:none!important}
body:is(.page-id-44,.page-id-11668) .ta-process-journey{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;margin:0!important;padding:78px 0 0!important}
body:is(.page-id-44,.page-id-11668) .ta-process-journey>.e-con-inner{display:contents!important}
body:is(.page-id-44,.page-id-11668) .ta-process-track{position:absolute!important;top:148px!important;left:0!important;right:0!important;width:100%!important;height:1px!important;min-height:1px!important;padding:0!important;margin:0!important;background:#c9cbd0!important;z-index:0!important;overflow:hidden!important}
body:is(.page-id-44,.page-id-11668) .ta-process-progress{position:absolute!important;inset:0!important;width:100%!important;height:1px!important;min-height:1px!important;padding:0!important;background:#9DCB3B!important;transform-origin:left}
body:is(.page-id-44,.page-id-11668) .ta-process-stage{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;gap:0!important;padding:0 20px!important;margin:0!important;text-align:center!important;background:transparent!important;border:0!important;z-index:1!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage::before,body:is(.page-id-44,.page-id-11668) .ta-process-stage::after{content:none!important}
body:is(.page-id-44,.page-id-11668) .ta-process-node{position:relative!important;display:block!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body:is(.page-id-44,.page-id-11668) .ta-process-node>.e-con-inner{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body:is(.page-id-44,.page-id-11668) .ta-process-node .elementor-widget{width:48px!important;height:48px!important;margin:0 auto!important;text-align:center!important;border:1px solid rgba(181,27,173,.22)!important;border-radius:50%!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:border-color .3s,box-shadow .3s,background .3s!important}
body:is(.page-id-44,.page-id-11668) .ta-process-node .elementor-heading-title{text-align:center!important;margin:0!important;color:#171717!important;font-size:22px!important;line-height:1!important;font-weight:500!important;letter-spacing:-.025em!important}
body:is(.page-id-44,.page-id-11668) .ta-process-node::after{content:""!important;position:absolute!important;left:50%!important;top:70px!important;transform:translate(-50%,-50%)!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#9DCB3B!important;box-shadow:0 0 0 7px rgba(157,203,59,.12)!important}
body:is(.page-id-44,.page-id-11668) .ta-process-node::before{content:""!important;position:absolute!important;left:50%!important;top:76px!important;width:1px!important;height:28px!important;background:#c9cbd0!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="title"]{margin:70px 0 14px!important;width:100%!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="title"] .elementor-heading-title{margin:0!important;color:#171717!important;font-size:15px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.18em!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="sub"]{width:100%!important;max-width:340px!important;margin:0!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="sub"] .elementor-heading-title{margin:0!important;color:#666a73!important;font-size:17px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:0!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="copy"]{display:none!important}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){body:is(.page-id-44,.page-id-11668) .ta-process-new.is-visible .ta-process-progress{animation:ta-process-draw 1.4s ease both}@keyframes ta-process-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(max-width:1024px){body:is(.page-id-44,.page-id-11668) .ta-process-new{padding:20px 5% 65px!important;margin-top:-30px!important}body:is(.page-id-44,.page-id-11668) .ta-process-intro{gap:35px!important}body:is(.page-id-44,.page-id-11668) .ta-process-stage{padding:0 12px!important}body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="sub"] .elementor-heading-title{font-size:15px!important}}
@media(max-width:767px){body:is(.page-id-44,.page-id-11668) .ta-process-new{padding:20px 22px 55px!important;margin-top:-25px!important}body:is(.page-id-44,.page-id-11668) .ta-process-intro{display:flex!important;flex-direction:column!important;gap:25px!important;align-items:stretch!important}body:is(.page-id-44,.page-id-11668) [data-id="taprochead"] .elementor-heading-title{font-size:clamp(34px,9.3vw,48px)!important}body:is(.page-id-44,.page-id-11668) [data-id="taproccopy"] p{font-size:16px!important}body:is(.page-id-44,.page-id-11668) .ta-process-journey{display:flex!important;flex-direction:column!important;gap:36px!important;padding:48px 0 0 58px!important}body:is(.page-id-44,.page-id-11668) .ta-process-track{top:48px!important;bottom:0!important;left:17px!important;right:auto!important;width:1px!important;height:auto!important}body:is(.page-id-44,.page-id-11668) .ta-process-progress{height:100%!important;width:1px!important}body:is(.page-id-44,.page-id-11668) .ta-process-stage{align-items:flex-start!important;text-align:left!important;padding:0!important}body:is(.page-id-44,.page-id-11668) .ta-process-node{position:absolute!important;left:-58px!important;top:0!important;width:35px!important;height:24px!important;min-height:24px!important;background:#fff!important}body:is(.page-id-44,.page-id-11668) .ta-process-node .elementor-heading-title{font-size:18px!important;line-height:24px!important}body:is(.page-id-44,.page-id-11668) .ta-process-node::after{top:36px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 5px rgba(157,203,59,.12)!important}body:is(.page-id-44,.page-id-11668) .ta-process-node::before{display:none!important}body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="title"]{margin:0 0 10px!important}body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="sub"]{max-width:none!important}}

/* Process number rings, sequential entrance and pointer/keyboard response */
body:is(.page-id-44,.page-id-11668) .ta-process-stage{outline:none!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage:hover .ta-process-node .elementor-widget,
body:is(.page-id-44,.page-id-11668) .ta-process-stage:focus-visible .ta-process-node .elementor-widget{border-color:#B51BAD!important;background:#fcf6fc!important;box-shadow:0 0 0 5px rgba(181,27,173,.07)!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage:hover [data-id$="title"] .elementor-heading-title,
body:is(.page-id-44,.page-id-11668) .ta-process-stage:focus-visible [data-id$="title"] .elementor-heading-title{color:#B51BAD!important}
body:is(.page-id-44,.page-id-11668) .ta-process-stage [data-id$="title"] .elementor-heading-title{transition:color .3s!important}
@media(prefers-reduced-motion:no-preference){
body:is(.page-id-44,.page-id-11668) .ta-process-stage.is-active .ta-process-node .elementor-widget{animation:ta-number-arrive .7s ease both}
body:is(.page-id-44,.page-id-11668) .ta-process-stage.is-active [data-id$="title"],body:is(.page-id-44,.page-id-11668) .ta-process-stage.is-active [data-id$="sub"]{animation:ta-stage-arrive .6s ease both}
@keyframes ta-number-arrive{0%{opacity:0;transform:scale(.8);box-shadow:0 0 0 0 rgba(181,27,173,.16)}60%{opacity:1;transform:scale(1.05);box-shadow:0 0 0 7px rgba(181,27,173,.06)}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 transparent}}
@keyframes ta-stage-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
@media(max-width:767px){body:is(.page-id-44,.page-id-11668) .ta-process-node .elementor-widget{width:30px!important;height:30px!important}body:is(.page-id-44,.page-id-11668) .ta-process-node .elementor-heading-title{font-size:14px!important;line-height:1!important}body:is(.page-id-44,.page-id-11668) .ta-process-node::after{top:50px!important}}

/* TreeAgama homepage — responsive spacing audit, 2026-10-05 */
body.page-id-44 [data-id="385c238"],body.page-id-44 [data-id="161842e"]{padding-left:7%!important;padding-right:7%!important}
body.page-id-44 [data-id="385c238"]>.e-con-inner{padding:75px 0 60px!important;max-width:1280px!important}
body.page-id-44 [data-id="be78083"]{margin-bottom:0!important}
body.page-id-44 [data-id="bd4ba7d"]{padding:45px 7% 0!important}
body.page-id-44 [data-id="949b40c"]{width:100%!important;max-width:1280px!important;margin-inline:auto!important}
body.page-id-44 .ta-service-row{min-width:0!important;gap:32px!important;padding:28px 0!important}
body.page-id-44 .ta-service-row>.elementor-element{min-width:0!important}
body.page-id-44 .ta-recognition-editorial{padding-top:65px!important;padding-bottom:55px!important}
body.page-id-44 .ta-process-new{margin-top:0!important;padding-top:12px!important}
body.page-id-44 .ta-global-footer{margin-top:0!important}
@media(max-width:1024px){
body.page-id-44 [data-id="385c238"],body.page-id-44 [data-id="161842e"]{padding-left:5%!important;padding-right:5%!important}
body.page-id-44 [data-id="385c238"]>.e-con-inner{padding:55px 0 45px!important}
body.page-id-44 [data-id="bd4ba7d"]{padding:45px 5% 0!important}
body.page-id-44 .ta-recognition-editorial{padding:55px 5% 40px!important}
body.page-id-44 .ta-recognition-v3-top,body.page-id-44 .ta-recognition-v3-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
body.page-id-44 .ta-recognition-v3-intro,body.page-id-44 .ta-recognition-v3-award{grid-column:1!important;width:100%!important;max-width:none!important;min-width:0!important}
body.page-id-44 .ta-recognition-v3-intro{padding:0 0 12px!important}
body.page-id-44 .ta-recognition-v3-award{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;height:auto!important;min-height:210px!important;overflow:hidden!important}
body.page-id-44 .ta-recognition-v3-image,body.page-id-44 .ta-recognition-v3-content{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important}
body.page-id-44 .ta-recognition-v3-content{padding:25px!important}
body.page-id-44 .ta-process-new{margin-top:0!important;padding-top:10px!important}
}
@media(max-width:767px){
body.page-id-44 [data-id="385c238"],body.page-id-44 [data-id="161842e"]{padding-left:22px!important;padding-right:22px!important}
body.page-id-44 [data-id="385c238"]>.e-con-inner{padding:45px 0 28px!important}
body.page-id-44 [data-id="0bfacf0"]{padding:0!important;margin:0 0 30px!important;width:100%!important}
body.page-id-44 [data-id="f93f32d"] img{width:100%!important;height:auto!important;max-height:330px!important;object-fit:cover!important}
body.page-id-44 [data-id="b3f8768"]{gap:22px!important}
body.page-id-44 [data-id="e1b0e8a"] .pxl-heading-subtitle{margin-bottom:18px!important;font-size:12px!important}
body.page-id-44 [data-id="e1b0e8a"] h2{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.08!important}
body.page-id-44 [data-id="b6dbf9b"] p,body.page-id-44 [data-id="b6dbf9b"] .pxl-line{font-size:16px!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:break-word!important}
body.page-id-44 [data-id="161842e"]>.e-con-inner{padding:20px 0 25px!important}
body.page-id-44 [data-id="bd4ba7d"]{padding:35px 22px 0!important}
body.page-id-44 .ta-service-row{padding:28px 0!important;gap:18px!important}
body.page-id-44 .ta-service-info p,body.page-id-44 .ta-service-info .e-paragraph-base{font-size:16px!important;line-height:1.55!important}
body.page-id-44 .ta-service-title{font-size:clamp(25px,7.2vw,32px)!important;line-height:1.12!important}
body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{font-size:clamp(32px,9.5vw,46px)!important;line-height:1.04!important}
body.page-id-44 .ta-recognition-editorial{padding:45px 22px 35px!important}
body.page-id-44 .ta-recognition-v3-top,body.page-id-44 .ta-recognition-v3-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
body.page-id-44 .ta-recognition-v3-award{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;height:auto!important}
body.page-id-44 .ta-recognition-v3-image{padding:18px!important;min-height:160px!important;max-height:210px!important;border-right:0!important;border-bottom:1px solid rgba(23,23,23,.08)!important}
body.page-id-44 .ta-recognition-v3-image img{max-height:165px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
body.page-id-44 .ta-recognition-v3-content{padding:24px!important;height:auto!important}
body.page-id-44 .ta-recognition-v3-content .elementor-heading-title{font-size:21px!important;line-height:1.15!important}
body.page-id-44 [data-id="tarhead"] .elementor-heading-title{font-size:clamp(30px,9vw,40px)!important;line-height:1.08!important}
body.page-id-44 .ta-process-new{margin-top:0!important;padding:10px 22px 45px!important}
body.page-id-44 .back-to-top-button{width:40px!important;height:40px!important;right:10px!important;bottom:12px!important;line-height:40px!important}
body.page-id-44 [data-id="taecleft"],body.page-id-44 [data-id="taecright"]{padding:26px 22px!important;min-height:210px!important}
}


/* About Story — editable image and unified text column */
body.page-id-11668 .ta-about-story-copy{gap:22px!important;align-items:flex-start!important;min-width:0!important}
body.page-id-11668 .ta-about-story-copy>.elementor-widget{width:100%!important;margin:0!important}
body.page-id-11668 .ta-about-story-kicker .elementor-heading-title{color:#B51BAD;font-size:12px;line-height:1;font-weight:700;letter-spacing:.17em}
body.page-id-11668 .ta-about-story-title .elementor-heading-title{color:#171717;font-size:clamp(36px,3.6vw,54px);line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:0}
body.page-id-11668 .ta-about-story-accent{color:#B51BAD}
body.page-id-11668 .ta-about-story-lead p{color:#171717;font-size:18px;line-height:1.4;font-weight:600;margin:0}
body.page-id-11668 .ta-about-story-description p{color:#5f626b;font-size:17px;line-height:1.6;font-weight:400;margin:0;max-width:510px}
body.page-id-11668 .ta-about-story-copy .elementor-widget-button{margin-top:2px!important}
@media(max-width:1024px){body.page-id-11668 .ta-about-story-title .elementor-heading-title{font-size:38px}}
@media(max-width:767px){body.page-id-11668 .ta-about-story-copy{gap:18px!important}body.page-id-11668 .ta-about-story-title .elementor-heading-title{font-size:clamp(30px,8.5vw,40px)}body.page-id-11668 .ta-about-story-description p{font-size:16px}body.page-id-11668 .ta-about-story-lead p{font-size:17px}}

/* TreeAgama About — native editorial disciplines and measured flow */
body.page-id-11668 .ta-about-story-flow>.e-con-inner{padding:0!important;gap:0!important;max-width:1280px!important}
body.page-id-11668 .ta-about-story-flow{padding:75px 7% 35px!important}
body.page-id-11668 .ta-about-proof-row{margin:44px auto 0!important;padding:28px 0 28px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
body.page-id-11668 .ta-about-proof-row>.e-con-inner{display:contents!important}
body.page-id-11668 .ta-about-discipline{width:100%!important;min-width:0!important;background:transparent!important;padding:0 28px!important;gap:12px!important;border:0!important;border-radius:0!important}
body.page-id-11668 .ta-about-discipline:first-child{padding-left:0!important}
body.page-id-11668 .ta-about-discipline+.ta-about-discipline{border-left:1px solid #dedede!important}
body.page-id-11668 .ta-about-discipline-number .elementor-heading-title{color:#9DCB3B;font-size:13px;font-weight:600;letter-spacing:.1em}
body.page-id-11668 .ta-about-discipline-title .elementor-heading-title{color:#171717;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
body.page-id-11668 .ta-about-discipline-copy p{color:#666a73;font-size:16px;line-height:1.5;margin:0}
body.page-id-11668 .ta-process-new{margin-top:0!important;padding-top:12px!important}
body.page-id-11668 .treeagama-about-cta-v2 .elementor-button{display:block;width:100%;background:transparent!important;border:0;border-bottom:1px solid #555;border-radius:0;padding:0 0 12px;color:#fff;font-size:14px;font-weight:400;text-align:left}
body.page-id-11668 .treeagama-about-cta-v2 .elementor-button-content-wrapper{justify-content:space-between;gap:18px}
body.page-id-11668 .treeagama-about-cta-v2 .elementor-button-icon{color:#9DCB3B;font-size:12px}
body.page-id-11668 .ta-about-brands-flow{padding:55px 0 65px!important}
body.page-id-11668 .ta-about-brands-flow h2{color:#171717;font-size:clamp(26px,2.8vw,38px);line-height:1.15;letter-spacing:-.025em}
body.page-id-11668 .ta-about-brands-flow .swiper-slide img{width:100%;height:90px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .3s,opacity .3s}
body.page-id-11668 .ta-about-brands-flow .swiper-slide:hover img{filter:none;opacity:1}
@media(max-width:1024px){
body.page-id-11668 .ta-about-story-flow{padding:55px 5% 30px!important}
body.page-id-11668 .ta-about-story-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:35px!important}
body.page-id-11668 .ta-process-new{margin-top:0!important;padding-top:10px!important}
}
@media(max-width:767px){
body.page-id-11668 .ta-about-story-flow{padding:45px 22px 25px!important}
body.page-id-11668 .ta-about-story-inner{gap:28px!important}
body.page-id-11668 .ta-about-story-visual img{max-height:360px;object-fit:cover}
body.page-id-11668 .ta-about-proof-row{margin:32px 0 0!important;padding-top:12px!important;gap:0!important}
body.page-id-11668 .ta-about-discipline,body.page-id-11668 .ta-about-discipline:first-child{padding:24px 0!important;gap:10px!important}
body.page-id-11668 .ta-about-discipline+.ta-about-discipline{border-left:0!important;border-top:1px solid #dedede!important}
body.page-id-11668 .ta-process-new{padding:10px 22px 45px!important;margin-top:0!important}
body.page-id-11668 .ta-about-brands-flow{margin:0 22px!important;padding:40px 0 45px!important}
body.page-id-11668 .ta-about-brands-flow .swiper-slide img{height:65px}
body.page-id-11668 .back-to-top-button{width:40px!important;height:40px!important;right:10px!important;bottom:12px!important;line-height:40px!important}
}

body.page-id-11668 .ta-about-native-story-image{width:100%!important}
body.page-id-11668 .ta-about-native-story-image img{display:block;width:100%!important;height:388px!important;object-fit:cover!important;border-radius:0!important}
@media(max-width:767px){body.page-id-11668 .ta-about-native-story-image img{height:auto!important;max-height:340px!important}}

/* Preserve award composition while reserving image space on smaller screens. */
@media(max-width:1024px){
body.page-id-11668 .ta-recognition-v3-award{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;height:auto!important;min-height:210px!important;overflow:hidden!important}
body.page-id-11668 .ta-recognition-v3-image,body.page-id-11668 .ta-recognition-v3-content{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important}
body.page-id-11668 .ta-recognition-v3-image{padding:18px!important}
body.page-id-11668 .ta-recognition-v3-image img{max-width:100%!important;max-height:175px!important;object-fit:contain!important}
body.page-id-11668 .ta-recognition-v3-content{padding:25px!important}
}
@media(max-width:767px){
body.page-id-11668 .ta-recognition-v3-award{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
body.page-id-11668 .ta-recognition-v3-image{min-height:160px!important;max-height:210px!important;border-right:0!important;border-bottom:1px solid rgba(23,23,23,.08)!important}
body.page-id-11668 .ta-recognition-v3-content{padding:24px!important}
}

body.page-id-11668 .ta-about-brands-flow{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:45px!important;align-items:center!important}
body.page-id-11668 .ta-about-brands-heading{margin:0!important}
body.page-id-11668 .ta-about-brands-heading h2{font-size:22px!important;line-height:1.25!important}
body.page-id-11668 .ta-about-brand-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;gap:24px!important;align-items:center!important}
body.page-id-11668 .ta-about-brand-logo{width:100%!important;min-width:0!important;margin:0!important}
body.page-id-11668 .ta-about-brand-logo img{width:100%!important;height:80px!important;object-fit:contain!important;filter:none;opacity:1;transition:filter .3s,opacity .3s}
body.page-id-11668 .ta-about-brand-logo:hover img{filter:none;opacity:1}
@media(max-width:1024px){body.page-id-11668 .ta-about-brands-flow{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}body.page-id-11668 .ta-about-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){body.page-id-11668 .ta-about-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}body.page-id-11668 .ta-about-brand-logo img{height:65px!important}}

/* About editorial interaction — one connected Story / disciplines / Recognition flow. */
body.page-id-11668 .ta-about-native-story-image{overflow:hidden;position:relative}
body.page-id-11668 .ta-about-native-story-image img{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .7s;transform-origin:50% 55%}
body.page-id-11668 .ta-about-story-visual:hover img{transform:scale(1.045);filter:saturate(1.08)}
body.page-id-11668 .ta-about-story-accent{display:inline-block;transition:transform .45s}
body.page-id-11668 .ta-about-story-copy:hover .ta-about-story-accent{transform:translateX(5px)}
body.page-id-11668 .ta-about-proof-row{position:relative;background:transparent!important;min-height:205px;align-items:start!important}
body.page-id-11668 .ta-about-discipline{position:relative;min-height:150px;transition:background .4s}
body.page-id-11668 .ta-about-discipline-number .elementor-heading-title{font-size:30px!important;line-height:1!important;font-weight:400!important;color:#91958e!important;transition:color .35s,transform .35s}
body.page-id-11668 .ta-about-discipline-title{position:relative;cursor:pointer;outline:none;padding-right:25px!important}
body.page-id-11668 .ta-about-discipline-title .elementor-heading-title{font-size:clamp(26px,2.4vw,34px)!important;transition:color .35s}
body.page-id-11668 .ta-about-interactive .ta-about-discipline-title::after{content:'+';position:absolute;right:0;top:0;font-size:22px;line-height:1.3;font-weight:300;color:#777;transition:transform .35s,color .35s}
body.page-id-11668 .ta-about-interactive .is-selected .ta-about-discipline-title::after{transform:rotate(45deg);color:#B51BAD}
body.page-id-11668 .ta-about-discipline-title::before{content:'';position:absolute;left:0;bottom:-7px;height:2px;width:38px;background:#B51BAD;transform:scaleX(0);transform-origin:left;transition:transform .4s}
body.page-id-11668 .is-selected .ta-about-discipline-title::before{transform:scaleX(1)}
body.page-id-11668 .is-selected .ta-about-discipline-title .elementor-heading-title{color:#B51BAD}
body.page-id-11668 .is-selected .ta-about-discipline-number .elementor-heading-title{color:#9DCB3B!important;transform:translateY(-3px)}
body.page-id-11668 .ta-about-discipline-title:focus-visible{outline:2px solid #B51BAD;outline-offset:7px;border-radius:2px}
body.page-id-11668 .ta-about-interactive .ta-about-discipline-copy{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(8px);transition:max-height .45s,opacity .35s,transform .45s,visibility .35s}
body.page-id-11668 .ta-about-interactive .is-selected .ta-about-discipline-copy{max-height:150px;opacity:1;visibility:visible;transform:none;padding-top:8px}
body.page-id-11668 .ta-recognition-editorial{padding-top:48px!important;scroll-margin-top:90px}
@media(prefers-reduced-motion:no-preference){
body.page-id-11668 .ta-about-motion .ta-about-story-inner:not(.ta-about-entered) .ta-about-story-visual,body.page-id-11668 .ta-about-motion .ta-about-story-inner:not(.ta-about-entered) .ta-about-story-copy>.elementor-widget,body.page-id-11668 .ta-about-motion .ta-about-proof-row:not(.ta-about-entered)>.ta-about-discipline{opacity:0;transform:translateY(22px)}
body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-visual,body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-copy>.elementor-widget,body.page-id-11668 .ta-about-motion .ta-about-proof-row.ta-about-entered>.ta-about-discipline{transition:opacity .65s,transform .8s cubic-bezier(.2,.7,.2,1)}
body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-copy>.elementor-widget:nth-child(1){transition-delay:.08s}
body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-copy>.elementor-widget:nth-child(2){transition-delay:.16s}
body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-copy>.elementor-widget:nth-child(3){transition-delay:.24s}
body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-copy>.elementor-widget:nth-child(4){transition-delay:.32s}
body.page-id-11668 .ta-about-motion .ta-about-entered .ta-about-story-copy>.elementor-widget:nth-child(5){transition-delay:.4s}
body.page-id-11668 .ta-about-motion .ta-about-proof-row.ta-about-entered>.ta-about-discipline:nth-child(2){transition-delay:.12s}
body.page-id-11668 .ta-about-motion .ta-about-proof-row.ta-about-entered>.ta-about-discipline:nth-child(3){transition-delay:.24s}
}
@media(max-width:767px){body.page-id-11668 .ta-about-proof-row{min-height:0;background:transparent!important}body.page-id-11668 .ta-about-discipline{min-height:0}body.page-id-11668 .ta-about-discipline-number .elementor-heading-title{font-size:22px!important}body.page-id-11668 .ta-about-discipline-title .elementor-heading-title{font-size:28px!important}body.page-id-11668 .ta-recognition-editorial{padding-top:30px!important}}
@media(prefers-reduced-motion:reduce){body.page-id-11668 .ta-about-story-flow *{transition:none!important;animation:none!important}body.page-id-11668 .ta-about-story-visual:hover img,body.page-id-11668 .ta-about-story-copy:hover .ta-about-story-accent{transform:none}}


/* About coloured clients — timed carousel with navigation. */
body.page-id-11668 .ta-about-brand-grid.ta-logo-carousel{display:block!important;overflow:hidden!important;min-width:0!important}
body.page-id-11668 .ta-logo-carousel-track{display:flex;width:max-content;will-change:transform}
body.page-id-11668 .ta-logo-carousel-group{display:flex;align-items:center;gap:38px;padding-right:38px;flex-shrink:0}
body.page-id-11668 .ta-logo-carousel-group .ta-about-brand-logo{width:112px!important;flex:0 0 112px!important}
body.page-id-11668 .ta-logo-carousel-controls{grid-column:2;display:flex;justify-content:flex-end;gap:8px;margin-top:-24px}
body.page-id-11668 .ta-logo-carousel-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #dedede;background:transparent;border-radius:50%;color:#171717;font-size:17px;cursor:pointer}
body.page-id-11668 .ta-logo-carousel-controls button:hover,body.page-id-11668 .ta-logo-carousel-controls button:focus-visible{border-color:#B51BAD;color:#B51BAD;outline-offset:3px}
@media(max-width:1024px){body.page-id-11668 .ta-logo-carousel-controls{grid-column:1;margin-top:-12px}}
@media(max-width:767px){body.page-id-11668 .ta-logo-carousel-group{gap:28px;padding-right:28px}body.page-id-11668 .ta-logo-carousel-group .ta-about-brand-logo{width:100px!important;flex-basis:100px!important}}

/* Homepage integrated positioning and native selected work — 2026-10-07. */
body.page-id-44 [data-id="b6dbf9b"] .pxl-text-editor{max-width:440px!important}
body.page-id-44 [data-id="b6dbf9b"] .pxl-line{white-space:normal!important}
body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{font-size:clamp(36px,4.1vw,62px)!important}
body.page-id-44 .ta-home-work,body.page-id-44 .ta-home-clients{width:100%;padding:65px 7% 35px;gap:0;background:#fff;color:#171717}
body.page-id-44 .ta-home-work>.e-con-inner,body.page-id-44 .ta-home-clients>.e-con-inner{max-width:1280px;width:100%;gap:0;padding:0}
body.page-id-44 .ta-home-work-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;padding:0 0 44px;width:100%}
body.page-id-44 .ta-home-work-intro>.e-con-inner,body.page-id-44 .ta-home-case>.e-con-inner,body.page-id-44 .ta-home-clients>.e-con-inner{display:contents}
body.page-id-44 .ta-home-work-left{gap:16px;padding:0;width:100%}
body.page-id-44 .ta-home-kicker .elementor-heading-title{font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.17em;color:#B51BAD}
body.page-id-44 .ta-home-section-heading .elementor-heading-title{font-size:clamp(38px,4.1vw,62px);line-height:1.04;letter-spacing:-.045em;font-weight:600;color:#171717;margin:0}
body.page-id-44 .ta-home-section-heading span,body.page-id-44 .ta-home-client-heading span{color:#B51BAD}
body.page-id-44 .ta-home-section-copy p{font-size:17px;line-height:1.6;color:#62656b;margin:0}
body.page-id-44 .ta-home-case{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;width:100%;padding:32px 0;border-top:1px solid #dedede;align-items:start;background:transparent}
body.page-id-44 .ta-home-case-title{gap:12px;width:100%;padding:0;min-width:0}
body.page-id-44 .ta-home-case-number .elementor-heading-title{color:#9DCB3B;font-size:14px;line-height:1;font-weight:600;letter-spacing:.1em}
body.page-id-44 .ta-home-case-name .elementor-heading-title{font-size:clamp(26px,2.5vw,36px);line-height:1.13;letter-spacing:-.025em;font-weight:600;color:#171717;transition:color .3s}
body.page-id-44 .ta-home-case-discipline p{font-size:10px;line-height:1.6;letter-spacing:.12em;font-weight:600;color:#767676;margin:0}
body.page-id-44 .ta-home-case-content{gap:15px;width:100%;padding:0;min-width:0}
body.page-id-44 .ta-home-case-detail p{font-size:16px;line-height:1.55;color:#60636a;margin:0}
body.page-id-44 .ta-home-case-detail strong{display:block;color:#171717;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-weight:600}
@media(hover:hover){body.page-id-44 .ta-home-case:hover .ta-home-case-name .elementor-heading-title{color:#B51BAD}}
body.page-id-44 .ta-home-clients{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;padding-top:25px;padding-bottom:65px;align-items:center}
body.page-id-44 .ta-home-client-intro{width:100%;gap:16px;padding:0;min-width:0}
body.page-id-44 .ta-home-client-heading .elementor-heading-title{font-size:clamp(28px,2.8vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.03em;color:#171717}
body.page-id-44 .ta-home-client-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;padding:0;align-items:center}
body.page-id-44 .ta-home-client-logos>.e-con-inner{display:contents}
body.page-id-44 .ta-home-client-logo{width:100%;min-width:0;margin:0}
body.page-id-44 .ta-home-client-logo img{width:100%;height:85px;object-fit:contain;filter:none}
@media(max-width:1024px){body.page-id-44 .ta-home-work{padding:55px 5% 20px}body.page-id-44 .ta-home-work-intro,body.page-id-44 .ta-home-case{gap:35px}body.page-id-44 .ta-home-clients{padding:25px 5% 55px;gap:35px}}
@media(max-width:767px){body.page-id-44 .ta-home-work{padding:45px 22px 10px}body.page-id-44 .ta-home-work-intro{grid-template-columns:1fr;gap:24px;padding-bottom:30px}body.page-id-44 .ta-home-section-heading .elementor-heading-title{font-size:clamp(30px,8.4vw,42px)}body.page-id-44 .ta-home-case{grid-template-columns:1fr;gap:22px;padding:28px 0}body.page-id-44 .ta-home-case-content{gap:16px}body.page-id-44 .ta-home-section-copy p,body.page-id-44 .ta-home-case-detail p{font-size:16px}body.page-id-44 .ta-home-clients{grid-template-columns:1fr;gap:30px;padding:15px 22px 45px}body.page-id-44 .ta-home-client-logos{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}body.page-id-44 .ta-home-client-logo img{height:65px}body.page-id-44 [data-id="tasvhead"] .elementor-heading-title{font-size:clamp(30px,8.4vw,42px)}}

/* ==========================================================
   INTRO — FORCE THE EDITORIAL TWO-COLUMN COMPOSITION
   ========================================================== */

body.single-portfolio .elementor-10906 .ta-service-intro{
    background:#0c0c0c !important;
    width:100% !important;
    padding:105px 5.5% 115px !important;
}

body.single-portfolio .elementor-10906 .ta-service-intro-inner{
    width:100% !important;
    max-width:1500px !important;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.55fr) !important;

    column-gap:8vw !important;
    align-items:start !important;
}


/* Elementor container children */
body.single-portfolio .elementor-10906 .ta-service-intro-copy{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    padding:0 !important;
}

body.single-portfolio .elementor-10906 .ta-service-intro-visual{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    display:block !important;
    padding:0 !important;
}


/* Small navigation marker */
body.single-portfolio .elementor-10906 .ta-service-intro-kicker{
    margin:0 0 74px !important;
}

body.single-portfolio .elementor-10906
.ta-service-intro-kicker .elementor-heading-title{
    color:#9DCB3B !important;

    font-size:10px !important;
    line-height:1.2 !important;

    font-weight:600 !important;
    letter-spacing:.16em !important;

    margin:0 !important;
}


/* Main statement */
body.single-portfolio .elementor-10906 .ta-service-intro-heading{
    width:100% !important;
    max-width:850px !important;
    margin:0 0 38px !important;
}

body.single-portfolio .elementor-10906
.ta-service-intro-heading .elementor-heading-title{
    color:#fff !important;

    font-size:clamp(48px,4.7vw,72px) !important;
    line-height:1.02 !important;

    font-weight:500 !important;
    letter-spacing:-.05em !important;

    margin:0 !important;
}


/* Supporting copy */
body.single-portfolio .elementor-10906 .ta-service-intro-text{
    width:100% !important;
    max-width:690px !important;
}

body.single-portfolio .elementor-10906 .ta-service-intro-text p{
    color:rgba(255,255,255,.68) !important;

    font-size:17px !important;
    line-height:1.65 !important;

    margin:0 0 20px !important;
}


/* Right-hand image: intentionally portrait/cropped */
body.single-portfolio .elementor-10906 .ta-service-intro-image{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

body.single-portfolio .elementor-10906
.ta-service-intro-image .pxl-item--image,
body.single-portfolio .elementor-10906
.ta-service-intro-image .pxl-image-single,
body.single-portfolio .elementor-10906
.ta-service-intro-image .elementor-widget-container{
    width:100% !important;
    height:620px !important;
    overflow:hidden !important;
}

body.single-portfolio .elementor-10906 .ta-service-intro-image img{
    display:block !important;

    width:100% !important;
    height:620px !important;

    min-height:0 !important;
    max-height:none !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
    border-radius:0 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1024px){

    body.single-portfolio .elementor-10906 .ta-service-hero{
        min-height:78vh !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-hero-inner{
        padding:0 5% 38px !important;
    }

    body.single-portfolio .elementor-10906
    .ta-service-hero-title .elementor-heading-title{
        font-size:clamp(85px,15vw,145px) !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-intro{
        padding:80px 5% 90px !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-intro-inner{
        grid-template-columns:minmax(0,1fr) minmax(280px,.58fr) !important;
        column-gap:6vw !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-intro-kicker{
        margin-bottom:50px !important;
    }

    body.single-portfolio .elementor-10906
    .ta-service-intro-image .pxl-item--image,
    body.single-portfolio .elementor-10906
    .ta-service-intro-image .pxl-image-single,
    body.single-portfolio .elementor-10906
    .ta-service-intro-image .elementor-widget-container,
    body.single-portfolio .elementor-10906
    .ta-service-intro-image img{
        height:520px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px){

    body.single-portfolio .elementor-10906 .ta-service-hero{
        min-height:74svh !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-hero-inner{
        padding:0 22px 28px !important;
    }

    body.single-portfolio .elementor-10906
    .ta-service-hero-title .elementor-heading-title{
        font-size:clamp(66px,23vw,100px) !important;
        line-height:.8 !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-hero-title{
        margin-bottom:24px !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-hero-bottom{
        gap:18px !important;
        align-items:flex-end !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-hero-promise{
        max-width:68% !important;
        flex:0 1 68% !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-hero-promise p{
        font-size:13px !important;
    }


    body.single-portfolio .elementor-10906 .ta-service-intro{
        padding:62px 22px 72px !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-intro-inner{
        display:flex !important;
        flex-direction:column !important;
        gap:46px !important;
    }

    body.single-portfolio .elementor-10906 .ta-service-intro-kicker{
        margin-bottom:38px !important;
    }

    body.single-portfolio .elementor-10906
    .ta-service-intro-heading .elementor-heading-title{
        font-size:clamp(39px,11vw,54px) !important;
    }

    body.single-portfolio .elementor-10906
    .ta-service-intro-image .pxl-item--image,
    body.single-portfolio .elementor-10906
    .ta-service-intro-image .pxl-image-single,
    body.single-portfolio .elementor-10906
    .ta-service-intro-image .elementor-widget-container,
    body.single-portfolio .elementor-10906
    .ta-service-intro-image img{
        width:100% !important;
        height:auto !important;
        aspect-ratio:4/5 !important;
    }
}


/* =========================================================
   BRAND INTRODUCTION — EDITORIAL TWO COLUMN
   ========================================================= */

body.single-portfolio.postid-10906 .ta-service-intro{
    box-sizing:border-box !important;

    width:100% !important;

    padding:90px 7% 100px !important;

    background:#101112 !important;
}

body.single-portfolio.postid-10906 .ta-service-intro-inner{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(320px,42%) !important;

    column-gap:8vw !important;
    align-items:start !important;
}

body.single-portfolio.postid-10906 .ta-service-intro-copy{
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
}

/* marker */
body.single-portfolio.postid-10906 .ta-service-intro-kicker{
    margin:0 0 70px !important;
}

body.single-portfolio.postid-10906
.ta-service-intro-kicker .elementor-heading-title{
    margin:0 !important;

    color:#9DCB3B !important;

    font-family:Inter,sans-serif !important;

    font-size:10px !important;
    font-weight:600 !important;

    line-height:1.2 !important;
    letter-spacing:.15em !important;
}

/* statement */
body.single-portfolio.postid-10906 .ta-service-intro-heading{
    width:100% !important;
    max-width:700px !important;

    margin:0 0 32px !important;
}

body.single-portfolio.postid-10906
.ta-service-intro-heading .elementor-heading-title{
    margin:0 !important;

    color:#fff !important;

    font-family:Montserrat,sans-serif !important;

    font-size:clamp(42px,4vw,64px) !important;
    font-weight:500 !important;

    line-height:1.04 !important;
    letter-spacing:-.045em !important;
}

body.single-portfolio.postid-10906 .ta-service-intro-text{
    width:100% !important;
    max-width:620px !important;
}

body.single-portfolio.postid-10906 .ta-service-intro-text p{
    margin:0 0 20px !important;

    color:rgba(255,255,255,.70) !important;

    font-family:Inter,sans-serif !important;

    font-size:16px !important;
    line-height:1.65 !important;
}


/* IMAGE COLUMN */
body.single-portfolio.postid-10906 .ta-service-intro-visual{
    width:100% !important;
    min-width:0 !important;

    display:block !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;
}

body.single-portfolio.postid-10906 .ta-service-intro-image{
    width:100% !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;
}

body.single-portfolio.postid-10906
.ta-service-intro-image .elementor-widget-container{
    width:100% !important;
    height:560px !important;
    overflow:hidden !important;
}

body.single-portfolio.postid-10906 .ta-service-intro-image img{
    display:block !important;

    width:100% !important;
    height:560px !important;

    min-height:0 !important;
    max-height:none !important;

    object-fit:cover !important;
    object-position:center !important;
}


/* TABLET */
@media(max-width:1024px){

    body.single-portfolio.postid-10906 .ta-service-hero-shade{
        min-height:620px !important;
        padding:115px 6% 50px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero{
        min-height:620px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero-bottom{
        grid-template-columns:minmax(0,1fr) 260px !important;
        column-gap:50px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero-cta{
        width:260px !important;
        max-width:260px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-intro{
        padding:75px 6% 85px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-intro-inner{
        column-gap:6vw !important;
    }

    body.single-portfolio.postid-10906 .ta-service-intro-kicker{
        margin-bottom:50px !important;
    }

    body.single-portfolio.postid-10906
    .ta-service-intro-image .elementor-widget-container,
    body.single-portfolio.postid-10906
    .ta-service-intro-image img{
        height:500px !important;
    }
}


/* MOBILE */
@media(max-width:767px){

    body.single-portfolio.postid-10906 .ta-service-hero,
    body.single-portfolio.postid-10906 .ta-service-hero-shade{
        min-height:580px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero-shade{
        padding:100px 24px 42px !important;
    }

    body.single-portfolio.postid-10906
    .ta-service-hero-title .elementor-heading-title{
        font-size:clamp(54px,15vw,74px) !important;
        line-height:.9 !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero-rule{
        margin:28px 0 22px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero-bottom{
        display:flex !important;
        flex-direction:column !important;
        gap:28px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-hero-promise,
    body.single-portfolio.postid-10906 .ta-service-hero-cta{
        width:100% !important;
        max-width:none !important;
    }


    body.single-portfolio.postid-10906 .ta-service-intro{
        padding:60px 24px 70px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-intro-inner{
        display:flex !important;
        flex-direction:column !important;
        gap:42px !important;
    }

    body.single-portfolio.postid-10906 .ta-service-intro-kicker{
        margin-bottom:36px !important;
    }

    body.single-portfolio.postid-10906
    .ta-service-intro-heading .elementor-heading-title{
        font-size:clamp(38px,11vw,52px) !important;
    }

    body.single-portfolio.postid-10906
    .ta-service-intro-image .elementor-widget-container,
    body.single-portfolio.postid-10906
    .ta-service-intro-image img{
        width:100% !important;
        height:auto !important;
        aspect-ratio:4/5 !important;
    }
}