/* FIX SELECT */
.SumoSelect.open {
    z-index: 99999999 !important;
}



/* =========================================================
BORDERS
========================================================= */

.search-field-wrap .checkbox-wrapper 
.checkbox-input:checked + .checkbox-tile,


.qiupid-inner-quick-stats,

.qiupid-inner-quick-link,

.qiupidsaas-primary-bordered-btn{

    border-color:
    rgba(201,169,110,.24) !important;
}


/* =========================================================
TEXT / ICON GOLD
========================================================= */

.qiupid-inner-quick-link.qiupidsaas-my-current-plan ul li > i,

.search-field-wrap .checkbox-wrapper 
.checkbox-input:checked + .checkbox-tile,

.abs-form .mt-reset-filters:hover,

.mt-search-tabs li.selected,

.filter-section .float-right span:hover,

.filter-section .filter-text span,

.mt-like-wrap i.fas.fa-heart,

.mt-like-wrap i.far.fa-heart,

.qiupid-nav-tabs.nav-tabs .nav-item> button{

    color:var(--arfa-gold);
}


/* =========================================================
TEXT COLOR IMPORTANT
========================================================= */

.qiupid-inner-quick-stats,

.qiupid-inner-quick-link,

.woocommerce-MyAccount-pricing-plan span.active i,

.mtsub-product-wrapper .mtsub-infos span.active i,

#qiupidsaas_unread_messages_notice > a:hover,

.qiupidsaas-chat-sidebar > .qiupidsaas-sidebar-title > a:hover,

body .woocommerce-MyAccount-navigation-link.is-active > a,

.qiupidsaas-primary-bordered-btn{

    color:var(--arfa-gold) !important;
}


/* =========================================================
GOLD BACKGROUNDS
========================================================= */

.qiupidsaas-custom-marker.online,

.qiupidsaas-match-result-box > h6,

.qiupidsaas-match-result-box > div,

body .qiupidsaas-chat-action-box-submit{

    background:
    var(--arfa-gold) !important;

    color:var(--arfa-black) !important;
}


/* =========================================================
PRIMARY BUTTONS
========================================================= */

#qiupidsaas_unread_messages_notice,

body .mt-profile-search .submit .form-control,

.mt-like-wrap .mt-add-like:hover i.far.fa-heart,

.qiupidsaas-primary-btn,

#qiupidsaas-builder-form 
.btn[name="form_configuration"],

.qiupidsaas-upgrade-plan-btn,

body .qiupidsas-plan-image 
span.qiupidsaas-toptier-badge{

    background:
    var(--arfa-gold);

    color:var(--arfa-black);

    border:
    1px solid rgba(201,169,110,.24);

    box-shadow:
    0 12px 30px rgba(201,169,110,.16);
}



/* =========================================================
SOFT GOLD BORDER
========================================================= */

.qiupid-profile-content 
.qiupidsaas-match-result-wrapper,

.latest-members-wrapper 
.mt-users-grid-img:hover::before,

.latest-members-wrapper 
.mt-users-grid-img:before{

    border-color:
    rgba(201,169,110,.24);
}


/* =========================================================
SOFT BACKGROUND SYSTEM
========================================================= */

.search-field-wrap .checkbox-wrapper 
.checkbox-tile{

    border-color:
    rgba(201,169,110,.08);
}


/* =========================================================
PERSONAL MESSAGE BUBBLE
========================================================= */

body .qiupid-personal 
> .qiupid-message-content{

    background:
    rgba(201,169,110,.08) !important;

    border:
    1px solid rgba(201,169,110,.12);
}


/* =========================================================
LIGHT GOLD SURFACE
========================================================= */

ul#active-filters-list span.value-tag,

.mt-search-tabs li.selected,

.abs-form .mt-reset-filters,

.search-field-wrap .checkbox-wrapper 
.checkbox-tile,

.filter-section .float-right span:hover,

span.media-uploader-clearer{

    background:
    rgba(201,169,110,.08);

    border:
    1px solid rgba(201,169,110,.12);
}


/* =========================================================
CARDS / PANELS
========================================================= */

.qiupid-profile-content 
.qiupidsaas-match-result-wrapper,

.latest-members-wrapper,

.qiupid-inner-quick-stats,

.qiupid-inner-quick-link{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.94),
        rgba(12,12,12,.98)
    ) !important;

    border:
    1px solid rgba(201,169,110,.12);

    box-shadow:
    0 18px 50px rgba(0,0,0,.35);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);
}


/* =========================================================
DARK MODE
========================================================= */

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-stats,

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-link,

body.qiupidsaas-dark-mode 
.latest-members-wrapper{

    background:
    linear-gradient(
        180deg,
        rgba(20,20,20,.96),
        rgba(10,10,10,.98)
    ) !important;
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupid-inner-quick-stats,

body:not(.qiupidsaas-dark-mode)
.qiupid-inner-quick-link,

body:not(.qiupidsaas-dark-mode)
.latest-members-wrapper{

    background:
    rgba(255,255,255,.85) !important;

    border:
    1px solid rgba(201,169,110,.12);

    box-shadow:
    0 12px 34px rgba(0,0,0,.08);
}
body.qiupidsaas-dark-mode .search-field-wrap .checkbox-wrapper .checkbox-tile {

     color: var(--arfa-text);

}

/* colores */ 
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active > a {
    color: var(--arfa-black-soft) !important;
}
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce a.qiupidsaas-primary-bordered-btn {
    color: var(--arfa-gold) !important;
}
body.qiupidsaas-dark-mode.page-template-find-matches-template .pagination .page-numbers:hover,
body.qiupidsaas-dark-mode.page-template-find-matches-template .pagination .page-numbers.current {
    background: var(--arfa-gold);
}
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce a.qiupidsaas-primary-bordered-btn {
    color: var(--arfa-gold) !important;
}
body.qiupidsaas-dark-mode.woocommerce-account .qiupidsaas-site-presentation {
    background-image: radial-gradient(circle at top, #ff1a7c, #ff7eae, #000000, #000000 60%);
}

.woocommerce-MyAccount-navigation-link > a:hover, .woocommerce-MyAccount-navigation-link.is-active > a {
    box-shadow: none;
    background: var(--arfa-accent) !important;
}
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce-MyAccount-navigation-link>a:visited,
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce-MyAccount-navigation-link>a:hover,
body.qiupidsaas-dark-mode.woocommerce-account .qiupid-inner-quick-link.qiupidsaas-my-current-plan ul {
    background: rgba(201, 169, 110, .08);
    color: var(--arfa-gold)!important;
}
body.qiupidsaas-dark-mode.woocommerce-account .qiupidsaas-chat-messages > .qiupid-message-wrapper.qiupid-personal > .qiupid-message-content{
    color: #ffffff;
}


/* =========================================================
USERS GRID
========================================================= */

body .mt-users-grid-wrap,
body .mt-users-wrap,
body .mt-premium-users-wrap{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.96),
        rgba(10,10,10,.98)
    ) !important;

    border:
    1px solid var(--arfa-border);

    border-radius:32px;

    overflow:hidden;

    box-shadow:
    var(--arfa-shadow);

    transition:
    transform .4s ease,
    border-color .4s ease;
}


