.scroll-wrapperPlcment{
    height:60px;width:100%;
    }
    .scroll-wrapper {
        position: sticky;
        top: 0;
        z-index:400;
        display: grid;
        align-items: center;
        width: 100%;
        overflow: hidden;
        margin-top:21px;
         transition: transform 0.3s ease;
         transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s;
       
        
    }
.scroll-wrapper.fixed {
      position: fixed;
      border-top:1px solid #1a1d27;
      padding:5px 0px;
     background:#1a1d27;
      z-index:99999;
    }
    /* Desktop-specific styles */
    
    .ogscroll_con {
        display: flex;
        overflow-x: scroll;
        scroll-behavior: smooth;
        white-space: nowrap;
        padding: 10px;
        margin: 0;
    }

    /* Hide Scrollbar */
    .ogscroll_con::-webkit-scrollbar {
        display: none;
    }

    .ogscroll_con {
        -ms-overflow-style: none; /* IE 10+ */
        scrollbar-width: none;   /* Firefox */
    }

    .scroll-button {
        background: #2a334a;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        border: none;
        border-radius:13px;
        margin-right: 10px;
        white-space: nowrap;
        cursor: pointer;
        user-select:none !important;
        font-family: "Poppins", serif;
    
    }

    .scroll-button.activE{
         /*background: #e61355;*/font-weight: 700;
         box-shadow: 2px 2px 9px -3px rgba(230,19,86,0.53);
     background: #e613553d;
     border: 1px solid #e6135594;
    }

    .scroll-button a {
        display:block;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
    }

.button-container2{
position:relative;
padding: 0 0 5px 50px;
overflow-y:hidden;
}
.downrght{
width: auto;
height: auto;
display: grid;
place-items: center;
margin: 0 0 0 5px;
position: absolute;
top: -8px;
left: 10px;
}

.downrght svg{
width: 40px;
height: 40px;
transform: scale(1.2);
}