@media only screen and (max-width:767px){
.dsg-dropdown ul {
position: relative !important;
z-index: 999999 !important;
text-align: right !important;
}

}
.dsg-accordion h4 { margin-bottom: 2em; cursor: pointer; background: #e8e8e8; padding: 0.5em; display: block; }
.dsg-accordion h4 span { transition: all .2s ease-in-out; transform-origin: center; display: inline-block; font-size: 140%; padding: 1em; width: 15px; }
.dsg-accordion h4 span.open {transition: all .2s ease-in-out; transform-origin: center; transform: rotate(90deg);}
.dsg-accordion div { margin-bottom: 2em;  display: none; transition: all .2s ease-in-out; }
.dsg-accordion div.open { display: block; transition: all .2s ease-in-out; }

.dsg-dropdown { position: relative; }
.dsg-dropdown ul { position:fixed; background: rgba(0,0,0, 0.5); display: none; }
.dsg-dropdown ul.open { display: block; }
.dsg-dropdown li {padding:22px 0px 25px; display:block; width: 100%;}
/* Styling the arrow */
.arrow {
font-size:14px;
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.3s ease;  /* Smooth transition for rotation */
}

/* Rotate arrow when the dropdown is open */
.dsg-dropdown.dropdown-open .arrow {
    transform: rotate(180deg);  /* Rotate the arrow */
}