body .mt-users-grid-wrap:hover,
body .mt-users-wrap:hover,
body .mt-premium-users-wrap:hover{

    transform:
    translateY(-5px);

    border-color:
    rgba(201,169,110,.24);
}


/* =========================================================
USER IMAGES
========================================================= */

body .mt-users-grid-img img,
body .mt-users-img img,
body .mt-premium-users-img img{

    border-radius:28px;

    transition:
    transform .45s ease;
}


body .mt-users-grid-wrap:hover img,
body .mt-users-wrap:hover img,
body .mt-premium-users-wrap:hover img{

    transform:
    scale(1.03);
}


/* =========================================================
USER INFO
========================================================= */

body:not(.qiupidsaas-dark-mode) .mt-users-grid-name a,
body:not(.qiupidsaas-dark-mode).mt-users-name a,
body:not(.qiupidsaas-dark-mode) .mt-premium-users-name a{

    color:
    var(--arfa-white);

    font-weight:700;
}

body:not(.qiupidsaas-dark-mode) .mt-users-grid-name span,
body:not(.qiupidsaas-dark-mode) .mt-users-name span,
body:not(.qiupidsaas-dark-mode) .mt-premium-users-name span{

    color:
    var(--arfa-gold-dark);

    font-weight:800;
}
body.qiupidsaas-dark-mode .mt-users-grid-name span,
body.qiupidsaas-dark-mode.mt-users-name span,
body.qiupidsaas-dark-mode .mt-premium-users-name span{

    color:
    var(--arfa-gold-dark);

    font-weight:800;
}


body .mt-users-grid-location,
body .mt-users-location,
body .mt-premium-users-location{

    color:
    var(--arfa-text-soft);
}


/* =========================================================
LIKE BUTTONS
========================================================= */

body .mt-like-wrap i{

    background:
    rgba(255,255,255,.06);

    border:
    1px solid rgba(201,169,110,.14);

    color:
    var(--arfa-gold);

    backdrop-filter:
    blur(10px);

    -webkit-backdrop-filter:
    blur(10px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);
}


body .mt-like-wrap i:hover{

    background:
    var(--arfa-gold);

    color:
    var(--arfa-black);

    transform:
    translateY(-2px);
}


/* =========================================================
SEARCH SYSTEM
========================================================= */

body .mt-profile-search{

    background:
    var(--arfa-white);

    border:
    1px solid rgba(201,169,110,.56);

    border-radius:32px;

    padding:32px;

}
body.qiupidsaas-dark-mode .mt-profile-search{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.96),
        rgba(10,10,10,.98)
    );

    border:
    1px solid var(--arfa-border);

    border-radius:32px;

    padding:32px;

    box-shadow:
    var(--arfa-shadow);
}


/* =========================================================
SEARCH TABS
========================================================= */

body .mt-search-tabs li{

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(201,169,110,.10);

    border-radius:20px;

    color:
    var(--arfa-text-soft);

    box-shadow:none;
}


body .mt-search-tabs li.selected{

    background:
    rgba(201,169,110,.10);

    border-color:
    rgba(201,169,110,.24);

    color:
    var(--arfa-gold);
}


/* =========================================================
FILTERS
========================================================= */

body ul#active-filters-list span.value-tag{

    background:
    rgba(201,169,110,.10);

    border:
    1px solid rgba(201,169,110,.18);

    color:
    var(--arfa-gold);

    border-radius:999px;
}
/* =========================================================
ARFA CHECKBOX TAG CLOUD
Inline Luxury Checkbox System
========================================================= */


/* =========================================================
GROUP WRAPPER
========================================================= */

body .checkbox-group{

    display:flex;

    flex-wrap:wrap;

    gap:14px;
}


/* =========================================================
CHECKBOX WRAPPER
========================================================= */

body .checkbox-group .checkbox-wrapper{

    position:relative;

    display:inline-flex;

    margin:0;
}


/* =========================================================
HIDE INPUT
========================================================= */

body .checkbox-group .checkbox-input{

    position:absolute;

    opacity:0;

    pointer-events:none;
}


/* =========================================================
TAG TILE
========================================================= */

body .checkbox-group .checkbox-tile{

	display: flex;
    flex-direction: column!important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;

    margin-bottom: 0px !important;
    margin-right: 0px !important;
    font-weight: 400 !important;
    font-size: 12px !important;



    min-height:auto !important;

    padding:6px 8px !important;

    border-radius:999px;

    border:
    1px solid rgba(201,169,110,.10);

    cursor:pointer;

    user-select:none;

    transition:
    background .25s ease,
    border-color .25s ease,
    color .25s ease,
    transform .25s ease;
}


/* =========================================================
DARK MODE
========================================================= */

body.qiupidsaas-dark-mode 
.checkbox-group .checkbox-tile{

    background:
    rgba(255,255,255,.03);

    color:
    var(--arfa-text-soft);
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode)
.checkbox-group .checkbox-tile{

    background:
    rgba(255,255,255,.92);

    color:#444;

    border:
    1px solid rgba(0,0,0,.06);
}


/* =========================================================
LABEL
========================================================= */

body .checkbox-group .checkbox-label{

    margin:0;

    font-size:12px;

    font-weight:400;

    letter-spacing:.3px;

    line-height:1;
}


/* =========================================================
HOVER
========================================================= */

body .checkbox-group .checkbox-tile:hover{

    transform:
    translateY(-1px);

    border-color:
    rgba(201,169,110,.24);

    background:
    rgba(201,169,110,.08);

    color:
    var(--arfa-gold);
}


/* =========================================================
ACTIVE / CHECKED
========================================================= */

body .checkbox-group 
.checkbox-input:checked 
+ .checkbox-tile{

    background:
    var(--arfa-gold) !IMPORTANT;

    border-color:
    rgba(201,169,110,.6);

    color: var(--arfa-black-soft) !important;
}


/* =========================================================
CHECKED LABEL
========================================================= */

body .checkbox-group 
.checkbox-input:checked 
+ .checkbox-tile 
.checkbox-label{

    color:
    color: var(--arfa-black-soft) !important;
}


/* =========================================================
ACTIVE GLOW LINE
========================================================= */

body .checkbox-group 
.checkbox-input:checked 
+ .checkbox-tile::before{

    content:"";

    position:absolute;

    top:0;

    left:14%;

    width:72%;

    height:1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(201,169,110,.45),
        transparent
    );
}


/* =========================================================
CHECKBOX TILES
========================================================= */

body .search-field-wrap .checkbox-wrapper .checkbox-tile{

    background:
    var(--arfa-gold);

    border:
    1px solid rgba(201,169,110,.5);

    color:
    var(--arfa-black);

    border-radius:18px;
}


