/* =========================================================
SAFE AREA SUPPORT
========================================================= */

@supports(padding:max(0px)){

    .qiupidsaas-footer-mobile-sticky-nav-group{

        bottom:
        max(20px, env(safe-area-inset-bottom));
    }
}


/* =========================================================
TABLET
========================================================= */

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

    .qiupidsaas-footer-mobile-sticky-nav-group{

        left:14px;

        right:14px;
    }
}


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

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

    .qiupidsaas-footer-mobile-sticky-nav-group{

        left:10px;

        right:10px;

        bottom:12px;

        padding:8px;

        border-radius:24px;
    }

    .qiupidsaas-footer-mobile-sticky-nav-group 
    .col-md-3 a{

        min-height:21px;

        font-size:10px;

        letter-spacing:.5px;

        gap:6px;
    }

    .qiupidsaas-footer-mobile-sticky-nav-group 
    .col-md-3 a i{

        font-size:18px;
    }

    .qiupidsaas-footer-mobile-sticky-nav-group 
    .col-md-3:not(:last-child)::after{

        height:28px;
    }
}

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

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

    .qiupidsaas-footer-mobile-sticky-nav-group{

        padding:5px !important;
    }

    .qiupidsaas-footer-mobile-sticky-nav-group 
    .col-md-3 a{

        min-height:20px !important;
    }

    .qiupidsaas-footer-mobile-sticky-nav-group:hover 
    .col-md-3 a{

        min-height:58px !important;

        font-size:9px !important;
    }

    .qiupidsaas-footer-mobile-sticky-nav-group 
    .col-md-3 a i{

        font-size:17px !important;
    }

}



/* ========================================
TABLET
======================================== */

@media(max-width:1024px){

    .arfa-cinematic-panel{

        padding:50px 42px;
    }

    .arfa-cinematic-panel h2{

        max-width:100%;
    }

    .arfa-panel-description{

        max-width:100%;
    }
}


/* ========================================
TABLET
======================================== */

@media(max-width:1024px){

    .arfa-cinematic-slider{

        height:820px;
    }

    .arfa-slide-content{

        left:40px;

        right:40px;

        bottom:100px;
    }

    .arfa-slide img{

        height:88%;
    }
	
body .qiupidsaas-dark-mode .page-template-template-fullscreen-account.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {

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


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

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


body .qiupidsaas-dark-mode .page-template-template-fullscreen-account.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {

        background-color: var(--arfa-black-card);
    background: var(--arfa-black-card);
    }
    .arfa-cinematic-slider{

        height:97vh;

        min-height:760px;

        border-radius:28px;
    }

    .arfa-slide{

        align-items:flex-end;
    }

    .arfa-slide img{

        height:72%;

        max-width:125%;

        bottom:0;

        left:50%;

        transform:
        translateX(-50%) scale(1);
    }

    .arfa-slide.active img{

        transform:
        translateX(-50%) scale(1.03);
    }

    .arfa-slide-content{

        left:24px;

        right:24px;

        bottom:120px;

        max-width:none;
    }

    .arfa-slide-kicker{

        min-height:38px;

        padding:8px 14px;

        font-size:10px;

        letter-spacing:1.5px;

        margin-bottom:18px;
    }

    .arfa-slide-content h2{

        font-size:42px;

        line-height:.92;

        letter-spacing:-2px;

        margin-bottom:14px;
    }

    .arfa-slide-content p{

        font-size:16px;

        line-height:1.5;
    }

    .arfa-slider-nav{

        left:22px;

        right:22px;

        bottom:24px;
    }

    .arfa-prev,
    .arfa-next{

        width:48px;

        height:48px;

        font-size:16px;
    }

    .arfa-dot.active{

        width:28px;
		height:20px;
		min-height: 20px;
    }
	.arfa-dot {

         width:5px;
    height:5px;
	min-height: 5px;
        padding: 5px;
    }
}


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

@media(max-width:480px){

    .arfa-cinematic-slider{

        min-height:700px;
    }

    .arfa-slide img{

        height:78%;
    }

    .arfa-slide-content h2{

        font-size:34px;
    }

    .arfa-slide-content p{

        font-size:15px;
    }
}
/* ========================================
RESPONSIVE
======================================== */

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

.arfa-slide-content h2{
    font-size:48px;
}

}


/* MOBILE */

