.vs-feature-layout1 .vs-feature .feature-img, .vs-feature-layout1 .vs-feature:hover .feature-img {
    opacity: 1 !important;
    visibility: visible;
}


.header-logo img{
  width: 200px;
}

.nice-select, .form-control {
    border-radius: 0;
    height: 60px;
    border: none;
    padding: 0 30px;
    padding-right: 60px;
    color: var(--body-color);
    background-color: #ffffff;
    border: 1px solid;
}

.horizontal-friends-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 10ch;
  grid-gap: 2rem;
  gap: 2rem;

  overflow-x: auto;
  overscroll-behavior-x: contain;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  scroll-padding-inline-start: 2rem;

  border: 1px solid hsl(0, 0%, 80%);
  border-radius: 1ex;
  background-color: hsl(0, 0%, 100%);
  background-color: var(--surface2);
  padding: 2rem
}

.horizontal-friends-list > figure {
  scroll-snap-align: start;

  display: grid;
  grid-gap: 1ex;
  gap: 1ex;
  margin: 0 30px;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.horizontal-friends-list > figure:hover > picture {
  transform: scale(1.1);
}

[dir="ltr"] .horizontal-friends-list > figure:last-child::after {
  bottom: -2rem;
  right: -2rem;
}

[dir="rtl"] .horizontal-friends-list > figure:last-child::after {
  bottom: -2rem;
  left: -2rem;
}

.horizontal-friends-list > figure:last-child::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 100%;
  right: -2rem;
  width: 2rem;
  height: 100%;
}

.horizontal-friends-list > figure > picture {
  display: inline-block;
  width: 10ch;
  height: 10ch;
  border-radius: 50%;
  transition: transform .2s ease-in-out;

  background:
    radial-gradient(hsla(0, 0%, 0%, 0.15) 60%, transparent 0),
    radial-gradient(white 65%, transparent 0),
    conic-gradient(
      from .6turn,
      orange,
      deeppink,
      orange
    );

  background:
    radial-gradient(hsla(0, 0%, 0%, 0.15) 60%, transparent 0),
    radial-gradient(white 65%, transparent 0),
    conic-gradient(
      from var(--angle, .6turn),
      orange,
      deeppink,
      orange
    )
}

.horizontal-friends-list > figure > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-clip-path: circle(42%);
          clip-path: circle(42%);
}

.horizontal-friends-list > figure > figcaption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.5px;
  background: #fff;
  color: #000;
  border: 1px solid;
  border-radius: 20px;
  padding: 5px;
}

.btn_whatsapp {
  position: fixed;
  bottom: 130px;
  width: 60px;
  right: 15px;
  z-index: 999;
}


@media (max-width: 768px){
  .mobilGizle{
    display: none !important;
  }

}

@media only screen and (max-width: 480px) and (min-width: 300px)  {
  .mobilGizle{
    display: none !important;
  }

}

/* 320 - 480 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .mobilGizle{
    display: none !important;
  }

}
/* 475 - 768 */
@media only screen and (min-device-width : 475px) and (max-device-width : 768px) {


}
/* 765 - 990 */
@media only screen and (min-device-width : 765px) and (max-device-width : 990px) {


}
/* 990 - 1300 */
@media only screen and (min-device-width : 990px) and (max-device-width : 1300px) {


}