.responsive-div {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    background-color: #f0f0f0;
    position: relative;
    & #sticky-tab {
        z-index: 1000;
        position: fixed;
        top: calc(33.3333vh);
        background: white;
        width: 42px;
        height: 209px;
        border: 1px solid rgb(217, 217, 217);
        box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
        display: flex;
        align-items: center;
        overflow: hidden;
        transition: width 0.5s;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
left:0;
        & #promotion-toggle {
            height: 100%;
            background: #ff5e00;
            text-align: center;
            display: flex;
            align-items: center;
            color: white;
            font-weight: 600;
            font-size: 16px;
            width: 42px;
            cursor: pointer;
            & .text-rotate {
                white-space: nowrap;
                transform: translate(-38%, -5%) rotate(270deg);
                user-select: none;
                cursor: pointer;
            }
            & #toggle-icon {
                transition: transform 0.3s;
                transform: rotate(90deg);
            }
        }
        & #content-slide {
            flex-grow: 1;
            overflow: hidden;
            max-width: 340px;
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            padding: 5px 15px;
            & .content-slide-container {
                font-size: 16px;
                line-height: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                text-align: center;
                gap: 13px;
                align-items: center;
            }
        }
    }    
}
.tm-unifi .bluearrow_btn.full-width:after {
    right: 46px !important;
}