/* Start custom CSS for html, class: .elementor-element-d755c70 */.social-platforms{
  padding:20px 0;
  font-family:Inter,sans-serif;
}

.social-row{
  display:flex;
  justify-content:center;
  gap:24px;
  flex-wrap:wrap;
}

.social-card{
  position:relative;
  overflow:hidden;

  width:340px;
  min-height:320px;

  background:#000000;

  border:1px solid rgba(212,182,128,.35);

  border-radius:24px;
  padding:32px;

  color:#ffffff;
  text-decoration:none !important;

  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.social-card,
.social-card:hover,
.social-card:focus,
.social-card:active{
  text-decoration:none !important;
}

.social-card:hover{
  transform:translateY(-10px);

  border-color:#D4B680;

  background:#0a0a0a;

  box-shadow:
    0 12px 30px rgba(0,0,0,.45),
    0 0 0 1px rgba(212,182,128,.15) inset,
    0 0 24px rgba(212,182,128,.18),
    0 25px 50px rgba(0,0,0,.55);
}

.card-glow{
  position:absolute;
  width:240px;
  height:240px;

  top:-120px;
  right:-120px;

  background:
    radial-gradient(
      circle,
      rgba(212,182,128,.22),
      transparent 70%
    );

  opacity:0;

  transition:opacity .35s ease;

  pointer-events:none;
}

.social-card:hover .card-glow{
  opacity:1;
}

.card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:42px;
}

.social-icon{
  width:58px;
  height:58px;

  border-radius:18px;

  background:#D4B680;
  color:#000;

  display:flex;
  align-items:center;
  justify-content:center;

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.social-card:hover .social-icon{
  transform:scale(1.08);

  box-shadow:
    0 0 20px rgba(212,182,128,.20),
    0 0 30px rgba(212,182,128,.25);
}

.social-icon svg{
  width:26px;
  height:26px;
}

.platform-tag{
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#D4B680;
}

.social-card h3{
  margin:0 0 8px;

  font-size:28px;
  line-height:1.1;
  font-weight:600;

  color:#ffffff;

  transition:color .3s ease;
}

.social-card:hover h3{
  color:#D4B680;
}

.username{
  font-size:14px;
  color:rgba(255,255,255,.65);
  margin-bottom:18px;
}

.social-card p{
  margin:0 0 28px;

  font-size:15px;
  line-height:1.7;

  color:rgba(255,255,255,.75);
}

.card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding-top:20px;

  border-top:1px solid rgba(212,182,128,.15);
}

.followers{
  display:flex;
  align-items:center;
  gap:8px;

  font-size:14px;
  color:rgba(255,255,255,.75);
}

.followers svg{
  width:16px;
  height:16px;
  color:#D4B680;
  flex-shrink:0;
}

.follow-link{
  display:flex;
  align-items:center;
  gap:8px;

  font-size:14px;
  font-weight:600;

  color:#ffffff;

  transition:
    color .3s ease,
    transform .3s ease;
}

.social-card:hover .follow-link{
  color:#D4B680;
}

.social-card:hover .follow-link svg{
  transform:translateX(3px);
}

a,
a:hover,
a:focus,
a:active{
  text-decoration:none !important;
}

@media(max-width:768px){

  .social-card{
    width:100%;
    max-width:500px;
    padding:26px;
  }

  .social-card h3{
    font-size:24px;
  }

}/* End custom CSS */