.elementor-2646 .elementor-element.elementor-element-e462e6f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:050px;--padding-bottom:050px;--padding-left:024px;--padding-right:024px;}.elementor-2646 .elementor-element.elementor-element-bfa77b6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2646 .elementor-element.elementor-element-d1cd0e9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-2646 .elementor-element.elementor-element-e462e6f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-2646 .elementor-element.elementor-element-e462e6f{--content-width:1200px;}.elementor-2646 .elementor-element.elementor-element-bfa77b6{--width:70%;}.elementor-2646 .elementor-element.elementor-element-d1cd0e9{--width:30%;}}/* Start custom CSS for shortcode, class: .elementor-element-7da3882 */.bb-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.bb-member-card {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: 0.3s;
}

.bb-member-card img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

.bb-member-name {
  font-weight: 600;
  color: #2a4eff;
  font-size: 18px;
  display: block;
  margin: 5px 0;
}

.bb-member-role {
  font-size: 13px;
  color: #777;
  margin-bottom: 5px;
}

.bb-member-joined,
.bb-member-last-active {
  font-size: 13px;
  color: #444;
}

.bb-member-actions {
  margin-top: 10px;
}

.bb-member-actions .button,
.bb-member-actions .bp-follow,
.bb-member-actions .friendship-button,
.bb-member-actions .send-message {
  margin: 5px 6px;
  display: inline-block;
}


.follow-button {
  margin: 5px 6px;
  display: inline-block;
  background: #f2f2f2;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
}

.bb-member-actions{
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 20px;
}

.send-message{
    border: 1px solid ;
    padding: 7px 10px;
    border-radius: 7px
}

@media (max-width:450px){
    .bb-member-actions{
        font-size:12px;
        gap:0px;
    }
}/* End custom CSS */