.elementor-4758 .elementor-element.elementor-element-9bad1ae{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4758 .elementor-element.elementor-element-9bad1ae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4758 .elementor-element.elementor-element-739ba93{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-4758 .elementor-element.elementor-element-739ba93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4758 .elementor-element.elementor-element-737faf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4758 .elementor-element.elementor-element-737faf8:not(.elementor-motion-effects-element-type-background), .elementor-4758 .elementor-element.elementor-element-737faf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151944;}.elementor-4758 .elementor-element.elementor-element-737faf8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4758 .elementor-element.elementor-element-237fefd.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-5989457 > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-4758 .elementor-element.elementor-element-5989457.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-2c2672e > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-4758 .elementor-element.elementor-element-2c2672e.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-1a7f7cc > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-4758 .elementor-element.elementor-element-1a7f7cc.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-b05d268 > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-4758 .elementor-element.elementor-element-b05d268.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-8428f6c > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-4758 .elementor-element.elementor-element-8428f6c.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-e515ae4 > .elementor-widget-container{margin:7px 7px 7px 7px;}.elementor-4758 .elementor-element.elementor-element-e515ae4.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-1d5fef3 > .elementor-widget-container{margin:6px 6px 6px 6px;}.elementor-4758 .elementor-element.elementor-element-1d5fef3.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-aa00884 > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-4758 .elementor-element.elementor-element-aa00884.elementor-element{--align-self:center;}.elementor-4758 .elementor-element.elementor-element-17d3e88{--display:flex;--min-height:101px;}.elementor-4758 .elementor-element.elementor-element-17d3e88:not(.elementor-motion-effects-element-type-background), .elementor-4758 .elementor-element.elementor-element-17d3e88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151944;}.elementor-4758 .elementor-element.elementor-element-17d3e88.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4758 .elementor-element.elementor-element-3eb20c5{text-align:center;}.elementor-4758 .elementor-element.elementor-element-3eb20c5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-4758 .elementor-element.elementor-element-be520d4{width:var( --container-widget-width, 1.293% );max-width:1.293%;--container-widget-width:1.293%;--container-widget-flex-grow:0;}.elementor-4758 .elementor-element.elementor-element-be520d4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4758 .elementor-element.elementor-element-b427d34{--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;}.elementor-4758 .elementor-element.elementor-element-4f0b03c{--display:flex;}.elementor-4758 .elementor-element.elementor-element-4f0b03c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4758 .elementor-element.elementor-element-d1a5dda{--display:flex;}.elementor-4758 .elementor-element.elementor-element-669d818{--display:flex;}@media(max-width:767px){.elementor-4758 .elementor-element.elementor-element-737faf8{--width:100%;--justify-content:space-around;}}@media(min-width:768px){.elementor-4758 .elementor-element.elementor-element-9bad1ae{--width:95.516%;}.elementor-4758 .elementor-element.elementor-element-739ba93{--width:89.432%;}.elementor-4758 .elementor-element.elementor-element-737faf8{--width:52.921%;}.elementor-4758 .elementor-element.elementor-element-17d3e88{--width:63.714%;}.elementor-4758 .elementor-element.elementor-element-4f0b03c{--width:33%;}.elementor-4758 .elementor-element.elementor-element-d1a5dda{--width:33%;}.elementor-4758 .elementor-element.elementor-element-669d818{--width:33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4758 .elementor-element.elementor-element-739ba93{--width:100%;}.elementor-4758 .elementor-element.elementor-element-737faf8{--width:50%;}.elementor-4758 .elementor-element.elementor-element-4f0b03c{--width:236.062px;}}/* Start custom CSS for shortcode, class: .elementor-element-237fefd */.bp-friend-requests-link {
    background: none !important;   /* no background */
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;     /* white text */
    font-size: 16px !important;    /* base size */
    font-weight: normal !important;
    text-decoration: underline;    /* makes it look like a link */
    cursor: pointer;
    transition: all 0.2s ease-in-out; /* smooth hover effect */
}

.bp-friend-requests-link:hover {
    color: #ff3b3b !important;   /* red on hover */
    transform: scale(1.1);       /* slightly bigger on hover */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5989457 *//* =========================================
   UNSEEN VISITORS TEXT COUNTER
   ========================================= */
.bp-unseen-visitors-count,
.bp-unseen-visitors-count-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;        /* white text */
    font-size: 16px !important;
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;              /* text + icon inline */
    align-items: center;
    transition: all 0.2s ease-in-out;  /* smooth hover */
    text-decoration: none !important;  /* remove underline */
}

/* No icon prefix */
.bp-unseen-visitors-count::before,
.bp-unseen-visitors-count-link::before {
    content: "";
}

/* Hover = red + grow effect */
.bp-unseen-visitors-count:hover,
.bp-unseen-visitors-count-link:hover {
    color: #ff3b3b !important;
    transform: scale(1.15);
}
/* ==========================================================
   UNSEEN VISITORS COUNTER (with blink + hover)
   ========================================================== */
.bp-unseen-visitors-count-link,
.bp-unseen-visitors-count-link .bp-unseen-visitors-count {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out;
    transform-origin: center;
}



/* Hover: red + zoom */
.bp-unseen-visitors-count-link:hover,
.bp-unseen-visitors-count-link:hover .bp-unseen-visitors-count {
    color: #ff3b3b !important;
    transform: scale(1.15);
}

/* Blinking animation when unseen > 0 */
.blink {
    animation: blinkEffect 1s infinite;
}

@keyframes blinkEffect {
    0%, 100% {
        color: #ffffff;
    }
    50% {
        color: #ff3b3b;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2c2672e *//* ==========================================================
   VISITORS COUNT LINK (DAY / WEEK)
   Matches unseen + like styles — includes 👁️ icon
   ========================================================== */
.bp-visitors-count-link,
.bp-visitors-count-link .bp-visitors-count {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;        /* white text */
    font-size: 16px !important;       /* consistent with likes/unseen */
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    transform-origin: center;
}

/* 👁️ Eye icon before text */
.bp-visitors-count-link .bp-visitors-count::before {
    content: "👁️ ";
    display: inline-block;
    margin-right: 4px;
    font-size: inherit;
    line-height: 1em;
}

/* Ensure inner span inherits same size and color */
.bp-visitors-count-link .bp-visitors-count span,
.bp-visitors-count-link .bp-visitors-count i,
.bp-visitors-count-link .bp-visitors-count {
    font-size: inherit !important;
    line-height: 1em;
    color: inherit !important;
}

/* Hover effect: turns red + grows slightly */
.bp-visitors-count-link:hover,
.bp-visitors-count-link:hover .bp-visitors-count {
    color: #ff3b3b !important;
    transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a7f7cc */.bp-new-likes-thumb {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;     /* white text */
    font-size: 16px !important;    /* base size */
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;          /* icon + text alignment */
    align-items: center;
    gap: 6px;                      /* space between icon and text */
    transition: all 0.2s ease-in-out; /* smooth hover effect */
}

.bp-new-likes-thumb::before {
   
    font-size: 16px;
    display: inline-block;
    transition: inherit;
}

.bp-new-likes-thumb:hover {
    color: #ff3b3b !important;   /* red on hover */
    transform: scale(1.15);      /* text + icon grow a little bigger */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b05d268 *//* =========================================
   UNSEEN VISITORS TEXT COUNTER
   ========================================= */
.bp-unseen-visitors-count,
.bp-unseen-visitors-count-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;        /* white text */
    font-size: 16px !important;
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;              /* text + icon inline */
    align-items: center;
    transition: all 0.2s ease-in-out;  /* smooth hover */
    text-decoration: none !important;  /* remove underline */
}

/* No icon prefix */
.bp-unseen-visitors-count::before,
.bp-unseen-visitors-count-link::before {
    content: "";
}

/* Hover = red + grow effect */
.bp-unseen-visitors-count:hover,
.bp-unseen-visitors-count-link:hover {
    color: #ff3b3b !important;
    transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8428f6c */.bp-hotlist-count {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;     /* white text */
    font-size: 16px !important;    /* base size */
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;          /* alignment */
    align-items: center;
    transition: all 0.2s ease-in-out; /* smooth hover effect */
}

/* no icon anymore */
.bp-hotlist-count::before {
    content: "";
}

.bp-hotlist-count:hover {
    color: #ff3b3b !important;   /* red on hover */
    transform: scale(1.15);      /* text grows a little bigger */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e515ae4 */.bp-verification-count {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease-in-out;
}

.bp-verification-count::before {
    content: "✔️"; /* check mark icon */
    font-size: 16px;
    display: inline-block;
    transition: inherit;
}

.bp-verification-count:hover {
    color: #ff3b3b !important;
    transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d5fef3 */.bp-pending-verification-count {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;     /* white text */
    font-size: 16px !important;    /* base size */
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;          /* icon + text alignment */
    align-items: center;
    gap: 6px;                      /* spacing between icon and text */
    transition: all 0.2s ease-in-out; /* smooth hover effect */
}

.bp-pending-verification-count::before {
    content: "⏳";                  /* hourglass icon */
    font-size: 16px;
    display: inline-block;
    transition: inherit;
}

.bp-pending-verification-count:hover {
    color: #ff3b3b !important;   /* red on hover */
    transform: scale(1.15);      /* text + icon grow a little bigger */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa00884 *//* ==========================================================
   BLOCKLIST TOTAL COUNTER (Exact Match to Visitors Count)
   ========================================================== */
.bp-shortcode-link,
.bp-shortcode-link .bp-blocklist-total {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;          /* White base text */
    font-size: 16px !important;         /* Same as visitors count */
    font-weight: normal !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out;
    transform-origin: center center;
}

/* 👁️ Eye icon before text (same spacing) */
.bp-shortcode-link::before {
    content: "👁️ ";
    display: inline-block;
    margin-right: 4px;
    font-size: inherit;
    line-height: 1em;
}

/* Inner spans inherit consistent size and color */
.bp-shortcode-link .bp-blocklist-total span,
.bp-shortcode-link .bp-blocklist-total i,
.bp-shortcode-link .bp-blocklist-total {
    font-size: inherit !important;
    line-height: 1em;
    color: inherit !important;
}

/* Hover effect — red + smooth zoom */
.bp-shortcode-link:hover,
.bp-shortcode-link:hover .bp-blocklist-total {
    color: #ff3b3b !important;    /* red hover color */
    transform: scale(1.15);
}

/* Optional spacing when next to other counters */
.bp-shortcode-link {
    margin: 0 8px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd87ce6 */.bp-member-preferences {
  background: #2b2b2b;
  color: #fff;
  padding: 15px;
  border-radius: 10px;
  margin: 15px 0;
  box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}
.bp-member-preferences .pref-item {
  margin-bottom: 8px;
  font-size: 15px;
}
.bp-member-preferences strong {
  color: #ff3b3b;
}
.bp-edit-pref-btn {
  background: #ff3b3b;
  color: #fff !important;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all .3s ease;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
}
.bp-edit-pref-btn:hover {
  background: #ff5c5c;
  transform: translateY(-2px);
}/* End custom CSS */