.logo-slider .yellow-box {width: 100%;background-color: #F4BF05;padding: 15px 0;}
.logo-slider .yellow-box p::before{
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 28px;
  position: absolute;
  top: -1px;
  left: -35px;
  z-index: 1;
}
.logo-slider .yellow-box p::after{content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: -40px;}
.logo-slider .yellow-box p {max-width: max-content;margin: 0 auto;color: #070707;
  font-size: 16px;font-weight: 500;letter-spacing: 0.64px;position: relative;}
.logo-slider .yellow-box p a{color: #070707;font-weight: 500;}
.logo-slider .yellow-box p a span{
  margin-left: 40px;
}


/* slider css */
.logo-slide {padding: 20px 0px;}
.logo-slider .logo-slide .slider {background-color: transparent;padding: 5px 0px;}
.logo-slider .logo-slide .slider .slide-track .slide img {width: 150px;height: 46px;object-fit: contain;animation: scroll 180s linear infinite;opacity: 0.7;margin: 0px 15px;}
.logo-slider .logo-slide .slider .slide-track .slide-box img {width: 150px;height: 46px;object-fit: contain;animation: slide-in 180s linear infinite;opacity: 0.2;margin: 0px 15px;}
.logo-slider .logo-slide .slider .slide-track {width: 100%;display: flex;gap: 3em;overflow: hidden;}
@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}
@keyframes slide-in {
  0% {transform: translateX(-1000%);}
  100% {transform: translatex(0)}
}

@media(min-width:768px) and (max-width: 991.98px) {
  .logo-slider .yellow-box p{padding: 0px 40px;font-size:13px !important}
  .logo-slider .yellow-box p::after{left: 10px !important;
  }
  .logo-slider .yellow-box p a span {
    margin-left: 15px;
  }
  .logo-slider .yellow-box p::before {
    left: 15px;
  }
}
@media(max-width:767.98px){
  .logo-slider .logo-slide .slider .slide-track .slide img,
  .logo-slider .logo-slide .slider .slide-track .slide-box img {
    width:90px;
    height: 36px;
  }
  .logo-slider .yellow-box p::before {
    left:0 !important;
    right: 0;
    margin: 0px auto;
  }
  .logo-slider .yellow-box {
    text-align: center;
  }
  .logo-slider .yellow-box p{padding: 30px 20px 0;font-size:14px !important;}
  .logo-slider .yellow-box p::after{left: 0 !important;
    right: 0;
    margin: 0px auto;  }
  .logo-slider .yellow-box p a span {margin-left: 0px;display: block;}
}