@media(max-width:980px){

    /*
    ========================================
    HERO LAYOUT
    ========================================
    */

    .arfa-hero-container{

        grid-template-columns:1fr;

        text-align:center;

        gap:20px;
    }

    .arfa-hero-left{

        margin:auto;

        position:relative;

        z-index:10;
    }

    .arfa-hero-points{

        align-items:center;
    }

    /*
    ========================================
    TYPOGRAPHY
    ========================================
    */

    .arfa-hero-left h1{

        font-size:52px;

        letter-spacing:-2px;
    }

    .arfa-hero-left h2{

        font-size:30px;
    }

    .arfa-hero-description{

        font-size:18px;
    }

    /*
    ========================================
    RIGHT COMPOSITION
    ========================================
    */

    .arfa-hero-right{

        position:relative;

        width:100%;

        min-height:650px;

        display:flex;

        align-items:flex-end;

        justify-content:center;

        margin-top:-40px;
    }

    /*
    ========================================
    MAN IMAGE
    ========================================
    */

    .arfa-hero-man{

        position:absolute;

        bottom:0;

        left:50%;

        transform:translateX(-20%);

        width:100%;

        max-width:520px;

        opacity:.95;
    }

    .arfa-hero-man img{

        width:100%;

        object-fit:contain;
    }

    /*
    ========================================
    FLOATING CARD
    ========================================
    */

    .arfa-floating-profile{

        position:absolute;

        bottom:40px;

        right:50%;

        transform:translateX(50%);

        width:100%;

        max-width:320px;

        z-index:20;
    }
}
@media(max-width:767px){

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

    .arfa-hero-premium{

        min-height:auto;

        padding:100px 0 40px;
    }

    .arfa-hero-container{

        padding:0 20px;
    }

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

    .arfa-hero-left h1{

        font-size:42px;

        line-height:.95;
    }

    .arfa-hero-left h2{

        font-size:24px;
    }

    .arfa-hero-description{

        font-size:16px;

        line-height:1.8;
    }

    /*
    ========================================
    RIGHT AREA
    ========================================
    */

    .arfa-hero-right{

        min-height:560px;

        margin-top:-20px;
    }

    /*
    ========================================
    MAN IMAGE
    ========================================
    */

    .arfa-hero-man{

        max-width:420px;
    }

    /*
    ========================================
    FLOAT CARD
    ========================================
    */

    .arfa-floating-profile{

        bottom:10px;
		left: -20%;

        max-width:280px;

        border-radius:28px;
    }

    /*
    ========================================
    AVATAR
    ========================================
    */

    .arfa-floating-avatar-wrap{

        width:130px;
        height:130px;
    }

    /*
    ========================================
    CONTENT
    ========================================
    */

    .arfa-floating-content{

        padding:10px 20px 24px;
    }

    .arfa-floating-content h3{

        font-size:24px;
    }

}

@media(max-width:767px){
	.arfa-hero-premium{

        padding:100px 0 60px;
    }

    .arfa-hero-container{

        padding:0 24px;
    }

    .arfa-hero-left h1{

        font-size:42px;
    }

    .arfa-hero-left h2{

        font-size:24px;
    }

    .arfa-hero-description{

        font-size:16px;

        line-height:1.8;
    }

    .arfa-floating-top{

        height:280px;
    }

    .arfa-floating-avatar-wrap{

        width:150px;
        height:150px;
    }

}

/* MOBILE */

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

    .arfa-union-container{

        justify-content:center;
    }

    .arfa-union-card{

        padding:50px;
    }

    .arfa-union-card h2{

        font-size:52px;
    }
}



/* MOBILE */

