/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2025 | 00:25:04 */
            .widget_bp_core_login_widget .bp-login-widget-user-links {
                margin-left: 0px !Important
            }


.card {
  position: relative;
  background: white;
  transform-style: preserve-3d;
}

#mfb-single-image img {

    height: 200px;
    aspect-ratio: 1 / 1;
    object-fit: contain;

}

#mfb-justified-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}

#mfb-justified-gallery {
    flex: 0 1 calc(50% - 0.5rem);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

#mfb-justified-gallery img {
    object-fit: cover;
    display: block;
}


.fa-brands {
  font-family: 'Font Awesome 7 Brands'!important;
  font-weight: 400;
  font-style: normal;
}

.social-icons {
	  font-family: 'Font Awesome 7 Brands' !important;
  display: flex;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}


.social-icons li a {
  font-size: 1.5rem;
  color: #333;
  transition: color 0.3s ease;
 text-decoration:none;
}

.social-icons li a:hover {
	 text-decoration:none;
  color: #0077b5; /* Example: LinkedIn blue */
}


.peaces-bar-wrapper {
    width: 100%;
    height: 12px;
    background-color: #cbc9c6;
    border-radius: 6px;
    overflow: hidden;
    margin: 0.5em 0;
}

.peaces-bar-fill {
    height: 100%;
    background-color: #595959; 
 /*    transition: width 0.3s ease; */
}
.rebalance video {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  object-fit: contain;
}


/* Common pseudo-element styling */
.card::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  border: 2px solid rgb(27, 31, 23);
  transform: translateZ(-1px);
  box-sizing: content-box;
}

/* Corner variants */
.card.tl::before { top: -8px; left: -8px; }
.card.tr::before { top: -8px; right: -8px; }
.card.bl::before { bottom: -8px; left: -8px; }
.card.br::before { bottom: -8px; right: -8px; }