#my-orders .switcher.active {
  background-color: var(--primary);
  border-color: var(--primary);
}
#my-orders .box-shadow{
    box-shadow: 0px 0px 7px var(--shadow);
}
#my-orders .grid-template {
    grid-template-columns: 1fr 4fr;
}
.card img {
  object-fit: contain;
}
.contaner-feature{
    grid-template-columns: 2fr 1fr;
}

@media screen and (width < 1400px) {
    
}

@media screen and (width < 1200px) {
    #my-orders .grid-template {
    grid-template-columns: 1fr 3fr;
}
}

@media screen and (width < 992px) {
  
}

@media screen and (width < 768px) {
       #my-orders .grid-template {
    grid-template-columns: 1fr 2fr;
}
}

@media screen and (width < 576px) {
      #my-orders .grid-template {
    grid-template-columns: 1fr;
}
}