html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


div.dt-container .dt-paging .dt-paging-button {
    padding:0px!important;
    background-color:transparent!important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}


.marquee {
    position: relative;
    overflow: hidden;    
    border-bottom: 3px solid #ddd;
    padding: 10px 0;
    width: 100%;
}

.track {
    display: flex;
    white-space: nowrap;
    align-items: center;
    position: relative;
}

.content {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    will-change: transform;
}

.item {
    display: inline-block;
    margin: 0 40px;
    font-weight: 100;
   /* font-size: 1.1rem;*/
    color: #d97706; /* orange from your screenshot */
    white-space: nowrap;
}

.clone {
    animation: scroll 20s linear infinite;
}

.content:not(.clone) {
    animation: scroll 20s linear infinite;
    animation-delay: 10s; /* half duration offset for perfect loop */
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* Optional: pause on hover */
.track:hover .content {
    animation-play-state: paused;
}