body .search-field-wrap 
.checkbox-wrapper 
.checkbox-input:checked 
+ .checkbox-tile{

    background:
    rgba(201,169,110,.10);

    border-color:
    rgba(201,169,110,.24);

    color:
    var(--arfa-gold);
}


/* =========================================================
INPUTS
========================================================= */




/* =========================================================
INPUT FOCUS
========================================================= */

body input:focus,
body textarea:focus,
body select:focus{

    border-color:
    rgba(201,169,110,.34) !important;

    box-shadow:
    0 0 0 4px rgba(201,169,110,.08) !important;
}


/* =========================================================
PRIMARY BUTTONS
========================================================= */

body .qiupidsaas-primary-btn,
body button,
body .button{

    background:
    var(--arfa-gold);

    color:
    var(--arfa-black);

    border:
    1px solid rgba(201,169,110,.22);

    border-radius:18px;

    font-weight:700;

    box-shadow:
    0 12px 30px rgba(201,169,110,.14);

    transition:
    transform .35s ease,
    background .35s ease;
}


body .qiupidsaas-primary-btn:hover,
body button:hover,
body .button:hover{

    background:
    var(--arfa-gold-dark);

    color:
    #fff;

    transform:
    translateY(-2px);
}


/* =========================================================
BORDERED BUTTONS
========================================================= */

body .qiupidsaas-primary-bordered-btn{

    background:
    transparent;

    color:
    var(--arfa-gold);

    border:
    1px solid rgba(201,169,110,.22);
}


/* =========================================================
WARNINGS
========================================================= */

body .qiupidsaas-warning{

    background:
    rgba(201,169,110,.08);

    border:
    1px solid rgba(201,169,110,.24);

    color:#ab2222;

    border-radius:18px;
}


body .qiupidsaas-success{

    background:
    rgba(255,255,255,.9);

    border:
    1px solid rgba(201,169,110,.5);

    color:#27a312;

    border-radius:18px;
}


/* probar*/ 

/* =========================================================
ARFA PROFILE BUILDER HEADER
Luxury Control Center
========================================================= */


/* =========================================================
MAIN WRAPPER
========================================================= */

body .arfa-profile-builder-header{

    position:relative;

    overflow:hidden;

    margin-bottom:34px;

    border-radius:32px;

    border:
    1px solid rgba(201,169,110,.12);

    backdrop-filter:
    blur(24px);

    -webkit-backdrop-filter:
    blur(24px);

    transition:
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}


/* =========================================================
DARK MODE
========================================================= */

body.qiupidsaas-dark-mode 
.arfa-profile-builder-header{

    background:
    linear-gradient(
        180deg,
        rgba(22,22,22,.94),
        rgba(10,10,10,.98)
    ) !important;

    box-shadow:
    0 20px 60px rgba(0,0,0,.35);
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode)
.arfa-profile-builder-header{

    background:
    rgba(255,255,255,.88) !important;

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:
    0 16px 40px rgba(0,0,0,.08);
}


/* =========================================================
TOP GLOW
========================================================= */

body .arfa-profile-builder-header::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(201,169,110,.45),
        transparent
    );
}


/* =========================================================
TABS WRAPPER
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs{

    gap:12px;

    border:none;

    margin:0;
}


/* =========================================================
TAB ITEM
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-item{

    margin:0;
}


/* =========================================================
TAB BUTTON
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:58px;

    padding:10px 20px;

    border-radius:20px !important;

    border:
    1px solid rgba(201,169,110,.08) !important;

    background:
    rgba(255,255,255,.03)!important;
	box-shadow: none;

    color:
    var(--arfa-black-soft) !important;

    font-size:13px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

    transition:
    all .35s ease;
}


/* =========================================================
LIGHT MODE TABS
========================================================= */

body:not(.qiupidsaas-dark-mode)
.arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link{

    background:
    rgba(0,0,0,.025);

    color:
    #444 !important;
	border: 1px solid rgb(189 170 117)!important;
}


/* =========================================================
TAB ICON
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link i{

    font-size:15px;

    opacity:.85;

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


/* =========================================================
TAB HOVER
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link:hover{

    transform:
    translateY(-2px);

    border-color:
    rgba(201,169,110,.24) !important;

    background:
    rgba(201,169,110,.08);

    color:
    var(--arfa-black) !important;
}


body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link:hover i{

    transform:
    scale(1.08);

    color:
    var(--arfa-gold);
}


/* =========================================================
ACTIVE TAB
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link.active{

background:
    var(--arfa-gold)!important;

    color:
    var(--arfa-white)!important;

    border:
    2px solid rgba(201,169,110,.4) !important;


}
body.qiupidsaas-dark-mode .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link.active{

    color:
    var(--arfa-white)!important;

}


/* =========================================================
ACTIVE ICON
========================================================= */

body .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link.active i{

    color:
    var(--arfa-white);

    text-shadow:
    0 0 18px rgba(201,169,110,.35);
}
body.qiupidsaas-dark-mode .arfa-profile-builder-header 
.qiupid-nav-tabs .nav-link.active i{

    color:
    var(--arfa-white);


}


/* =========================================================
RIGHT ACTIONS
========================================================= */

body .arfa-profile-builder-header 
.text-end{

    display:flex;

    align-items:center;

    gap:12px;
}


/* =========================================================
ACTION BUTTONS
========================================================= */

body .arfa-profile-builder-header 
.text-end .btn{

    min-width:52px;

    min-height:52px;

    padding:10px 20px;

    border-radius:18px;

    border:
    1px solid rgba(201,169,110,.14);

    background:
    rgba(255,255,255,.03);

    color:
    var(--arfa-text);

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    transition:
    all .35s ease;
}


/* =========================================================
LIGHT MODE BUTTONS
========================================================= */

body:not(.qiupidsaas-dark-mode)
.arfa-profile-builder-header 
.text-end .btn{

    background:
    rgba(0,0,0,.03);

    color:
    #222;
}


/* =========================================================
BUTTON HOVER
========================================================= */

body .arfa-profile-builder-header 
.text-end .btn:hover{

    transform:
    translateY(-2px);

    background:
    var(--arfa-gold);

    color:
    var(--arfa-black);

    border-color:
    transparent;

    box-shadow:
    0 14px 34px rgba(201,169,110,.18);
}


/* =========================================================
PREVIEW BUTTON
========================================================= */

body .arfa-profile-builder-header 
#qiupidsaas_preview_url{

    background:
    var(--arfa-gold)!important;

    color:
    var(--arfa-white)!important;
	    padding: 0px;
    font-size: 22px !important;
}
body .arfa-profile-builder-header 
#qiupidsaas_preview_url:hover{

    background:
    var(--arfa-gold)!important;

    color:
    var(--arfa-white)!important;
	    padding: 0px;
    font-size: 22px !important;
}
/* =========================================================
ARFA DARK MODE SWITCHER
Luxury Theme Toggle
========================================================= */


/* =========================================================
MAIN BUTTON
========================================================= */