@media(max-width:980px){

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

    .arfa-dual-selection{

        display:flex;

        flex-direction:column;

        gap:1px;

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

    /* REMOVE CENTER LINE */

    .arfa-dual-selection::before{

        display:none;
    }

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

    .arfa-dual-panel{

        min-height:62vh;

        padding:
        28px 20px 24px;

        align-items:flex-end;
    }

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

    .arfa-dual-bg{

        transform:scale(1);

        background-position:center top;
    }

    /* MEN */

    .arfa-dual-men .arfa-dual-bg{

        background-position:center top;
    }

    /* WOMEN */

    .arfa-dual-women .arfa-dual-bg{

        background-position:center top;
    }

    /*
    ================================
    OVERLAY
    ================================
    */

    .arfa-dual-overlay{

        background:
        linear-gradient(
            to top,
            rgba(0,0,0,.96) 15%,
            rgba(0,0,0,.58) 55%,
            rgba(0,0,0,.18) 100%
        );
    }

    /*
    ================================
    CONTENT CARD
    ================================
    */

    .arfa-dual-content{

        width:100%;

        max-width:100%;

        padding:26px 22px;

        border-radius:26px;

        background:
        linear-gradient(
            180deg,
            rgba(8,8,8,.52),
            rgba(18,18,18,.34)
        );

        backdrop-filter:blur(8px);

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

    /*
    ================================
    KICKER
    ================================
    */

    .arfa-dual-kicker{

        font-size:11px;

        letter-spacing:2px;

        margin-bottom:18px;
    }

    /*
    ================================
    TITLE
    ================================
    */

    .arfa-dual-content h2{

        font-size:34px;

        line-height:1;

        letter-spacing:-1.5px;

        margin-bottom:18px;
    }

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

    .arfa-dual-content p{

        font-size:15px;

        line-height:1.75;

        margin-bottom:26px;

        color:#b7b7b7;
    }

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

    .arfa-dual-btn{

        width:100%;

        min-height:54px;

        font-size:12px;

        letter-spacing:2px;
    }
}

/*
========================================
SMALL DEVICES
========================================
*/

@media(max-width:480px){

    .arfa-dual-panel{

        min-height:56vh;
    }

    .arfa-dual-content h2{

        font-size:30px;
    }

    .arfa-dual-content{

        padding:22px 20px;
    }
}


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

.arfa-members-grid {
    grid-template-columns:1fr;
    gap:70px;
}

}


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

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

    .footer--row .builder-item--group .item--inner{

        display:block;

        margin-bottom:2em;
    }

    .footer--row .builder-item--group .item--inner:last-child{

        margin-bottom:0;
    }

    .hide-on-desktop{

        display:none;
    }
}


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

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

    .footer--row-inner.footer-main-inner{

        padding-top:60px;

        padding-bottom:50px;
    }

    .footer--row-inner.footer-main-inner .row{

        row-gap:40px;
    }

    .site-footer .builder-item{

        margin-bottom:2em;
    }

    .footer-bottom .builder-item--footer-social-icons,
    .footer-bottom .builder-item--footer_copyright,
    .footer-main .builder-item--footer-social-icons,
    .footer-main .builder-item--footer_copyright{

        text-align:center;
    }

    .site-footer .horizontal-nav{

        gap:10px 16px;
    }

    .site-footer .horizontal-nav span a{

        font-size:13px;
    }

    .footer--row-inner .widget-title{

        margin-bottom:20px;

        font-size:13px;
    }

    .site-footer p,
    .site-footer li,
    .site-footer a,
    .site-footer span{

        font-size:14px;

        line-height:1.7;
    }
}


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

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

    .footer-bottom .builder-item{

        margin-bottom:1.2em;
    }

    .footer-bottom .builder-item:last-child{

        margin-bottom:0;
    }

    .footer-bottom .footer--row-inner .container{

        padding:22px 14px;
    }

    .footer--row-inner.footer-main-inner{

        padding-top:50px;

        padding-bottom:40px;
    }

    .site-footer .horizontal-nav{

        flex-direction:column;

        gap:10px;
    }
}



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

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

    .arfa-cinematic-panel{

        padding:34px 26px;

        border-radius:28px;
    }

    .arfa-panel-kicker{

        min-height:38px;

        padding:8px 14px;

        margin-bottom:20px;

        font-size:10px;

        letter-spacing:1.5px;
    }

    .arfa-cinematic-panel h2{

        font-size:42px;

        line-height:.94;

        letter-spacing:-2px;

        margin-bottom:24px;
    }

    .arfa-panel-description{

        font-size:16px;

        line-height:1.7;

        margin-bottom:38px;
    }

    .arfa-benefits{

        gap:18px;

        margin-bottom:40px;
    }

    .arfa-benefit{

        align-items:flex-start;

        gap:14px;
    }

    .arfa-benefit span{

        font-size:16px;

        line-height:1.5;
    }

    .arfa-benefit-icon{

        width:12px;

        height:12px;

        margin-top:6px;
    }

    .arfa-cinematic-panel .arfa-luxury-btn{

        width:100%;

        min-width:100%;
    }

    .arfa-panel-footer{

        margin-top:34px;

        padding-top:22px;

        font-size:11px;

        line-height:1.6;
    }
}


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

