html {
    scroll-behavior: smooth;
}
div#onesignal-bell-container {
    visibility: hidden;
    display: none;
}

#otp_check_forget_email ,#otp_check_forget_phone{padding-left: 11px;letter-spacing: 41px;border: 0;background-image: linear-gradient(to left, #a1a1a1 70%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 50px 2px;background-repeat: repeat-x;background-position-x: 35px;width: 220px;min-width: 220px;box-shadow: none;}
a.disabled { pointer-events: none;}
#otp_check_phone {padding-left: 11px;letter-spacing: 41px;border: 0;background-image: linear-gradient(to left, #a1a1a1 70%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 50px 2px;background-repeat: repeat-x;background-position-x: 35px;width: 220px;min-width: 220px;box-shadow: none;}

textarea.materialize-textarea{
    min-height: 8rem;
}

.ajax-progress {
    height: 1px;
    background-color: #d4a6dc !important;
    margin: 0px !important;
}
.ajax-progress .indeterminate {
    background-color: #9c27b0 !important;
}

#toast-container{
    z-index: 999999999999;
}
#visits_container .col {
    min-height: 371px !important;
}
.chips .input {
    width: 200px !important;
}

.toast {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    color: #707070;
    margin: 30px auto 10px;
    display: block;
    width: auto;
    min-width: 100px;
    height: 34px;
    line-height: 25px;
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 2em;
    font-weight:bold ;
}

.useronline{
    width: 14px;
    height: 14px;
    background-color: #4CAF50;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 21px;
    border: 2.5px solid #fff;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 35px;
    top: -13px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

.lds-heart {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    transform: rotate(45deg);
    transform-origin: 32px 32px;
}
.lds-heart div {
    top: 23px;
    left: 19px;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #fff;
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background: #fff;
}
.lds-heart div:before {
    left: -17px;
    border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
    top: -17px;
    border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }
    5% {
        transform: scale(1.1);
    }
    39% {
        transform: scale(0.85);
    }
    45% {
        transform: scale(1);
    }
    60% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.9);
    }
}

.dt_ltst_users .dt_home_rand_user .card {
    min-height: 331px;
}

.btn_wo{
    background-color: #f4eeee;
}
.btn_social.btn_wo {
    background-color: #a8383a;
}

.page-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sidebar-page-data {position:relative}

.hidden-mobile-image {
    width: 100%;
}

@media (max-width:990px) {
    .hidden-mobile-image,.second-footer{display:none}
}
.btn-white{
    color: #ffffff;
    line-height: 1px;
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;-ms-grid-row-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

.cc-bottom {
    bottom: 1em;
}

.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}
.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}
.sk-circle .sk-circle2{transform:rotate(30deg)}
.sk-circle .sk-circle2:before{animation-delay:-1.1s}
.sk-circle .sk-circle3{transform:rotate(60deg)}
.sk-circle .sk-circle3:before{animation-delay:-1s}
.sk-circle .sk-circle4{transform:rotate(90deg)}
.sk-circle .sk-circle4:before{animation-delay:-.9s}
.sk-circle .sk-circle5{transform:rotate(120deg)}
.sk-circle .sk-circle5:before{animation-delay:-.8s}
.sk-circle .sk-circle6{transform:rotate(150deg)}
.sk-circle .sk-circle6:before{animation-delay:-.7s}
.sk-circle .sk-circle7{transform:rotate(180deg)}
.sk-circle .sk-circle7:before{animation-delay:-.6s}
.sk-circle .sk-circle8{transform:rotate(210deg)}
.sk-circle .sk-circle8:before{animation-delay:-.5s}
.sk-circle .sk-circle9{transform:rotate(240deg)}
.sk-circle .sk-circle9:before{animation-delay:-.4s}
.sk-circle .sk-circle10{transform:rotate(270deg)}
.sk-circle .sk-circle10:before{animation-delay:-.3s}
.sk-circle .sk-circle11{transform:rotate(300deg)}
.sk-circle .sk-circle11:before{animation-delay:-.2s}
.sk-circle .sk-circle12{transform:rotate(330deg)}
.sk-circle .sk-circle12:before{animation-delay:-.1s}
@-webkit-keyframes sk-circleBounceDelay {
    0%,100%,80%{transform:scale(0)}
    40%{transform:scale(1)}
}
@keyframes sk-circleBounceDelay {
    0%,100%,80%{transform:scale(0)}
    40%{transform:scale(1)}
}

#gify_box {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#gify_box .modal-content h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0px 14px;
    display: flex;
    align-items: center;
}