body .qiupidsaas-dark-mode-button{

    position:fixed;

    right:28px;

    bottom:105px;

    z-index:1140;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:auto;

    min-width:62px;

    height:62px;

    padding:0 22px;

    overflow:hidden;

    border-radius:999px;

    border:
    1px solid rgba(201,169,110,.14);

    cursor:pointer;

    backdrop-filter:
    blur(18px);

    -webkit-backdrop-filter:
    blur(18px);

    transition:
    width .35s ease,
    padding .35s ease,
    background .35s ease,
    border-color .35s ease,
    transform .35s ease;

    box-shadow:none !important;
}


/* =========================================================
DARK MODE STYLE
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-dark-mode-button{

    background:
    rgba(18,18,18,.84);

    color:
    var(--arfa-gold);
}


/* =========================================================
LIGHT MODE STYLE
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-dark-mode-button{

    background:
    rgba(255,255,255,.84);

    color:
    #222;
}


/* =========================================================
ICON
========================================================= */

body .qiupidsaas-dark-mode-button i{

    position:relative;

    z-index:3;

    font-size:20px !important;

    transition:
    transform .4s ease,
    color .35s ease;
}


/* =========================================================
TEXT
========================================================= */

body .qiupidsaas-dark-mode-button::after{

    content:"Theme";

    position:relative;

    z-index:3;

    max-width:0;

    overflow:hidden;

    white-space:nowrap;

    opacity:0;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;

    transition:
    max-width .35s ease,
    opacity .25s ease;
}


/* =========================================================
DARK MODE LABEL
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-dark-mode-button::after{

    content:"Light Mode";
}


/* =========================================================
LIGHT MODE LABEL
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-dark-mode-button::after{

    content:"Dark Mode";
}


/* =========================================================
HOVER
========================================================= */

body .qiupidsaas-dark-mode-button:hover{

    padding:0 28px;

    transform:
    translateY(-3px);

    border-color:
    rgba(201,169,110,.24);
}


/* =========================================================
DARK HOVER
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-dark-mode-button:hover{

    background:
    rgba(24,24,24,.96);
}


/* =========================================================
LIGHT HOVER
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-dark-mode-button:hover{

    background:
    rgba(255,255,255,.96);
}


/* =========================================================
SHOW TEXT ON HOVER
========================================================= */

body .qiupidsaas-dark-mode-button:hover::after{

    max-width:160px;

    opacity:1;
}


/* =========================================================
ICON ROTATION
========================================================= */

body .qiupidsaas-dark-mode-button:hover i{

    transform:
    rotate(180deg) scale(1.08);
}


/* =========================================================
GOLD GLOW LINE
========================================================= */

body .qiupidsaas-dark-mode-button::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(201,169,110,.45),
        transparent
    );

    opacity:.8;
}


/* =========================================================
ACTIVE
========================================================= */

body .qiupidsaas-dark-mode-button:active{

    transform:
    scale(.96);
}


/* =========================================================
ARFA ACCOUNT NAVIGATION TOGGLE
Luxury Sidebar Trigger
========================================================= */


/* =========================================================
MAIN TOGGLE
========================================================= */

body.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul 
.navigation-toggle{

    position:absolute;

    top:18px;

    left:calc(100% + 14px);

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:
    1px solid rgba(201,169,110,.14);

    visibility:hidden;

    opacity:0;

    z-index:30;

    cursor:pointer;

    backdrop-filter:
    blur(20px);

    -webkit-backdrop-filter:
    blur(20px);

    transition:
    all .35s ease;
}


/* =========================================================
DARK MODE
========================================================= */

body.qiupidsaas-dark-mode.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul 
.navigation-toggle{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.96),
        rgba(10,10,10,.98)
    ) !important;

    box-shadow:
    0 18px 40px rgba(0,0,0,.35),
    0 0 18px rgba(201,169,110,.06);
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode).page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul 
.navigation-toggle{

    background:
    rgba(255,255,255,.92) !important;

    box-shadow:
    0 12px 30px rgba(0,0,0,.08);
}


/* =========================================================
ICON
========================================================= */

body.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul 
.navigation-toggle i{

    font-size:15px;

    color:
    var(--arfa-gold);

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


/* =========================================================
SHOW ON HOVER
========================================================= */

body.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul:hover 
.navigation-toggle{

    visibility:visible;

    opacity:1;

    transform:
    translateX(0);
}


/* =========================================================
TOGGLED STATE
========================================================= */

body.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation.toggled ul 
.navigation-toggle{

    left:calc(100% + 20px);
}


/* =========================================================
HOVER EFFECT
========================================================= */

body.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul 
.navigation-toggle:hover{

    transform:
    translateY(-2px) scale(1.04);

    border-color:
    rgba(201,169,110,.28);

    background:
    rgba(201,169,110,.10) !important;

    box-shadow:
    0 20px 50px rgba(0,0,0,.35),
    0 0 24px rgba(201,169,110,.14);
}


/* =========================================================
HOVER ICON
========================================================= */

body.page-template-template-fullscreen-account 
nav.woocommerce-MyAccount-navigation ul 
.navigation-toggle:hover i{

    color:
    var(--arfa-gold-light);

    transform:
    scale(1.08);
}


/* =========================================================
INVERTED ICON
========================================================= */

body.page-template-template-fullscreen-account 
.navigation-toggle .inverted{

    transform:
    rotate(180deg);
}


/* =========================================================
MY ACCOUNT NAVIGATION
========================================================= */

body nav.woocommerce-MyAccount-navigation ul{

    gap:18px;

    padding:0;
}


body nav.woocommerce-MyAccount-navigation ul > li{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.96),
        rgba(12,12,12,.98)
    ) !important;

    border:
    1px solid var(--arfa-border);

    border-radius:26px;

    box-shadow:
    var(--arfa-shadow);

    overflow:hidden;

    transition:
    transform .35s ease,
    border-color .35s ease;
}


body nav.woocommerce-MyAccount-navigation ul > li:hover{

    transform:
    translateY(-3px);

    border-color:
    rgba(201,169,110,.28);
}


body .woocommerce-MyAccount-navigation-link > a{

    background:
    transparent !important;

    color:
    var(--arfa-black-soft) !important;

    font-weight:600;

    letter-spacing:.3px;
}


body .woocommerce-MyAccount-navigation-link.is-active > a{

    color:
    var(--arfa-black) !important;
}
/* =========================================================
ARFA HEADER ACCOUNT DROPDOWN
Luxury Member Control Menu
========================================================= */


/* =========================================================
MAIN WRAPPER
========================================================= */

body #dropdown-user-profile{

    position:relative;

    cursor:pointer;
}


/* =========================================================
TRIGGER BUTTON
========================================================= */

body #dropdown-user-profile 
.qiupid-header-group-label{
}


/* =========================================================
DARK MODE TRIGGER
========================================================= */

body.qiupidsaas-dark-mode 
#dropdown-user-profile 
.qiupid-header-group-label{
}


/* =========================================================
LIGHT MODE TRIGGER
========================================================= */