@media(max-width:480px){

    .arfa-cinematic-panel{

        padding:28px 22px;
    }

    .arfa-cinematic-panel h2{

        font-size:34px;
    }

    .arfa-panel-description{

        font-size:15px;
    }

    .arfa-benefit span{

        font-size:15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mt-addons-hero-slider-background {

    height: 710px!important;
    
} 

    body:not(.logged-in) .builder-item--my_account a.menu-grid-item {
        padding: 5px 13px 5px 13px !important;
        font-size: 10px !important;
    } 
}

@media only screen and (max-width: 767px) {
	
	    body:not(.logged-in) .builder-item--my_account a.menu-grid-item {
        padding: 0px 13px 0px 13px !important;
        font-size: 10px !important;
		min-height: 40px;
		        margin: 5px 15px;
    } 
	
	.header--row-inner .row-v2 .col-v2.col-v2-right{
         display: flex;
    flex-direction: row-reverse;;
    } 
	   .mt-addons-hero-slider-background {

    height: 550px!important;
    
}
.highlight-container h1 {
font-size: 31px !important;
line-height: 31px !important;
}
.highlight-container h2 {
    font-size: 24px !important;
        line-height: 24px !important;
}
.arfamodul h2{
        font-size: 16px !important;
        text-align: center;
        text-transform: uppercase;
        line-height: 20px !important;
}
.arfamodul h1{
    font-size: 24px !important;
        text-transform: uppercase;
        line-height: 24px !important;
        text-align: center;
}

 #fondoarfatxt::before {
  content:"";

    position:absolute;

    inset:-4px;

    z-index:-1;

    border-radius:
    24px 18px 24px 20px;

    background:
    linear-gradient(
        135deg,
        rgba(201,169,110,.18),
        rgba(18,18,18,.72),
        rgba(201,169,110,.08)
    );

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

    backdrop-filter:blur(10px);

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

    transform:
    rotate(-1.2deg);
}

   
.arfa-register-select select {
    padding: 20px 17px;
    font-size: 14px;
	font-weight: 200;
}    body.qiupidsaas-dark-mode.woocommerce-account input,
    body.qiupidsaas-dark-mode.woocommerce-account textarea,
    body.qiupidsaas-dark-mode.woocommerce-account .SumoSelect > .CaptionCont {

        min-height: 54px;
    }
}



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

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

    /*
    ========================================
    LOGO
    ========================================
    */

    .logo-image img{

        min-width:115px;

        padding:10px 20px;
    }


  

    /*
    ========================================
    TITLES / SLIDER
    ========================================
    */

    .qiupidsaas-testimonials 
    .qiupidsaas-site-presentation h1,

    .highlight-container h1{

        font-size:18px;

        padding:14px 16px;
    }

    .highlight-container h2,

    .highlight-container .mt-addons-hero-slider-title{

        font-size:34px;

        line-height:1.02;

        padding:16px 18px;
    }


    /*
    ========================================
    MEMBERS SHOWCASE
    ========================================
    */

    .arfa-members-showcase{

        padding:100px 20px;
    }

    .arfa-members-showcase h2{

        font-size:42px;
    }

    .arfa-subtitle{

        font-size:20px;
    }

    .arfa-members-grid{

        grid-template-columns:1fr;

        gap:70px;
    }

    .arfa-avatar-wrap{

        width:190px;

        height:190px;
    }


    /*
    ========================================
    UNION SECTION
    ========================================
    */

    .arfa-union-hero{

        padding:80px 20px;
    }

    .arfa-union-card{

        padding:34px 28px;

        border-radius:28px;
    }

    .arfa-union-card h2{

        font-size:40px;

        letter-spacing:-2px;
    }

    .arfa-union-description{

        font-size:17px;

        line-height:1.8;
    }

    .arfa-union-item{

        font-size:16px;
    }

    .arfa-union-footer{

        font-size:22px;
    }


    /*
    ========================================
    SEARCH FORM
    ========================================
    */

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

        min-height:52px;

        border-radius:16px;

        font-size:13px;

        letter-spacing:1.5px;

        padding:14px 20px;
    }


    /*
    ========================================
    ACCOUNT PANEL
    ========================================
    */

    body.qiupidsaas-dark-mode.woocommerce-account 
    .woocommerce-MyAccount-content{

        border-radius:26px !important;

        padding:18px !important;
    }


	.footer_cora {
    height: auto;
    position: relative;
    display: block;
    width: 80px;
    margin-top: -14px;
    left: 40%;
    margin-left:0px;
}

}


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

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

    h1,
    h1 span{

        font-size:42px;

        line-height:.94;
    }

    h2{

        font-size:34px;
    }

    h3{

        font-size:28px;
    }

    .logo-image img{

        max-width:90px;
    }

    .site-header-inner a.item--button,
    .builder-item--my_account a.menu-grid-item{

        padding:14px 24px;

        font-size:12px;

        letter-spacing:1px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea,
    select{

        min-height:52px;

        padding:14px 18px;
    }

    .sidebar-content .widget{

        padding:24px;

        border-radius:22px;
    }

}


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

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

    body .checkbox-group{

        gap:10px;
    }

    body .checkbox-group .checkbox-tile{

        min-height:42px;

        padding:10px 16px;
    }

    body .checkbox-group .checkbox-label{

        font-size:12px;
    }

}


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

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

    body .qiupidsaas-dark-mode-button{

        right:18px;

        bottom:88px;

        min-width:54px;

        height:54px;

        padding:0 18px;
    }

    body .qiupidsaas-dark-mode-button i{

        font-size:17px !important;
    }

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

        font-size:10px;

        letter-spacing:1.4px;
    }

}

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

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

    body .arfa-profile-builder-header{

        padding:20px !important;

        border-radius:26px;
    }

    body .arfa-profile-builder-header 
    .d-flex{

        gap:18px;
    }

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

        width:100%;

        overflow-x:auto;

        flex-wrap:nowrap;

        padding-bottom:6px;

        scrollbar-width:none;
    }

    body .arfa-profile-builder-header 
    .qiupid-nav-tabs::-webkit-scrollbar{

        display:none;
    }

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

        white-space:nowrap;

        min-height:52px;

        padding:10px 18px;

        font-size:11px;
    }

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

        width:100%;

        justify-content:flex-end;
    }

}

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

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

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

        width:46px;

        height:46px;

        top:12px;

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

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

        font-size:13px;
    }

}


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

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

    body #dropdown-user-profile ul{

        width:calc(100vw - 24px);

        max-width:360px;

        right:-10px;

        border-radius:24px;

        max-height:70vh;

        overflow-y:auto;
    }

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

        min-height:52px;

        font-size:13px;
    }

}


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

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

    body .qiupidsaas-fsw{

        padding:22px !important;

        border-radius:24px;
    }

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

        min-height:54px;

        font-size:14px !important;
    }

    body .arfa-profileupload-inner{

      
position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 26px;
        gap:16px;
    }

    body .arfa-profileupload-iconcircle{

        width:64px;
        height:64px;

        min-width:64px;

        border-radius:20px;
    }

    body .arfa-profileupload-previewring{

        width:72px;
        height:72px;

        min-width:72px;

        border-radius:20px;
    }

}



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

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

    body .arfa-luxury-btn,
    body button,
    body .btn,
    body .button,
    body input[type="submit"],

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

    body .qiupidsaas-primary-btn,

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

        min-height:52px;

        padding:14px 24px;

        font-size:12px !important;

        letter-spacing:1.4px;
    }

}


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

