/* section {
    display: none !important;
} */


@media(max-width: 1400px) {
    .onlyX__home-hero .inner-container {
        background-position: center right -15%;
        background-size: 65%;
    }

    .onlyX__home-hero h2 {
        font-size: 3.75rem;
    }

    .onlyX__chatstrip p {
        font-size: 3.25rem;
    }

    .onlyX__chatstrip .btn {
        font-size: 1.15rem;
    }

    .onlyX__chatstrip .inner-container {
        position: static;
    }

    .onlyX__chatstrip {
        position: relative;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .onlyX__chatstrip .heart-strip {
        right: 25px;
        bottom: 70%;
    }

    .onlyX__home-discover .inner-container {
        gap: 3rem;
    }

    .onlyX__home-how-it-works--grid h5 {
        font-size: 1.5rem;
    }


    .onlyX__how-it-works__content p span,
    .onlyX__why-choose-us__pointer p {
        font-size: 1rem;
    }

    /* --------------------------------------------- */


    .onlyX__registerLogin__hero {
        padding: 3rem;
    }

    .onlyX__registerLogin__hero h2 {
        font-size: 3rem;
        line-height: 1.15;
    }

    .onlyX__registerLogin__hero p {
        font-size: 1.25rem;
    }

    /* --------------------------------------------- */

    .onlyX__chat div {
        max-width: none;
    }

    .onlyX__registerLogin__hero .onlyX__chat {
        margin-top: auto;
    }

    .onlyX__registerLogin__hero-content {
        margin-top: 1rem;
    }
}

@media(max-width: 1000px) {
    .fs-heading-47 {
        font-size: 2.25rem;
    }

    /* ----------------------------------------- */

    .btn-navTgl {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 10px;
        border: 2px solid #ffffff3d;
    }

    .btn-navTgl span {
        width: 100%;
        height: 1.5px;
        background-color: #fff;
        transition: 300ms ease;
    }


    /* ----------------------------------------- */

    .onlyX__chatstrip p {
        font-size: 3rem;
    }

    /* ----------------------------------------- */

    .onlyX__postLogin-header .inner-container,
    .onlyX__header .inner-container {
        gap: 1rem;
    }

    .header-ctas {
        margin-left: auto;
    }

    .onlyX__header nav {
        margin-left: 0;
        order: 1;
    }

    .onlyX__header nav ul {
        padding: 1.5rem;
        border-radius: 0.5rem;
        grid-auto-flow: row;
        gap: 1em;
        position: absolute;
        right: 15px;
        top: 100%;
        width: calc(100vw - 30px);
        max-width: 310px;
        background-color: var(--clr-blk50);
        display: none;
        opacity: 0;
        transform: translateX(10%);
    }

    .onlyX__header nav.nav-showing ul {
        display: grid;
        animation: animOpac 0.5s ease forwards;
    }

    .onlyX__header nav.nav-showing .btn-navTgl span:nth-child(2) {
        transform: translateX(5px);
        opacity: 0;
    }

    .onlyX__header nav.nav-showing .btn-navTgl span:nth-child(1) {
        transform: translateY(5.5px) rotate(45deg);
    }

    .onlyX__header nav.nav-showing .btn-navTgl span:nth-child(3) {
        transform: translateY(-5.5px) rotate(-45deg);
    }

    /* ----------------------------------------- */

    .onlyX__footer .footer-top-container {
        flex-wrap: wrap;
        gap: 1rem;
    }


    .onlyX__footer .footer-btm-container {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .onlyX__footer .footer-links {
        margin-left: 0;
        grid-row: 2;
    }

    .onlyX__footer nav {
        flex: 0 0 100%;
        padding-bottom: 1rem;
        border-bottom: 1px dashed #858585;
    }

    .onlyX__footer nav ul {
        justify-content: space-between;
    }


    .onlyX__footer nav ul li:not(:last-child) {
        border-right: none;
        padding-left: 0;
    }

    .onlyX__footer .footer-top-container .btn-callus {
        border: 1px solid rgb(73 73 73);
        padding: 0.85em 1.25em;
        border-radius: 100em;
        line-height: 1;
    }

    /* ----------------------------------------- */

    .header-subscription-balance,
    .onlyX__postLogin-header .user-dropdown .user-content {
        display: none;
    }

    .subscription-balance-for-dropdown,
    .user-content-for-dropdown {
        display: block;
    }


    .user-dropdown .dropdown-menu {
        width: 20rem;
    }

    .user-content-for-dropdown {
        padding: 1rem;
    }

    .subscription-balance-for-dropdown {
        padding: 1rem;
    }

    .subscription-balance-for-dropdown span {
        display: inline-block;
        background-color: var(--clr-red2);
        padding: 0.5em 0.75em;
        color: #fff;
        line-height: 1;
        border-radius: 100em;
        margin-left: 0.5em;
    }

    /* ----------------------------------------- */

    .onlyX__home-hero .inner-container {
        background-position: center right -60%;
        background-size: 86%;
        padding: 4rem 0 4rem;
    }

    .onlyX__home-hero-content {
        max-width: 50%;
    }

    .onlyX__home-hero h2 {
        font-size: max(2.35rem, 6vw);
        line-height: 1.15;
    }

    /* ----------------------------------------- */


    .onlyX__home-how-it-works,
    .onlyX__sell-products,
    .onlyX__bg-content {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }


    .onlyX__home-discover .inner-container {
        gap: 2rem;
    }

    .onlyX__safety-privacy .inner-container {
        grid-template-columns: 0.5fr 1fr;
        gap: 2rem;
    }

    .onlyX__safety-privacy .onlyX__safety-privacy--content {
        padding-bottom: 4rem;
    }

    /* ----------------------------------------- */

    .onlyX__section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .onlyX__inner-hero {
        font-size: 3.5rem;
    }

    .onlyX__contact-us .inner-container {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding-bottom: 2rem;
    }

    .onlyX__contact-us__form {
        padding: 1.5rem;
    }


    .onlyX__why-choose-us {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }


    .onlyX__how-it-works-grid {
        gap: 7rem;
    }

    .onlyX__how-it-works .inner-container .line {
        width: 0.5rem;
    }


    .onlyX__user-hero .user-nav {
        display: none;
    }

    .onlyX__user-hero::after {
        height: 100%;
    }

    .onlyX__user-hero .user-img {
        --user-img-size: 7rem;
        grid-row: auto;
    }

    .onlyX__user-hero .inner-container {
        gap: 1.5rem;
    }

    .onlyX__user-hero .user-content h6 {
        font-size: 1.5rem;
    }

    .onlyX__user-hero .user-content p {
        font-size: 1rem;
    }

    .onlyX__user-hero .user-content {
        align-self: center;
        padding-bottom: 1.5rem;
    }

    .grid-4 {
        --grid-col: 2;
        --grid-gap: 1rem;
    }

    .onlyX__user-matches,
    .onlyX__user-chat-history,
    .onlyX__user-chat,
    .onlyX__settings,
    .onlyX__user-profile {
        padding-bottom: 2rem;
    }

    /* ----------------------------------------- */

    .table.matches-tbl {
        --bs-border-width: 0;
        --bs-table-bg: var(--clr-blk30);
    }

    .table.matches-tbl thead,
    .table.matches-tbl tbody,
    .table.matches-tbl {
        width: 100%;
        display: block;
    }

    .table.matches-tbl [data-head="User name"] {
        --user-img-size: 100%;
        display: block;
        border-radius: 0 !important;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .table.matches-tbl .user-content {
        padding: 1rem;
        height: 4.5em;
    }

    .table.matches-tbl .user-img,
    .table.matches-tbl .user-img img {
        border-radius: 0 !important;
        width: 100%;
    }

    .table.matches-tbl tbody {
        display: grid;
        grid-template-columns: repeat(var(--matches-tbl-col, 3), minmax(0, 1fr));
        gap: 1rem;
    }


    .table.matches-tbl .user-profile {
        width: auto;
        display: block !important;

        margin-left: -1rem;
        margin-right: -1rem;
        margin-top: -1rem;
    }

    .table.matches-tbl tr {
        padding: 1rem;
        background-color: var(--bs-table-bg);
        margin-bottom: 1.5rem;
        border-radius: 0.5rem;
    }

    .table.matches-tbl thead,
    .table.matches-tbl td[data-head="Messaage"] {
        display: none;
    }

    .table.matches-tbl td[data-head="Last message on"],
    .table.matches-tbl td[data-head="Time"] {
        display: inline;
    }

    .table.matches-tbl td[data-head="Last message on"]::before {
        content: attr(data-head) ': ';
        opacity: 0.5;
    }


    .table.matches-tbl td[data-head="Time"]::before {
        content: 'at ';
        opacity: 0.5;
    }

    .table.matches-tbl td {
        padding: 0;
    }



    .table.matches-tbl td[data-head="Actions"] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em;
        margin-top: 1rem;
    }


    .btnBgImg {
        flex: 1;
        width: auto;
        height: auto;
        background-position: left 0.85em center;
        padding: 0.35em 1em;
        padding-left: 3em;
        border: 2px solid transparent;
        border-radius: 100em;
        margin-right: 0;
        text-align: left;
    }

    .btnBgImg--chat::after {
        content: 'Chat now';
    }

    .btnBgImg--delete::after {
        content: 'Delete';
    }

    .btnBgImg--chat {
        background-color: var(--clr-red1);
    }

    .btnBgImg--delete {
        border-color: #505050;
        opacity: 0.75;
    }

    .onlyX__single-chat {
        max-width: 70%;
    }

    /* ----------------------------------------- */

    .onlyX__registerLogin__hero {
        padding: 2rem;
    }

    .onlyX__registerLogin__hero .onlyX__chat {
        margin-top: 1rem;
    }

    .onlyX__registerLogin__hero-content {
        margin-top: auto;
    }

    .onlyX__chat div {
        font-size: 1rem;
        line-height: 1.25;
        padding: 1em 1.5em 1em 1.25em;
    }
}

@media(max-width: 767px) {

    .onlyX__chat-header,
    .onlyX__chat-body,
    .onlyX__chat-footer {
        padding: 1rem;
    }

    .onlyX__chat-header {
        --user-img-size: 3rem;
    }

    .onlyX__single-chat {
        display: block;
        max-width: 85%;
    }

    .onlyX__single-chat .user-img,
    .onlyX__single-chat.mymsg+.onlyX__single-chat:not(.mymsg) .user-img {
        display: none !important;
    }

    /* .onlyX__single-chat-msg{
        --chat-msg-border-radius: 0 1em 1em 1em;
    } */

    .onlyX__chat-body {
        height: 40vh;
    }

    .onlyX__user-chat .inner-container {
        margin-left: -15px;
        margin-right: -15px;
    }

    .onlyX__chat-footer {
        gap: 0.5em;
    }

    .onlyX__chat-input {
        border-radius: 0.5em;
    }

    .onlyX__chat-input .textarea {
        padding: 0.5em 1em;
    }

    .onlyX__chat-input .textarea:empty::before {
        content: 'Message';
    }

    .send-btn,
    .atttachment-dropdown .dropdown-toggle {
        width: 3rem;
        height: 3rem;
    }

    .atttachment-dropdown .dropdown-toggle svg,
    .send-btn svg {
        width: 1.5rem;
        height: auto;
    }

    /*  ------------------------------------------- */

    .onlyX__registerLoginToLink {
        display: none;
    }

    .onlyX__registerLogin .onlyX__registerLoginRow {
        flex-direction: column-reverse;
    }

    .onlyX__registerLogin__forms{
        padding: 30px 0;
    }
    .onlyX__registerLogin__hero {
        padding: 30px 15px;
    }

    .onlyX__registerLoginHeader {
        display: block;
    }

    .onlyX__registerLogin__hero h2 {
        font-size: max(2.35rem, 6vw);
        line-height: 1.15;
    }

    .onlyX__registerLogin__hero p {
        margin-top: 1em;
        line-height: 1.5;
    }

    .onlyX__registerLogin__forms{
        height: 100svh;
        display: grid;
        place-items: center;
        padding: 3rem 0;
    }

    .onlyX__form-card {
        --card-radius: 1rem;
        --card-padding: 1.75rem 1.25rem;
    }

    .onlyX__ForgotPwd{
        display: none !important;
    }

    .onlyX__registerLogin__forms .onlyX--logo-heading{
        display: none;
    }
}

@media(max-width: 575px) {
    .fs-heading-47 {
        font-size: 2rem;
    }

    .fs-desc-26 {
        font-size: 1.25rem;
    }

    .onlyX__footer .footer-btm-container{
        justify-items: start;
    }

    .onlyX--logo-heading{
        width: 8rem;
    }

    .user-dropdown .dropdown-toggle,
    .notification-dropdown .dropdown-toggle,
    .onlyX__postLogin-header .btn-shopnow,
    .onlyX__header .btn-login,
    .onlyX__header .btn-shopnow {
        font-size: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: transparent !important;
        background-repeat: no-repeat;
        background-position: center;
    }

    .onlyX__header .btn-login {
        order: 1;
        border: 2px solid #ffffff3d;
        background-size: 1.5rem;
        background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wMDAxIDEuMjVDOS4zNzY3OCAxLjI1IDcuMjUwMTMgMy4zNzY2NSA3LjI1MDEzIDZDNy4yNTAxMyA4LjYyMzM1IDkuMzc2NzggMTAuNzUgMTIuMDAwMSAxMC43NUMxNC42MjM1IDEwLjc1IDE2Ljc1MDEgOC42MjMzNSAxNi43NTAxIDZDMTYuNzUwMSAzLjM3NjY1IDE0LjYyMzUgMS4yNSAxMi4wMDAxIDEuMjVaTTguNzUwMTMgNkM4Ljc1MDEzIDQuMjA1MDcgMTAuMjA1MiAyLjc1IDEyLjAwMDEgMi43NUMxMy43OTUxIDIuNzUgMTUuMjUwMSA0LjIwNTA3IDE1LjI1MDEgNkMxNS4yNTAxIDcuNzk0OTMgMTMuNzk1MSA5LjI1IDEyLjAwMDEgOS4yNUMxMC4yMDUyIDkuMjUgOC43NTAxMyA3Ljc5NDkzIDguNzUwMTMgNloiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wMDAxIDEyLjI1QzkuNjg2NTggMTIuMjUgNy41NTUwNiAxMi43NzU5IDUuOTc1NTggMTMuNjY0M0M0LjQxOTYyIDE0LjUzOTYgMy4yNTAxMyAxNS44NjYxIDMuMjUwMTMgMTcuNUwzLjI1MDA3IDE3LjYwMkMzLjI0ODk0IDE4Ljc2MzggMy4yNDc1MiAyMC4yMjIgNC41MjY1NSAyMS4yNjM1QzUuMTU2MDIgMjEuNzc2MSA2LjAzNjYxIDIyLjE0MDYgNy4yMjYzNCAyMi4zODE1QzguNDE5NCAyMi42MjI5IDkuOTc0MzYgMjIuNzUgMTIuMDAwMSAyMi43NUMxNC4wMjU5IDIyLjc1IDE1LjU4MDkgMjIuNjIyOSAxNi43NzM5IDIyLjM4MTVDMTcuOTYzNyAyMi4xNDA2IDE4Ljg0NDMgMjEuNzc2MSAxOS40NzM3IDIxLjI2MzVDMjAuNzUyNyAyMC4yMjIgMjAuNzUxMyAxOC43NjM4IDIwLjc1MDIgMTcuNjAyTDIwLjc1MDEgMTcuNUMyMC43NTAxIDE1Ljg2NjEgMTkuNTgwNyAxNC41Mzk2IDE4LjAyNDcgMTMuNjY0M0MxNi40NDUyIDEyLjc3NTkgMTQuMzEzNyAxMi4yNSAxMi4wMDAxIDEyLjI1Wk00Ljc1MDEzIDE3LjVDNC43NTAxMyAxNi42NDg3IDUuMzcxNTEgMTUuNzI1MSA2LjcxMDk4IDE0Ljk3MTdDOC4wMjY5MyAxNC4yMzE1IDkuODk1NDEgMTMuNzUgMTIuMDAwMSAxMy43NUMxNC4xMDQ5IDEzLjc1IDE1Ljk3MzMgMTQuMjMxNSAxNy4yODkzIDE0Ljk3MTdDMTguNjI4OCAxNS43MjUxIDE5LjI1MDEgMTYuNjQ4NyAxOS4yNTAxIDE3LjVDMTkuMjUwMSAxOC44MDc4IDE5LjIwOTggMTkuNTQ0IDE4LjUyNjUgMjAuMTAwNEMxOC4xNTYgMjAuNDAyMiAxNy41MzY2IDIwLjY5NjcgMTYuNDc2MyAyMC45MTEzQzE1LjQxOTQgMjEuMTI1MiAxMy45NzQ0IDIxLjI1IDEyLjAwMDEgMjEuMjVDMTAuMDI1OSAyMS4yNSA4LjU4MDg3IDIxLjEyNTIgNy41MjM5MyAyMC45MTEzQzYuNDYzNjYgMjAuNjk2NyA1Ljg0NDI1IDIwLjQwMjIgNS40NzM3MiAyMC4xMDA0QzQuNzkwNDUgMTkuNTQ0IDQuNzUwMTMgMTguODA3OCA0Ljc1MDEzIDE3LjVaIiBmaWxsPSIjZmZmZmZmIi8+IDwvZz4KDTwvc3ZnPg==");
    }

    .onlyX__postLogin-header .btn-shopnow,
    .onlyX__header .btn-shopnow {
        background-size: contain;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0U1RTVFNTsiIGQ9Ik0yNTYsMEMxMTQuNjE2LDAsMCwxMTQuNjE2LDAsMjU2czExNC42MTYsMjU2LDI1NiwyNTZzMjU2LTExNC42MTYsMjU2LTI1NlMzOTcuMzg0LDAsMjU2LDB6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjAwMDAwOyIgZD0iTTM4MC4zNjgsMzk3LjYzMkgxMzEuNjMyQzEwNy42MzIsMzk3LjYzMiw4OCwzNzgsODgsMzU0VjE5OS4wNjRjMC0yNCwxOS42MzItNDMuNjMyLDQzLjYzMi00My42MzINCgloMjQ4LjczNmMyNCwwLDQzLjYzMiwxOS42MzIsNDMuNjMyLDQzLjYzMlYzNTRDNDI0LDM3OCw0MDQuMzY4LDM5Ny42MzIsMzgwLjM2OCwzOTcuNjMyeiIvPg0KPHBhdGggZD0iTTM1MS45MTIsMjA0LjY5NmgtMjF2LTc2Ljc4NGMwLTEzLjUzNi0xMS0yNC41NDQtMjQuNTM2LTI0LjU0NEgyMDUuNjMyYy0xMy41MzYsMC0yNC41MzYsMTEuMDE2LTI0LjUzNiwyNC41NDR2NzYuNzg0aC0yMQ0KCXYtNzYuNzg0YzAtMjUuMTEyLDIwLjQyNC00NS41NDQsNDUuNTM2LTQ1LjU0NGgxMDAuNzQ0YzI1LjExMiwwLDQ1LjUzNiwyMC40NCw0NS41MzYsNDUuNTQ0DQoJQzM1MS45MTIsMTI3LjkxMiwzNTEuOTEyLDIwNC42OTYsMzUxLjkxMiwyMDQuNjk2eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xNTcuODk2LDM0MC42MTZjNC41MzYsMC44MzIsMTEuMTY4LDEuMDI0LDE3LjM5Mi0wLjg0OGM2LjcwNC0yLjAxNiw5LjQwOC01Ljg1Niw4LjE0NC0xMC4wOA0KCQljLTEuMjA4LTQuMDE2LTQuOTYtNS4zODQtMTMuNTUyLTUuODMyYy0xMS44NDgtMC41MDQtMjAuNjI0LTQuMzM2LTIzLjQ0OC0xMy43MmMtMy4zMi0xMS4wMDgsMy4zMzYtMjIuMTkyLDE4LjU1Mi0yNi43ODQNCgkJYzcuMjcyLTIuMTg0LDEzLjA5Ni0yLjI3MiwxNy40NDgtMS43MTJsMC4yODgsMTIuNzZjLTIuOTYtMC40NzItOC4xMDQtMC44ODgtMTQuNDE2LDEuMDA4Yy02LjMyLDEuOTA0LTguNTEyLDUuNjk2LTcuNTA0LDkuMDQ4DQoJCWMxLjI0LDQuMTIsNS40MjQsNC44NCwxNC43MDQsNS40OTZjMTIuNjU2LDAuNzc2LDE5LjgwOCw1LjEwNCwyMi41NDQsMTQuMTg0YzMuMjU2LDEwLjgyNC0yLjMwNCwyMi41Mi0yMC4wMDgsMjcuODU2DQoJCWMtNy4zNzYsMi4yMTYtMTUuMjI0LDIuNDk2LTE5LjQ3MiwxLjU3NkwxNTcuODk2LDM0MC42MTZ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xOTIuMjk2LDI3Mi41MTJsMTQuNTQ0LTQuMzg0bDguMDQ4LDI2LjcxMmwwLjE5Mi0wLjA1NmMwLjkyLTIuNDcyLDIuMzc2LTQuNTc2LDQuMjk2LTYuNTEyDQoJCWMxLjc2OC0xLjc5Miw0LjM0NC0zLjI4OCw3LjAyNC00LjA5NmM5LjI4LTIuOCwxOC4yOTYsMS40OCwyMi41MzYsMTUuNTUybDguMjQ4LDI3LjM3NmwtMTQuNTYsNC4zODRsLTcuNzUyLTI1Ljc1Mg0KCQljLTEuODQtNi4xMjgtNS4yMTYtOS43MDQtMTAuNjcyLTguMDY0Yy0zLjgzMiwxLjE2LTUuNDg4LDQuMzYtNS43Niw3LjI2NGMtMC4wODgsMS4wNzIsMC4xODQsMi4zNDQsMC41MDQsMy40bDguMzYsMjcuNzYNCgkJbC0xNC41NDQsNC4zODRMMTkyLjI5NiwyNzIuNTEyeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMzA3Ljg4LDI4NS43MzZjNS4xNiwxNy4xMzYtNC42MzIsMjguNjQ4LTE3LjE2OCwzMi40MjRjLTEzLjY4OCw0LjEyOC0yNi45MjgtMS43MDQtMzEuNDg4LTE2LjgzMg0KCQlzMi40ODgtMjcuNzkyLDE3LjUxMi0zMi4zMTJDMjkxLjEwNCwyNjQuNjg4LDMwMy42NCwyNzEuNjY0LDMwNy44OCwyODUuNzM2eiBNMjc0LjE0NCwyOTYuNDI0DQoJCWMyLjQyNCw4LjA0OCw3LjU4NCwxMy4wNjQsMTMuODA4LDExLjE4NGM1LjY0OC0xLjcwNCw3LjU4NC04LjQ1Niw1LjA0OC0xNi44NzJjLTIuMTA0LTYuOTg0LTYuOTEyLTEzLjI1Ni0xMy41Mi0xMS4yNjQNCgkJQzI3Mi40ODgsMjgxLjU2OCwyNzIuMDY0LDI4OS41MiwyNzQuMTQ0LDI5Ni40MjR6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0zMTQuNzA0LDI3NS44NDhjLTEuODQtNi4xMjgtMy42MjQtMTEuMzM2LTUuMTItMTUuNTkybDEyLjY0LTMuODA4bDIuNjMyLDYuMzEybDAuMTg0LTAuMDU2DQoJCWMxLjk0NC02LjAyNCw2LjUyOC0xMC4yMTYsMTMuMzI4LTEyLjI2NGMxMC4yNC0zLjA4OCwyMi4xMiwzLjA0OCwyNi42MDgsMTcuOTg0YzUuMTM2LDE3LjA0LTMuMjU2LDI4LjMzNi0xMy42OTYsMzEuNDgNCgkJYy01LjY0OCwxLjcwNC0xMC43NDQsMC43MzYtMTMuNzY4LTEuNjk2bC0wLjIsMC4wNjRsNy4wMTYsMjMuMjU2bC0xNC41NDQsNC4zODRMMzE0LjcwNCwyNzUuODQ4eiBNMzMyLjU2OCwyODIuNDgNCgkJYzAuMzQ0LDEuMTUyLDAuNzYsMi4xNjgsMS4yLDIuOTc2YzIuMTQ0LDMuNjQsNi4zOTIsNS41OTIsMTAuNiw0LjMyOGM2LjMyLTEuOTA0LDguNDY0LTguMjk2LDYuMDcyLTE2LjIzMg0KCQljLTIuMjQ4LTcuNDg4LTcuMjk2LTEyLjEyLTEzLjgxNi0xMC4xNmMtNC4xMTIsMS4yMzItNi44MzIsNS40MDgtNi40ODgsMTBjMC4wMzIsMC44MjQsMC4yMjQsMS44MTYsMC40ODgsMi42NzJMMzMyLjU2OCwyODIuNDh6Ig0KCQkvPg0KPC9nPg0KPC9zdmc+")
    }

    .notification-dropdown .dropdown-toggle {
        border: 2px solid #ffffff3d;
        padding: 0.6rem;
    }

    .notification-dropdown .dropdown-toggle .badge {
        width: 0.85rem;
        height: 0.85rem;
    }

    .notification-dropdown .dropdown-menu {
        --bs-dropdown-min-width: 90vw;
    }

    .user-dropdown .dropdown-toggle {
        border: 2px solid #ffffff3d;
        background-image: url('./../img/icons/ico-dots.svg');
        background-size: 1.85rem;
    }

    .user-dropdown .user-img {
        --user-img-size: 100%;
        display: none;
    }


    .onlyX__chatstrip .inner-container {
        grid-auto-flow: row;
        gap: 1.5rem;
    }

    .onlyX__chatstrip p {
        font-size: 2.5rem;
        max-width: 13ch;
    }

    .onlyX__chatstrip .heart-strip {
        right: 25px;
        bottom: 0;
        opacity: 0.3;
    }

    .onlyX__chatstrip .heart-strip path {
        opacity: 1;
    }


    .onlyX__footer nav ul {
        grid-auto-flow: row;
        gap: 1em;
    }

    .onlyX__footer nav ul a::before {
        content: '-';
        display: inline-block;
        margin-right: 0.5em;
    }

    .onlyX__footer .footer-top-container {
        flex-wrap: wrap;
    }


    .onlyX__inner-hero {
        font-size: 3rem;
    }

    .onlyX__bg-content {
        padding-top: 45%;
        background-position: top center;
        background-size: 150%;
    }


    /* ----------------------------------------- */

    .onlyX__home-hero .inner-container {
        background-position: top -15% right 31%;
        background-size: 145%;
        padding-top: 90%;
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .onlyX__home-hero-content {
        max-width: none;
    }

    /* ----------------------------------------- */

    .onlyX__home-discover {
        padding-top: 6rem;
    }

    .onlyX__home-discover .inner-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* ----------------------------------------- */

    .onlyX__home-how-it-works--grid .steps {
        display: flex;
        flex-direction: column;
    }

    .onlyX__home-how-it-works--grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .onlyX__home-how-it-works--grid .line {
        border-top: none;
        border-right: 1px dashed #a9a9a9;
    }

    .onlyX__home-how-it-works--grid .line:nth-of-type(1),
    .onlyX__home-how-it-works--grid .line:nth-of-type(2) {
        width: 1px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        opacity: 0.5;
    }

    .onlyX__home-how-it-works--grid h5 {
        color: var(--clr-red1);
        order: -1;
        margin-top: 0 !important;
        margin-bottom: 1em;
        font-size: 1.75rem;
    }

    /* ----------------------------------------- */

    .onlyX__sell-products {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .onlyX__sell-products .inner-container {
        grid-template-columns: 1fr;
    }

    .onlyX__sell-products figure {
        text-align: center;
    }


    .onlyX__safety-privacy figure {
        display: none;
    }

    .onlyX__safety-privacy .inner-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    /* ----------------------------------------- */

    .onlyX__why-choose-us {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .onlyX__why-choose-us .inner-container {
        grid-template-columns: 1fr;
    }


    /* ----------------------------------------- */

    .onlyX__how-it-works-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding-left: 2.5rem;
        margin-bottom: 0;
        padding-bottom: 3rem;
    }

    .onlyX__how-it-works-grid::after {
        margin-left: -0.5em;
        font-size: 1rem;
        line-height: 2;
        background-color: var(--clr-red2);
        color: #fff;
        border: none;
    }

    .onlyX__how-it-works .inner-container .line {
        width: 0.05rem;
        margin-left: 0.5rem;
        background-color: transparent;
        opacity: 0.25;
        border-left: 1px dotted #fff;
    }

    .onlyX__how-it-works-grid:nth-child(even) .onlyX__how-it-works__media {
        grid-column: auto;
        grid-row: auto;
    }

    .onlyX__how-it-works-grid:nth-child(odd) .onlyX__how-it-works__media {
        grid-row: 2;
    }

    .onlyX__how-it-works__content .fs-heading-47 {
        color: var(--clr-red2);
    }

    .onlyX__user-hero {
        box-shadow: inset 0 -1rem 0 0 black, inset 0 -1.1rem 0 0 rgba(255, 255, 255, 0.33);
    }

    .onlyX__user-hero .user-img {
        --user-img-size: 5rem;
        border: 2px solid #000;
    }

    .grid-4 {
        --grid-col: 1;
    }

    .table.matches-tbl tbody {
        --matches-tbl-col: 2;
    }

    .onlyX__settings form {
        padding-right: 0;
    }

    .table.profile-tbl {
        --bs-body-bg: transparent;
    }


    .table.profile-tbl,
    .table.profile-tbl tbody,
    .table.profile-tbl thead,
    .table.profile-tbl tr,
    .table.profile-tbl tr td {
        display: block;
    }

    .table.profile-tbl td {
        border-bottom: none;
        padding: 1em;
    }

    .table.profile-tbl td .form-field-container {
        flex: 1;
    }

    .table.profile-tbl td .form-field-container .form-field {
        width: 100%;
    }

    .table.profile-tbl tr {
        border: 1px solid rgb(62, 62, 62);
        border-radius: 0.5rem;
        margin-bottom: 1rem;
    }
}

@media(max-width: 360px) {
    .onlyX__footer .footer-top-container .btn-callus {
        width: 100%;
        text-align: center;
    }

    .onlyX__footer .footer-ctas {
        grid-auto-flow: row;
        width: 100%;
    }

    .table.matches-tbl tbody {
        --matches-tbl-col: 1;
    }
}