body:not(.qiupidsaas-dark-mode)
#dropdown-user-profile 
.qiupid-header-group-label{
}


/* =========================================================
TRIGGER HOVER
========================================================= */

body #dropdown-user-profile 
.qiupid-header-group-label:hover{


}


/* =========================================================
DROPDOWN PANEL
========================================================= */

body #dropdown-user-profile ul{

    position:absolute;

    top:130%;

    right:0;

    width:220px;

    padding:0px !important;

    margin:0;

    list-style:none;

    visibility:hidden;

    opacity:0;

    border-radius:28px;

    overflow:hidden;

    z-index:999;

    transform:
    translateY(10px) scale(.98);

    transition:
    all .35s ease;
}


/* =========================================================
DARK MODE PANEL
========================================================= */

body.qiupidsaas-dark-mode 
#dropdown-user-profile ul{

    background:
    linear-gradient(
        180deg,
        rgba(22,22,22,.96),
        rgba(10,10,10,.98)
    );

    border:
    1px solid rgba(201,169,110,.12);

    box-shadow:
    0 30px 70px rgba(0,0,0,.45);

    backdrop-filter:
    blur(24px);

    -webkit-backdrop-filter:
    blur(24px);
}


/* =========================================================
LIGHT MODE PANEL
========================================================= */

body:not(.qiupidsaas-dark-mode)
#dropdown-user-profile ul{

    background:
    rgba(255,255,255,.94);

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:
    0 18px 50px rgba(0,0,0,.10);
}


/* =========================================================
OPEN STATE
========================================================= */

body #dropdown-user-profile.open ul{

    visibility:visible;

    opacity:1;

    transform:
    translateY(0) scale(1);
}


/* =========================================================
MENU ITEMS
========================================================= */

body #dropdown-user-profile ul li{

    display:block;

    margin:0;
}


/* =========================================================
MENU LINKS
========================================================= */

body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link > a{

    position:relative;
	

    display:block;

    gap:14px;

    min-height:56px;

    padding:10px;

    border:none !important;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    letter-spacing:.2px;

    transition:
    all .3s ease;
}
.qiupidsaas-site-presentation-content-wrapper {
    text-align: center;
    margin-bottom: 88px;
    bottom: 20px;
    margin-block-start: auto;
}
.qiupidsaas-account{
	display:none;
	}
	.arfaaa-account {
    /* display: flex; */
    margin-top: -60px;
    top: 60px;
    padding: 0px 58px;
    text-align: center;
    position: relative;
    display: inline-block;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ffffff;
    z-index: 2;
	}
		.arfaaa-account #andate{
    width: 100%;
    position: relative;
	}
/* =========================================================
DARK MODE LINKS
========================================================= */

body.qiupidsaas-dark-mode 
#dropdown-user-profile 
.woocommerce-MyAccount-navigation-link > a{

    color:
    color: var(--arfa-gold) !important;

    background:
    transparent;
}


/* =========================================================
LIGHT MODE LINKS
========================================================= */

body:not(.qiupidsaas-dark-mode)
#dropdown-user-profile 
.woocommerce-MyAccount-navigation-link > a{

    color:
    #444;
}


/* =========================================================
ICONS
========================================================= */

body #dropdown-user-profile 
ul li a i{

    width:22px;

    min-width:22px;

    text-align:center;

    font-size:15px;

    color:
    var(--arfa-gold);

    opacity:.92;

    transition:
    all .3s ease;
}


/* =========================================================
HOVER
========================================================= */

body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link > a:hover{

    transform:
    translateX(3px);

    background:
    rgba(201,169,110,.08);

    color:
    var(--arfa-black-soft) !important;
}


/* =========================================================
HOVER ICON
========================================================= */

body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link > a:hover i{

    transform:
    scale(1.08);

    color:
    var(--arfa-gold-light);
}


/* =========================================================
ACTIVE ITEM
========================================================= */
body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link.is-active > a{

    background:
    var(--arfa-gold-light))!important;

    color:
    var(--arfa-black-soft) !important;

    border:
    1px solid rgba(201,169,110,.18) !important;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
}


/* =========================================================
ACTIVE ICON
========================================================= */

body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link.is-active > a i{

    color:
    var(--arfa-gold);

    text-shadow:
    0 0 14px rgba(201,169,110,.28);
}


/* =========================================================
LAST ITEM (LOGOUT)
========================================================= */

body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link--customer-logout > a{

    margin-top:10px;
}


/* =========================================================
LOGOUT HOVER
========================================================= */

body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link--customer-logout > a:hover{

border: 1px solid rgba(201, 169, 110, .14)!important;
    background: var(--arfa-black-soft)!important;
    backdrop-filter: blur(12px)!important;
    color: var(--arfa-accent-hover)!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 700;
    
}


body #dropdown-user-profile 
.woocommerce-MyAccount-navigation-link--customer-logout > a:hover i{

    color:
    var(--arfa-accent-hover)!important;
}
.builder-item--my_account:hover li.menu-grid-item a, .builder-item--my_account:hover a.menu-grid-item {

    background-color: var(--arfa-accent-hover);
}


/* fomrs*/ 


/* =========================================================
ARFA UNIVERSAL FORM SYSTEM v3
Unified Luxury Form Architecture
For:
- Register Forms
- Dashboard Forms
- WooCommerce
- Builder Forms
- Search Forms
- Upload Systems
- SumoSelect
- Filters
========================================================= */


/* =========================================================
ROOT TOKENS
========================================================= */

:root{

    --arfa-form-height:58px;

    --arfa-radius:18px;

    --arfa-radius-card:28px;

    --arfa-padding:
    16px  18px;

    --arfa-shadow-soft:
    0 10px 30px rgba(0,0,0,.18);

}


/* =========================================================
GLOBAL FORM WRAPPERS
========================================================= */

body form,
body .qiupid-configuration-form,
body .woocommerce form,
body .arfa-register-wrapper form,
body #qiupidsaas-builder-form{

    position:relative;
}


/* =========================================================
FIELDSETS
========================================================= */

body .qiupidsaas-fsw{

    padding:32px !important;

    border-radius:
    var(--arfa-radius-card);

    border:
    1px solid rgba(201,169,110,.08) !important;

    background:
    transparent !important;
}


/* =========================================================
SECTION TITLES
========================================================= */

body .qiupid-configuration-form h3,
body .arfa-register-wrapper h3{

    margin-bottom:24px;

    font-size:24px;

    font-weight:700;

    letter-spacing:-.4px;
}


body.qiupidsaas-dark-mode 
.qiupid-configuration-form h3,
body.qiupidsaas-dark-mode 
.arfa-register-wrapper h3{

    color:
    var(--arfa-white);
}


body:not(.qiupidsaas-dark-mode)
.qiupid-configuration-form h3,
body:not(.qiupidsaas-dark-mode)
.arfa-register-wrapper h3{

    color:var(--arfa-black);
}


/* =========================================================
LABELS
========================================================= */

