.trex-glamourbar {
    position: relative;
}

.trex-glamourbar .tgb-content {
    border: 2px solid #8BC944;
    padding: 16px;
}

.trex-glamourbar .tgb-quote-box {
    background-color: rgba(2, 105, 55, 0.9);
    padding: 20px;
    text-align: center;
}

.trex-glamourbar .tgb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trex-glamourbar .tgb-image {
    position: absolute;
    inset: 0;
    z-index: -1;
}

@media (min-width:992px) {
    .trex-glamourbar .tgb-quote-box {
        padding: 40px;
    }

    .trex-glamourbar .tgb-image {
        left: 46%
    }
}



/* ─────────────────────────────────────────────── */
/*   Trex Glamour Bar  –  Reverse Variant          */
/* ─────────────────────────────────────────────── */


@media (min-width: 992px) {
    .trex-glamourbar-reverse .tgb-content-wrapper {
        float: right;               
    }
    .trex-glamourbar-reverse .tgb-image {
        left: 0;                    
        right: 34%;                
    }  
    .trex-glamourbar-reverse .tgb-content {
        margin-right: 0;            
        margin-left: 3%;           
    }
}


@media (max-width: 991px) {
    .trex-glamourbar-reverse .tgb-image {
        position: relative;       
        right: auto;
        left: auto;
        width: 100%;
        height: 300px;              
        object-fit: cover;
    }
}