.circle {
  height: 500px;
  width: 500px;
  z-index: 1;
  position: relative;
  margin-top:-45px;
}

dl {
  z-index: 2;
  position: relative;
  top: -365px;
  left: 130px;
  list-style-type: none;
}

dd {
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: #FFFF66;
  border-radius: 50%;
  padding: 5px;
  overflow: hidden;
  display: table;
}
dd span {
  width: 100px;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  line-height: 12px;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
}

.pgicon{
  
    width: 26px;

}

.picon{
  
  font-size: -webkit-xxx-large;
    color: #fc0;
}

logo-slider {
  --image-size: 100px;
 /* border: 1px solid #575757;*/
  padding: 20px;
  overflow: hidden;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
}
logo-slider:hover div {
  animation-play-state: paused;
}
logo-slider div {
  display: flex;
  position: relative;
  animation: marquee 50s linear infinite;
  justify-content: space-around;
}
logo-slider img {
  max-width: fit-content;
  display: block;
  min-width: var(--image-size);
  height: var(--image-size);
  margin: 0 1vw;
}
logo-slider:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #ffffff00, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px));
}
@media (max-width: 900px) {
  logo-slider {
    --image-size: 50px;
    --image-size: min(max(50px, 10vw), 100px);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
logo-sliders {
  --image-size: 100px;
  /*border: 1px solid #575757;*/
  padding: 20px;
  overflow: hidden;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
}
logo-sliders:hover div {
  animation-play-state: paused;
}
logo-sliders div {
  display: flex;
  position: relative;
  animation: marquees 50s linear infinite;
  justify-content: space-around;
}
logo-sliders img {
  display: block;
  min-width: var(--image-size);
  height: var(--image-size);
  margin: 0 1vw;
}
logo-sliders:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #ffffff00, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), white);
}
@media (max-width: 900px) {
  logo-sliders {
    --image-size: 50px;
    --image-size: min(max(50px, 10vw), 100px);
  }
}

@keyframes marquees {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}


.bgpg{
    border: 1px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 10px;
    box-shadow: -4px 3px 5px rgb(0 0 0 / 4%), -1px 3px 0px rgb(0 0 0 / 3%), 0px 2px 0px 0px rgb(0 0 0 / 2%), 0px 1px 0px rgb(0 0 0 / 2%), 0px 4.88889px 13.1185px rgb(0 0 0 / 2%), 0px 1.11111px 6.33565px rgb(0 0 0 / 1%);
    border-radius: 13px;
    
}
.bgpg1{
    border: 1px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    border-radius: 28px;
    
}