@media only screen and (max-width:767px){
	
	body.woocommerce-account .woocommerce-MyAccount-content:has(.qiupidsaas-chat-wrapper) {

    padding:0 !important;
	    height: auto !important;
    background:transparent !important;
	border-radius: 0px !important;
        padding: 0px !important

}

    body .woocommerce-MyAccount-content 
    .qiupidsaas-swipe-dashboard-holder{

        padding:
        22px 14px 90px !important;

        border-radius:28px;
    }

    body .qiupidsaas-members-swipe{

        height:590px;
    }

    body .qiupidsaas-members-swipe--card{

        max-width:100%;
    }

    body .qiupidsaas-members-swipe--card img{

        height:auto;
    }

    body .qiupidsaas-members-swipe--buttons{

        gap:14px;
    }

    body .qiupidsaas-members-swipe--buttons button.nope,
    body .qiupidsaas-members-swipe--buttons button.chat{

        width:52px !important;
        height:52px !important;
    }

    body .qiupidsaas-members-swipe--buttons button.love{

        width:66px !important;
        height:66px !important;
    }

}


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

@media(max-width:767px){

    .arfa-comparator-hero{

        padding:34px 22px;
    }

    .arfa-score-circle{

        width:130px;

        height:130px;
    }

    .arfa-score-circle span{

        font-size:42px;
    }

    .arfa-comparator-score h2{

        font-size:36px;
    }

    .arfa-row-header{

        flex-direction:column;

        align-items:flex-start;
    }

    .arfa-row-toggle{

        width:100%;

        justify-content:center;
    }

    .arfa-comparison-side{

        max-width:100%;
    }
}