#gify_box .stiker_imgprogress, .dt_msg_box .modal-content .chat_message_upload_media_imgprogress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
#gify_box .modal-content h5 > div {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    background-color: #8bc34a;
    margin: 1px 8px 0 0;
}
#gifylist img {
    width: 100px;
    height: 106px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    /* user-select: none; */
    border-radius: 5px;
    border: 1px solid #9C27B0;
    pointer-events: inherit!important;
}

.message.gifimg {
    padding: 0px;
    background: transparent!important;
    border-radius: 5px !important;
    overflow: hidden;
    line-height: unset;
    height: 100%;
    width: 30%;
    display: flex;
    max-width: 55%;
    padding: 0px !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message.gifimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    margin-top: 5px;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #9C27B0;
    background-color: #9C27B0;
    z-index: 0;
}

nav .header_notifications .dt_notifs .n_detail p {
    max-width: 277px;
}

a.cc-link {
    color: #333 !important;
}
.cc-window {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

.cc-floating .cc-message {
    color: #333 !important;
}

.lk_active svg{
    background-color: #e3e9ea!important;
}

.lk_active svg path{
    fill: #ff5722!important;
}

.dk_active svg{
    background-color: #e3e9ea!important;
}

.dk_active svg path{
    fill: #9E9E9E!important;
}

/*Fancybox*/
.fancybox-button svg.feather {
	margin: auto;
    width: 15px;
    height: 15px;stroke-width: 2.5;
}
.qdt_lbox_prvtLoader {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.qdt_lbox_prvtLoader svg {
	fill: white;
    width: 90px;
    height: 25px;
}
.qdt_hdr_auth_btns {
	border-radius: 2em;
    margin-top: -3px !important;
    font-weight: 500;
    text-transform: capitalize;
}
.carousel .carousel-item{
    visibility: visible!important;
}

img {
    pointer-events: none;
}

#stikerlist embed {
    display: inline-block;
    width: 20%;
    height: 130px;
    cursor: pointer;
    padding: 5px;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.1s;
}

/* ==========================================================
   SeduceSocial: Saucy Login Refresh (Default Theme)
   Drop-in overrides for /login only (scoped via .auth_bg_img)
   ========================================================== */

/* Background: rich gradient + subtle sparkle */
.auth_bg_img{
    background: radial-gradient(1200px 600px at 20% -10%, rgba(255, 79, 216, 0.55), rgba(255,255,255,0) 55%),
                radial-gradient(900px 500px at 110% 10%, rgba(0, 212, 255, 0.35), rgba(255,255,255,0) 55%),
                linear-gradient(135deg, #ff4fd8 0%, #a33596 45%, #4b2bbf 100%);
}
.auth_bg_img:before{
    content:"";
    position:absolute;
    inset:-2px;
    pointer-events:none;
    background:
        radial-gradient(2px 2px at 15% 25%, rgba(255,255,255,0.55), rgba(255,255,255,0) 60%),
        radial-gradient(2px 2px at 35% 60%, rgba(255,255,255,0.45), rgba(255,255,255,0) 60%),
        radial-gradient(1.5px 1.5px at 70% 30%, rgba(255,255,255,0.40), rgba(255,255,255,0) 60%),
        radial-gradient(2px 2px at 85% 70%, rgba(255,255,255,0.50), rgba(255,255,255,0) 60%);
    opacity:0.55;
    filter: blur(0.1px);
    animation: ss_sparkle 6s ease-in-out infinite;
}
@keyframes ss_sparkle{
    0%,100%{opacity:0.45; transform: translateY(0px)}
    50%{opacity:0.75; transform: translateY(-6px)}
}

/* Circles: make them feel more “SeduceSocial” */
.auth_bg_img .usr_circle{opacity:0.55; border-width:14px; filter: saturate(1.15) contrast(1.05);}
.auth_bg_img .usr_circle.sml{border-color:#ff4fd8;}
.auth_bg_img .usr_circle.mdm{border-color:#00d4ff;}
.auth_bg_img .usr_circle.mlr{border-color:#b86bff;}
.auth_bg_img .usr_circle.lrg{border-color:#ff2e9a;}

/* Card: glassy, rounded, soft glow */
.auth_bg_img .dt_login{
    background: rgba(14, 10, 22, 0.55);
    color: rgba(255,255,255,0.92);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(0,0,0,0.30);
    backdrop-filter: blur(14px);
}
.auth_bg_img .dt_login form > p{color: rgba(255,255,255,0.85);}
.auth_bg_img .dt_login form > p span{color:#ffffff;}

/* Inputs (Materialize): brighter labels + focus glow */
.auth_bg_img .input-field label{color: rgba(255,255,255,0.72) !important;}
.auth_bg_img .input-field input{color: rgba(255,255,255,0.92) !important;}
.auth_bg_img .input-field input:not(.browser-default){
    border-bottom: 1px solid rgba(255,255,255,0.22) !important;
    box-shadow: none !important;
}
.auth_bg_img .input-field input:focus:not(.browser-default){
    border-bottom: 1px solid rgba(0,212,255,0.90) !important;
    box-shadow: 0 1px 0 0 rgba(0,212,255,0.70) !important;
}
.auth_bg_img .input-field input:focus + label{color: rgba(0,212,255,0.95) !important;}

/* Links */
.auth_bg_img .dt_login_footer a{color: rgba(255,255,255,0.80) !important;}
.auth_bg_img .dt_login_footer a:hover{color: #ffffff !important; text-decoration: underline;}

/* Header logo: slightly bigger + subtle float */
nav .header_logo img{
    height: 42px;
    width: auto;
    filter: drop-shadow(0 10px 22px rgba(0,0,0,0.25));
    animation: ss_logo_float 5.5s ease-in-out infinite;
}
@keyframes ss_logo_float{
    0%,100%{transform: translateY(0px)}
    50%{transform: translateY(-3px)}
}

/* Social buttons: smoother and slightly bolder */
.dt_social_login .btn_social{
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.14);
    transition: transform 0.2s ease, filter 0.2s ease;
}
.dt_social_login .btn_social:hover{transform: translateY(-1px); filter: brightness(1.03);}

/* ==========================================================
   SeduceSocial: Saucy Home Page Refresh (Default Theme)
   Targets only homepage sections/classes used in index.php
   ========================================================== */

/* ---------- HERO (Top Parallax) ---------- */
.parallax-container.header_bg.parallax_bg{
  position: relative;
  overflow: hidden;
}

/* Add a sexy gradient overlay on top of the hero image */
.parallax-container.header_bg.parallax_bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(255,79,216,0.45), rgba(255,255,255,0) 60%),
    radial-gradient(900px 500px at 95% 20%, rgba(0,212,255,0.22), rgba(255,255,255,0) 60%),
    linear-gradient(135deg, rgba(255,79,216,0.25), rgba(75,43,191,0.35));
}

/* Ensure hero text sits above overlay */
.parallax-container.header_bg.parallax_bg .section{
  position: relative;
  z-index: 2;
}

/* Hero headline: a bit more “premium” */
.parallax-container.header_bg.parallax_bg h1.header{
  text-shadow: 0 18px 50px rgba(0,0,0,0.45);
  letter-spacing: -0.5px;
}

/* Subtitle */
.parallax-container.header_bg.parallax_bg h5.header{
  text-shadow: 0 12px 35px rgba(0,0,0,0.35);
  opacity: 0.95;
}

/* ---------- FILTER BAR (purple strip with selects) ---------- */
.dt_filters.bg_gradient{
  background: rgba(120, 40, 150, 0.78) !important;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.22);
  backdrop-filter: blur(12px);
}

/* Make labels pop a touch */
.dt_filters.bg_gradient label{
  color: rgba(255,255,255,0.88) !important;
}

/* Materialize selects / inputs - brighten line */
.dt_filters.bg_gradient .select-wrapper input.select-dropdown{
  color: rgba(255,255,255,0.92) !important;
  border-bottom: 1px solid rgba(255,255,255,0.25) !important;
}
.dt_filters.bg_gradient .dropdown-content li > span{
  color: rgba(0,0,0,0.88) !important;
}

/* ---------- SECTION HEADINGS ---------- */
.dt_heading_top_line{
  background: linear-gradient(90deg, #ff4fd8, #00d4ff) !important;
  height: 4px !important;
  border-radius: 99px;
  opacity: 0.9;
}

/* ---------- CARDS / ICON BLOCKS (How it works + Features) ---------- */
.dt_how_work .icon-block,
.dt_features .icon-block{
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(0,0,0,0.04);
  box-shadow: 0 14px 40px rgba(0,0,0,0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  padding: 16px 14px;
}
.dt_how_work .icon-block:hover,
.dt_features .icon-block:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,0,0,0.12);
}

/* Icon wrapper glow (features section uses .icon_wrapper) */
.dt_features .icon_wrapper{
  color: #ff4fd8;
  filter: drop-shadow(0 10px 22px rgba(255,79,216,0.18));
}

/* ---------- NAV polish (Login/Register top right) ---------- */
nav .not_usr_nav a{
  border-radius: 999px;
}

/* ==========================================================
   SeduceSocial – Button Polish (Global)
   Clean, white text, premium feel
   ========================================================== */

/* Base button styling */
.btn,
.btn_primary,
.btn_glossy,
.btn_round,
nav .not_usr_nav .btn{
    color: #ffffff !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    border-radius: 999px !important;
}

/* Primary CTA buttons */
.btn_primary{
    background: linear-gradient(90deg, #ff4fd8 0%, #a33596 45%, #00d4ff 100%) !important;
    box-shadow:
        0 10px 28px rgba(255,79,216,0.28),
        0 10px 30px rgba(0,212,255,0.18);
    transition: all 0.25s ease;
}

.btn_primary:hover{
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow:
        0 16px 40px rgba(255,79,216,0.35),
        0 16px 44px rgba(0,212,255,0.22);
}

.btn_primary:active{
    transform: translateY(0);
    box-shadow:
        0 8px 20px rgba(255,79,216,0.25);
}

/* Glass / secondary buttons */
.btn_glossy,
.parallax-container.header_bg.parallax_bg .btn-flat{
    color: #ffffff !important;
    background: rgba(255,255,255,0.18) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    backdrop-filter: blur(10px);
    transition: all 0.25s ease;
}

.btn_glossy:hover,
.parallax-container.header_bg.parallax_bg .btn-flat:hover{
    background: rgba(255,255,255,0.28) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Navbar auth buttons (Login/Register) */
nav .not_usr_nav .btn{
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

/* Auth pages (login/register) – make CTA full width */
.auth_bg_img .btn_primary{
    width: 100%;
    margin-top: 12px;
    font-size: 13px;
}

/* Ensure any inner spans inherit white */
.btn span,
.btn_primary span{
    color: #ffffff !important;
}
/* ==========================================================
   SeduceSocial – Find Matches / Members Area Polish
   (Safe selectors – works even if class names differ)
   ========================================================== */

/* Background + overall page feel */
body{
  background: radial-gradient(1200px 700px at 15% 5%, rgba(255,79,216,0.06), rgba(255,255,255,0) 55%),
              radial-gradient(1000px 700px at 95% 0%, rgba(0,212,255,0.05), rgba(255,255,255,0) 55%),
              #f7f7fb !important;
}

/* Cards generally look more premium */
.card,
.collection,
.collection .collection-item,
.dt_home_filters_prnt,
.dt_home_filters,
.sidebar,
.sidenav{
  border-radius: 16px !important;
}

/* Sidebar (left) – soften + glass */
.sidebar,
.sidenav,
.sidebar .card,
.sidenav .card{
  background: rgba(255,255,255,0.75) !important;
  border: 1px solid rgba(20,10,22,0.06) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.08) !important;
  backdrop-filter: blur(12px);
}

/* Sidebar menu items */
.sidebar .collection .collection-item,
.sidenav .collection .collection-item{
  border: 0 !important;
  background: transparent !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  margin: 4px 8px !important;
}
.sidebar .collection .collection-item:hover,
.sidenav .collection .collection-item:hover{
  background: rgba(255,79,216,0.08) !important;
}
.sidebar .collection .collection-item.active,
.sidenav .collection .collection-item.active{
  background: linear-gradient(90deg, rgba(255,79,216,0.18), rgba(0,212,255,0.10)) !important;
}

/* Main content panel – softer shadow */
main .card,
main .dt_home_filters_prnt,
main .dt_home_filters,
main .collection{
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(20,10,22,0.06) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.08) !important;
}

/* Top “filters summary” bar look */
.dt_home_filters_prnt{
  background: linear-gradient(135deg,
    rgba(255,79,216,0.16),
    rgba(163,53,150,0.12),
    rgba(0,212,255,0.10)
  ) !important;
  padding: 14px 18px !important;
}

/* Apply Filters button/pill – make it look intentional */
button, .btn, .btn-flat, .btn-small, a.btn{
  border-radius: 999px !important;
}
.btn, .btn-small, a.btn{
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.btn_primary, .btn, a.btn{
  background: linear-gradient(90deg, #ff4fd8 0%, #a33596 45%, #00d4ff 100%) !important;
  box-shadow: 0 12px 30px rgba(255,79,216,0.18), 0 12px 34px rgba(0,212,255,0.10);
}
.btn:hover, a.btn:hover{
  transform: translateY(-1px);
}

/* Empty state panel (the big “No more users to show”) */
main .card-panel,
main .no_data_found,
main .empty_state,
main .dt_empty_state{
  border-radius: 18px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(20,10,22,0.06) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.06) !important;
}