body form label,
body .form-label,
body .arfa-profileupload-main-label{

    display:block;

    position:relative;

    transform:none ;

    inset:auto ;

    background:transparent !important;

    padding:0 !important;

    margin-bottom:10px !important;

    height:auto ;

    width:auto ;

    font-size:13px;

    font-weight:400;

    letter-spacing:.2px;

    text-transform:uppercase;

    opacity:1 !important;
}


body.qiupidsaas-dark-mode form label,
body.qiupidsaas-dark-mode .form-label{

    color:
    var(--arfa-text-soft);
}


body:not(.qiupidsaas-dark-mode) form label,
body:not(.qiupidsaas-dark-mode) .form-label{

    color:#555;
}


/* =========================================================
REMOVE BOOTSTRAP FLOATING
========================================================= */

body .form-floating{

    position:relative;
}


body .form-floating > label{

position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem !important;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;



}
body .form-floating > label:after{


    background:transparent !important;
	color:var(--arfa-accent)!important;

}
body .form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label
{


    background:transparent !important;
	color:var(--arfa-accent)!important;

}


body .form-floating > .form-control{

    height:auto !important;

    min-height:
    var(--arfa-form-height);

    padding:
    var(--arfa-padding) !important;
}


/* =========================================================
INPUTS
========================================================= */

body input:not([type="checkbox"]):not([type="radio"]),
body textarea,
body select,
body .SumoSelect > .CaptionCont{

    width:100%;

    min-height:
    var(--arfa-form-height); 

    padding:
    var(--arfa-padding);

    border-radius:
    var(--arfa-radius) !important;

    font-size:15px !important;

    font-weight:500;

    box-shadow:none !important;

    outline:none !important;

    transition:
    border-color .25s ease,
    background .25s ease,
    color .25s ease;
}
body input:not([type="checkbox"]):not([type="radio"]),
body textarea {

    padding:
    22px 18px 10px 18px !important;

}

#age_from,
#age_to {
    width: 60px;
	    min-height: 40px;
		margin: 0px 10px;
padding: 10px !important;
    text-align: center;
    border-radius: 10px !important;
}

#age_from:focus,
#age_to:focus {
    border-color: #f5d48f !important;
    box-shadow: 0 0 12px rgba(200,169,107,.35) !important;
}
/* =========================================================
ARFA INLINE CHECKBOX
========================================================= */

body .qiupidsaas-checkbox-field{

    display:flex;

    align-items:center;

    gap:12px;
}


body .qiupidsaas-checkbox-field label{

    margin:0 !important;

    line-height:1;

    cursor:pointer;
}


body .qiupidsaas-checkbox-field input[type="checkbox"]{

    margin:0 !important;

    flex:none;
}


/* =========================================================
DARK MODE INPUTS
========================================================= */

body.qiupidsaas-dark-mode input:not([type="checkbox"]):not([type="radio"]),
body.qiupidsaas-dark-mode textarea,
body.qiupidsaas-dark-mode select,
body.qiupidsaas-dark-mode .SumoSelect > .CaptionCont{

    background:
    rgba(255,255,255,.03) !important;

    border:
    1px solid rgba(201,169,110,.10) !important;

    color:
    var(--arfa-text) !important;
}


/* =========================================================
LIGHT MODE INPUTS
========================================================= */

body:not(.qiupidsaas-dark-mode) input:not([type="checkbox"]):not([type="radio"]),
body:not(.qiupidsaas-dark-mode) textarea,
body:not(.qiupidsaas-dark-mode) select,
body:not(.qiupidsaas-dark-mode) .SumoSelect > .CaptionCont{

    background:
    rgba(255,255,255,.92) !important;

    border:
    1px solid rgba(189,170,117,.9) !important;

    color:#151515 !important;
}


/* =========================================================
PLACEHOLDERS
========================================================= */

body input::placeholder,
body textarea::placeholder{

    color:
    var(--arfa-text-muted);

    opacity:1;
}


/* =========================================================
FOCUS
========================================================= */

body input:focus,
body textarea:focus,
body select:focus,
body .form-control:focus,
body .SumoSelect.open > .CaptionCont{

    border-color:
    rgba(201,169,110,.9) !important;

    box-shadow:
    0 0 0 3px rgba(201,169,110,.09) !important;
}


/* =========================================================
TEXTAREA
========================================================= */

body textarea{

    min-height:180px;

    resize:vertical;
}


/* =========================================================
INPUT GROUP
========================================================= */

body .input-group-text{

    border-radius:
    var(--arfa-radius) 0 0 var(--arfa-radius);

    border-right:none !important;

    padding:
    0 18px;

    font-size:13px;

    font-weight:600;
}


body.qiupidsaas-dark-mode .input-group-text{

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(201,169,110,.10);

    color:
    var(--arfa-text-soft);
}


body:not(.qiupidsaas-dark-mode) .input-group-text{

    background:
    rgba(0,0,0,.025);

    border:
    1px solid rgba(0,0,0,.06);

    color:#444;
}


/* =========================================================
SUMO SELECT
========================================================= */

body .SumoSelect{

    width:100%;

    z-index:400 !important;
}


body .SumoSelect.disabled{

    opacity:.45;
}


body .SumoSelect > .CaptionCont{

    display:flex;

    align-items:center;

    position:relative;
}


body .SumoSelect > .CaptionCont > span{

    font-size:15px !important;

    font-weight:500;

    line-height:24px;
}


body.qiupidsaas-dark-mode 
.SumoSelect > .CaptionCont > span{

    color:#F5F5F5 !important;
}


body:not(.qiupidsaas-dark-mode) 
.SumoSelect > .CaptionCont > span{

    color:#222 !important;
}


body .SumoSelect > .CaptionCont > span.placeholder{

    color:
    var(--arfa-text-muted) !important;
}


/* =========================================================
SUMO ARROW
========================================================= */

body .SumoSelect > .CaptionCont > label{

    width:54px;
}


/* =========================================================
SUMO DROPDOWN
========================================================= */

body .SumoSelect > .optWrapper{

    top:calc(100% + 8px);

    border-radius:24px;

    border:
    1px solid rgba(201,169,110,.10);

    overflow:hidden;

    box-shadow:
    var(--arfa-shadow-soft);
}


body.qiupidsaas-dark-mode 
.SumoSelect > .optWrapper{

    background:
    rgba(18,18,18,.98);
}


body:not(.qiupidsaas-dark-mode)
.SumoSelect > .optWrapper{

    background:
    rgba(255,255,255,.98);
}
body .SumoSelect>.optWrapper>.options li label {
    text-overflow: clip;
    white-space: normal;
	line-height: normal;
    overflow: visible;
    display: block;
    cursor: pointer;
	margin-bottom: 0px !important;
}

/* =========================================================
SEARCH INPUT
========================================================= */

body .SumoSelect.open .search-txt{

    border:none !important;

    border-bottom:
    1px solid rgba(201,169,110,.08) !important;

    padding:
    4px 8px !important;
	
position: absolute !important;
    border-radius:
    22px 22px 0 0 !important;

    font-size:14px;
}