@media only screen and (min-width: 1100px) {

  body .qiupidsaas-dark-mode .page-template-template-fullscreen-account nav.woocommerce-MyAccount-navigation ul li {
 border-color:
    var(--arfa-accent-border) !important;
    }
	  body .qiupidsaas-dark-mode .page-template-template-fullscreen-account nav.woocommerce-MyAccount-navigation  {

	background-color: var(--arfa-black-card)!important;
    background: var(--arfa-black-card)!important;
    }
		
	  }
	  /* chat*/ 
 @media only screen and (min-width: 1100px) {

	
	


	  
body.qiupidsaas-dark-mode nav.woocommerce-MyAccount-navigation.qiupid-is-nav-open {
	
    background-color: var(--arfa-black-card)!important;
    background: var(--arfa-black-card)!important;
}
body.qiupidsaas-dark-mode nav.woocommerce-MyAccount-navigation.qiupid-is-nav-open ul li {
	
	border-color: var(--arfa-accent-border)!important;
}
}


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

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

    body .qiupidsaas-chat-wrapper{

     min-height:100dvh!important;
	 height:100dvh!important;
     

        border-radius:24px;
    }

    body .qiupidsaas-chat-sidebar{

        width:88px;

        min-width:88px;

        max-width:88px;
    }

    body .qiupidsaas-sidebar-title{

        padding:10px 10px !important;
    }
    body .qiupidsaas-sidebar-title h2 {
        display: block !important;
    }
	 .qiupidsaas-sidebar-title h2 {
        display: visible !important;
    }
     body .qiupidsaas-chat-sidebar > .qiupidsaas-sessions-list > .qiupidsaas-single-session > h2,
  body.qiupidsaas-chat-sidebar > .qiupidsaas-sessions-list > .qiupidsaas-single-session > .qiupidsaas-profile-link {
    display: block !important;
  }
  .qiupidsaas-profile-link {
      visibility: visible !important;
  opacity: 1 !important;
  transition: all 350ms ease-in-out;
  z-index: 10;
  display: block !important;
  }


.qiupidsaas-chat-sidebar > .qiupidsaas-sessions-list > .qiupidsaas-single-session > .qiupidsaas-profile-link {
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 350ms ease-in-out;
  z-index: 5;
}
    body .qiupidsaas-single-session{

        padding:14px 10px;
    }


    body .qiupidsaas-chat-window 
    > .qiupidsaas-single-session{

        padding:10px;
    }

    body .qiupidsaas-chat-messages{

        padding:10px;
        gap:10px;
		min-height: 55dvh;
    }

    body .qiupid-message-wrapper{

        max-width:92%;
    }

    body .qiupid-message-content{

        padding:5px 7px !important;

        font-size:14px !important;
    }

    body .qiupidsaas-chat-action-box{

        padding:0px;
    }

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

        width:56px !important;

        height:56px !important;

        min-width:56px;
    }

}
    #qiupidsaas-sidebar-toggle{

        position:fixed;

        left:20px;
        bottom:27%;

        width:56px;
        height:56px;

        border:none;
        border-radius:50%;

        background:#c9a96e;

        color:#fff;

        z-index:99999;

        display:none;
        align-items:center;
        justify-content:center;
    }
/* ==========================================
   MOBILE CHAT SIDEBAR TOGGLE
========================================== */
@media (max-width:767px){

    .qiupidsaas-chat-sidebar{

        width:0 !important;
        min-width:0 !important;
        max-width:0 !important;

        overflow:hidden;

        transition:all .35s ease;
    }

    .qiupidsaas-chat-sidebar.active{

        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;
    }

    #qiupidsaas-sidebar-toggle{

        position:fixed;

        left:20px;
        bottom:27%;

        width:56px;
        height:56px;

        border:none;
        border-radius:50%;

        background:#c9a96e;

        color:#fff;

        z-index:99999;

        display:flex;
        align-items:center;
        justify-content:center;
    }
}