body.qiupidsaas-dark-mode 
.SumoSelect.open .search-txt{

    background:#151515 !important;

    color:#F5F5F5 !important;
}


body:not(.qiupidsaas-dark-mode)
.SumoSelect.open .search-txt{

    background:#fff !important;

    color:#222 !important;
}


/* =========================================================
OPTIONS
========================================================= */

body .SumoSelect 
.optWrapper ul.options li.opt{

    padding:10px 17px;

    border:none;

    transition:
    background .2s ease,
    color .2s ease;
}


body.qiupidsaas-dark-mode 
.SumoSelect 
.optWrapper ul.options li.opt label{

    color:
    var(--arfa-text-soft);
}


body:not(.qiupidsaas-dark-mode)
.SumoSelect 
.optWrapper ul.options li.opt label{

    color:#444;
	overflow: visible;
}


body .SumoSelect 
.optWrapper ul.options li.opt:hover{

    background:
    rgba(201,169,110,.08);
}


body .SumoSelect 
.optWrapper ul.options li.opt.selected{

    background:
    rgba(201,169,110,.12);
}


/* =========================================================
CHECKBOXES
========================================================= */

body input[type="checkbox"]{

    width:20px;

    height:20px;

    border-radius:7px;

    border:
    1px solid rgba(201,169,110,.9);
}


/* =========================================================
SEARCH CHECKBOX TILES
========================================================= */

body .search-field-wrap .checkbox-wrapper .checkbox-tile{

    border-radius:18px;

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:none !important;

    transition:
    border-color .25s ease,
    background .25s ease;
}


body.qiupidsaas-dark-mode 
.search-field-wrap .checkbox-wrapper .checkbox-tile{

    background:var(--arfa-accent-soft)!important;
	border:
    1px solid rgba(201,169,110,.12);
	color: var(--arfa-gold);
}


body:not(.qiupidsaas-dark-mode)
.search-field-wrap .checkbox-wrapper .checkbox-tile{

    background:var(--arfa-accent-soft)!important;
	border:
    1px solid rgba(201,169,110,.12)!important;
	color: var(--arfa-gold)!important;
}


body .search-field-wrap 
.checkbox-wrapper 
.checkbox-input:checked 
+ .checkbox-tile{

    background:
    var(--arfa-accent)!important;
	color: var(--arfa-black-soft)!important;

    border-color:
    var(--arfa-accent-border)!important;
}
body .search-field-wrap 
label.checkbox-wrapper  {

margin: 0!important;
padding:0!important;
}

/* =========================================================
SEARCH TABS
========================================================= */

body .mt-search-tabs li{

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px 20px;
    border-radius: 20px !important;
    border: 1px solid rgba(201, 169, 110, .08) !important;
    background: rgba(255, 255, 255, .03) !important;
    box-shadow: none;
    color: var(--arfa-text-soft) !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    transition: all .35s ease;
}
body .mt-search-tabs li:hover::before{

    transform:
    translateX(120%);
}

body .mt-search-tabs li:hover{

transform: translateY(-2px);
}


body.qiupidsaas-dark-mode 
.mt-search-tabs li{

    background:
    rgba(255,255,255,.03);
}


body:not(.qiupidsaas-dark-mode)
.mt-search-tabs li{
    background:
    rgba(201,169,110,.10) !important;

    border: 1px solid rgb(189 170 117) !important;
    color:
    var(--arfa-black)!important;
}


body .mt-search-tabs li.selected{

background:
    var(--arfa-gold)!important;

    border-color:
    rgba(201,169,110,.18) !important;

    color:
    var(--arfa-white);
}


/* =========================================================
UPLOAD SYSTEM
========================================================= */

body .arfa-profileupload-box{

position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 34px;
    cursor: pointer;
    background: rgba(255, 255, 255, .05)!important;
    border: 1px solid rgba(201, 169, 110, .7)!important;
    color: #C9A96E;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    overflow:hidden;

    border-radius:
    var(--arfa-radius-card);

    box-shadow:none !important;

    transition:
    border-color .25s ease,
    background .25s ease;
}


body.qiupidsaas-dark-mode 
.arfa-profileupload-box{

    background:
    rgba(255,255,255,.03);
}


body:not(.qiupidsaas-dark-mode)
.arfa-profileupload-box{

    background:
    rgba(255,255,255,.88);
}


body .arfa-profileupload-box:hover{

    border-color:
    rgba(201,169,110,.24);
	transform: translateY(-3px);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55), 0 0 40px rgba(212, 175, 55, 0.08);
}


/* =========================================================
UPLOAD INNER
========================================================= */

body .arfa-profileupload-inner{

    position: relative;
    z-index: 2;
	display:flex;

    align-items:center;

    justify-content:space-between;

    gap:22px;

    padding:24px;
}
body .arfa-profileupload-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 0;
}
body .arfa-profileupload-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}


/* =========================================================
UPLOAD ICON
========================================================= */

body .arfa-profileupload-iconcircle{

    width:74px;
    height:74px;

    min-width:74px;

    border-radius:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
    1px solid rgba(201,169,110,.14);

    box-shadow:none !important;
}


body.qiupidsaas-dark-mode 
.arfa-profileupload-iconcircle{

    background:
    rgba(201,169,110,.08);
}


body:not(.qiupidsaas-dark-mode)
.arfa-profileupload-iconcircle{

    background:
    rgba(201,169,110,.06);
}


body .arfa-profileupload-iconcircle i{

    font-size:22px;

    color:
    var(--arfa-gold);
}


/* =========================================================
UPLOAD TEXT
========================================================= */

body .arfa-profileupload-title{

    font-size:18px;

    font-weight:700;

    line-height:1.2;

    color:
    var(--arfa-gold);
}


body .arfa-profileupload-subtitle{

    font-size:14px;

    line-height:1.5;
}


body.qiupidsaas-dark-mode 
.arfa-profileupload-subtitle{

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


body:not(.qiupidsaas-dark-mode)
.arfa-profileupload-subtitle{

    color:#555;
}


body .arfa-profileupload-meta{

    font-size:12px;

    letter-spacing:.4px;

    color:
    var(--arfa-gold);
}


/* =========================================================
UPLOAD PREVIEW
========================================================= */

body .arfa-profileupload-previewring{
    position: relative;
    width:84px;
    height:84px;

    min-width:84px;

    border-radius:24px;

    overflow:hidden;

    background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    order: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
}


/* =========================================================
PLUS BUTTON
========================================================= */

body .arfa-profileupload-plus{

position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #D4AF37;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}


/* =========================================================
UPLOAD ACTIVE
========================================================= */

body .arfa-profileupload-box.arfa-profileupload-active{

    background:
    rgba(201,169,110,.06);
	transform: translateY(-3px);

    border-color:
    rgba(201,169,110,.24);
}


/* =========================================================
UPLOAD PREVIEW IMAGE
========================================================= */

body #arfa-profileupload-preview{

    width:100%;
    height:100%;

    object-fit:cover;
	display: none;
}


/* =========================================================
UPLOAD FIELD WRAP
========================================================= */

body .arfa-profileupload-field-wrap{

    margin-bottom:32px;
}


/* =========================================================
BUTTONS
========================================================= */

body .arfabtn,
body button,
body .btn,
body input[type="submit"]{

    min-height:56px;

    padding:
    14px 28px;

    border-radius:999px;

    border:
    1px solid rgba(201,169,110,.18);

    background:
    var(--arfa-gold);

    color:var(--arfa-black) !important;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    box-shadow:none !important;

    transition:
    background .25s ease,
    border-color .25s ease,
    color .25s ease;
}


body .arfabtn:hover,
body button:hover,
body .btn:hover,
body input[type="submit"]:hover{

    background:
    var(--arfa-gold-dark);

    color:#fff !important;
}


/* =========================================================
ALERTS
========================================================= */

body .alert{

    border-radius:18px;

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:none !important;
}


body.qiupidsaas-dark-mode .alert{

    background:
    rgba(255,255,255,.03);

    color:
    var(--arfa-text-soft);
}


body:not(.qiupidsaas-dark-mode) .alert{

    background:
    rgba(255,255,255,.92);

    color:var(--arfa-gold-dark);
}
body.qiupidsaas-dark-mode.woocommerce-account .alert strong {
    
	color:var(--arfa-gold-dark)!important;
}


/* =========================================================
HCAPTCHA
========================================================= */

body .h-captcha{

    text-align:center;
}


/* =========================================================
DISABLED
========================================================= */

body input:disabled,
body textarea:disabled,
body select:disabled,
body .SumoSelect.disabled{

    opacity:.45;

    cursor:not-allowed;
}


/* =========================================================
ARFA INLINE FILTER SYSTEM
Adaptive Inline Filters
========================================================= */


/* =========================================================
SEARCH GROUP CONTAINER
========================================================= */

body .search-groups{

    display:flex;

    flex-wrap:wrap;

    gap:24px;
}


/* =========================================================
FIELD WRAPPER
========================================================= */

body .search-field-wrap{

    display:flex;

    flex-direction:column;

    width:auto !important;

    min-width:100%;

    max-width:max-content;
}


/* =========================================================
INLINE LABEL
========================================================= */

body .search-field-wrap > label{

    margin-bottom:10px;

    width:max-content;
}


/* =========================================================
SUMO SELECT
========================================================= */

body .search-field-wrap .SumoSelect{

    width:auto !important;

    min-width:220px;
}


/* =========================================================
SUMO BOX
========================================================= */

body .search-field-wrap 
.SumoSelect > .CaptionCont{

    width:auto;

    min-width:220px;
	height: 40px;
    min-height: 40px;

    padding:10px 20px!important;
}
body .search-field-wrap 
.SumoSelect > .search{

    width:auto;

    min-width:220px;

    padding-right:48px !important;
}


/* =========================================================
CHECKBOX GROUP
========================================================= */

body .search-field-wrap 
.checkbox-group{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    width:auto;
}


/* =========================================================
CHECKBOX WRAPPER
========================================================= */

body .search-field-wrap 
.checkbox-wrapper{

    width:auto;


}


/* =========================================================
CHECKBOX TILE
========================================================= */

body .search-field-wrap 
.checkbox-tile{

    width:auto !important;

    min-width:auto;

    white-space:nowrap;
}


/* =========================================================
INLINE MODE FOR SMALL FILTERS
========================================================= */

body .search-field-wrap.inline{

    flex-direction:row;

    align-items:center;

    gap:14px;
}


/* =========================================================
INLINE LABEL
========================================================= */

body .search-field-wrap.inline > label{

    margin:0;
}


/* =========================================================
OPTIONAL COMPACT MODE
========================================================= */

body .search-field-wrap.compact 
.SumoSelect > .CaptionCont{

    min-width:160px;

    min-height:50px;
}


/* =========================================================
OPTIONAL LARGE MODE
========================================================= */

body .search-field-wrap.large 
.SumoSelect > .CaptionCont{

    min-width:320px;
}


/* =========================================================
REMOVE FULL WIDTH
========================================================= */

body .search-field-wrap *,
body .checkbox-group *,
body .SumoSelect{

    max-width:none !important;
}


/* =========================================================
MOBILE
========================================================= */

@media only screen and (max-width:767px){

    body .search-groups{

        flex-direction:column;

        gap:22px;
    }

    body .search-field-wrap{

        width:100% !important;

        max-width:100%;
    }

    body .search-field-wrap 
    .SumoSelect{

        width:100% !important;
    }

    body .search-field-wrap 
    .SumoSelect > .CaptionCont{

        width:100%;

        min-width:100%;
    }

}

/* =====================================================
   ARFA REFINE DATA LAYER
===================================================== */

.arfa-advanced-toggle-wrap {

    margin-bottom: 18px;
}

.arfa-advanced-toggle {

    display: flex;
    align-items: center;

    gap: 8px;

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

    cursor: pointer;
}

.arfa-advanced-toggle input {
    transform: scale(1.1);
}

/* ADVANCED FILTERS HIDDEN */

/* =====================================================
   ARFA GROUPS
===================================================== */

.arfa-group-section {
display: flex;
       margin-bottom: 28px;
    gap: 5px !important;
    padding: 0px !important;
	flex-direction: column;
    align-items: center;
}
body .arfa-group-section .SumoSelect {
width: 100% !important;
    min-width: 100%;
}
.arfa-group-title {

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #c8aa6e;

    opacity: .9;
}

/* =====================================================
   ADVANCED FILTERS
===================================================== */

.arfa-advanced-filter {
    display: none !important;
}

body.arfa-show-advanced .arfa-advanced-filter {
    display: block !important;
}

/* =====================================================
   REMOVE OLD TAB SYSTEM
===================================================== */

.mt-search-tabs {
    display: none !important;
}

.tab-content-id-0,
.tab-content-id-1,
.tab-content-id-2,
.tab-content-id-3 {

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* OPTIONAL SMALL IMPROVEMENTS */

.mt-search-tabs li {

    padding: 10px 14px;

    border-radius: 999px;
}

.mt-form-field-group label,
.search-field-wrap label {

    font-size: 13px;
    font-weight: 600;
}


/* =====================================================
   ARFA FILTER HEADER
===================================================== */

.arfa-filter-header {

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

    margin-bottom: 18px;
}

.arfa-filter-header h5 {

    margin: 0;
}

/* CLOSE BUTTON */

.arfa-close-search {

    position: absolute;
    width: 20px;
    min-width: 20px;
    top: -10px;
    min-height: 20px;
    left: -25px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: var(--arfa-black-card) !important;
    color: var(--arfa-accent) !important;
    cursor: pointer;
    transition: .2s ease;
}

.arfa-close-search:hover {

    transform: rotate(90deg);

    background: #c8aa6e;

    color: #111;
}