@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Black.woff2') format('woff2'),
        url('../fonts/Axiforma-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Bold.woff2') format('woff2'),
        url('../fonts/Axiforma-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Book.woff2') format('woff2'),
        url('../fonts/Axiforma-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-ExtraBold.woff2') format('woff2'),
        url('../fonts/Axiforma-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Light.woff2') format('woff2'),
        url('../fonts/Axiforma-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Heavy.woff2') format('woff2'),
        url('../fonts/Axiforma-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Medium.woff2') format('woff2'),
        url('../fonts/Axiforma-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Regular.woff2') format('woff2'),
        url('../fonts/Axiforma-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-SemiBold.woff2') format('woff2'),
        url('../fonts/Axiforma-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Thin.woff2') format('woff2'),
        url('../fonts/Axiforma-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
body {
    background: #06141B url(../images/bg_2.svg) repeat;
    font-family: 'Axiforma';
    color: #fff;
    font-size: 14px;
}
body:not(.dashboard , .n_dash) {
    padding-top: 105px;
}
.h_site {
    position: sticky;
    z-index: 999;
    left: 0;
    right: 0;
}

ul.lang_s {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0 46px 0 0;
    margin: 0 46px 0 0;
    position: relative;
}
.n_dash ul.lang_s {
    padding: 0 26px 0 0;
    margin: 0 26px 0 0;
}
ul.lang_s li a {
    width: 44px;
    height: 44px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 44px;
    transition: background 0.3s;
}

ul.lang_s li a.active,ul.lang_s li a:hover {
    background: rgba(37, 55, 69, 1);
    font-weight: 700;
}

.a_login {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    transition: all 0.3s;
}
.a_login:hover {
    transform: scale(0.9);
}
a {
    text-decoration: none;
    color: #fff;
}

ul.lang_s:after {
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background: rgba(255, 255, 255, 0.26);
}

.hero {
    padding: 124px 0;
    position: relative;
}

.bx_hero {
    text-align: center;
}

.bx_hero .subtit {
    color: rgba(108, 237, 255, 1);
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    transform: rotate(2.26deg);
    display: block;
    margin-bottom: 16px;
}

.bx_hero h1 {
    font-size: 76px;
    font-weight: 700;
    text-transform: capitalize;
    transform: rotate(-1.74deg);
    line-height: 98px;
}

.bx_hero h1>span {
    color: rgba(158, 164, 167, 1);
}

p.txt_desc {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: rgba(204, 208, 207, 1);
}

p.txt_desc>span {
    color: rgba(255, 255, 255, 1);
    position: relative;
}

p.txt_desc>span:before {
    position: absolute;
    top: 100%;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='53' height='11' viewBox='0 0 53 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4555 6.8753C12.2214 7.77898 9.64209 8.67832 7.16077 8.90288C5.03994 9.09455 2.99141 8.79685 1.31466 7.53022C1.0783 7.35188 0.782311 7.47448 0.654484 7.80453C0.526462 8.1343 0.614537 8.54728 0.8509 8.72589C2.68003 10.1072 4.91036 10.4686 7.22371 10.2592C9.74965 10.0309 12.3756 9.12553 14.6544 8.20879C14.9188 8.95615 15.4664 9.65295 16.4309 10.167C17.9124 10.9568 19.9353 10.947 22.0662 10.502C25.1569 9.85685 28.4815 8.31836 30.6191 7.22518C30.7068 7.1806 30.8374 7.10965 30.9971 7.01612C31.0459 7.16619 31.1004 7.31409 31.1608 7.45927C31.685 8.72453 32.6125 9.74757 33.5576 10.113C39.5514 12.4298 46.5468 9.65377 52.2425 7.39455C52.4997 7.29206 52.6497 6.91581 52.5776 6.55504C52.5036 6.19427 52.2347 5.98466 51.9755 6.08716C46.4396 8.2833 39.643 11.0541 33.8167 8.80282C33.0996 8.52552 32.4021 7.73929 32.0046 6.77905C31.9597 6.67194 31.9208 6.56238 31.8837 6.45118C32.669 5.90827 33.5926 5.15139 34.0895 4.34123C34.6001 3.51068 34.7267 2.62412 34.2824 1.78677C33.9005 1.07095 33.3218 1.01005 32.7197 1.38114C32.0708 1.77861 31.4024 2.70784 31.1861 3.14391C30.7808 3.95843 30.6522 4.842 30.7263 5.70355C30.5353 5.8161 30.3802 5.89983 30.2845 5.94877C28.1937 7.01775 24.9441 8.52662 21.922 9.15762C19.9775 9.56379 18.1305 9.61788 16.7786 8.89744C16.202 8.58995 15.821 8.2311 15.6143 7.8146C16.0223 7.64441 16.4157 7.47694 16.7916 7.31708C17.535 7.0009 19.0828 6.47756 20.1886 5.54478C21.068 4.80313 21.6642 3.79423 21.6296 2.52951C21.6118 1.87975 21.3423 1.44611 20.9134 1.20306C20.2726 0.840122 19.1642 1.01574 18.7515 1.13808C17.4997 1.50837 15.829 3.04116 15.0024 4.76833C14.6725 5.45751 14.4763 6.1785 14.4555 6.8753ZM15.4837 6.45064C15.8374 6.3022 16.1792 6.15647 16.5075 6.01673C17.2014 5.72149 18.6519 5.25251 19.6845 4.38145C20.2312 3.92037 20.6777 3.36794 20.656 2.58143C20.6543 2.52026 20.6108 2.50287 20.5724 2.47785C20.513 2.43952 20.445 2.41314 20.3725 2.39248C19.8821 2.25274 19.2232 2.38785 18.9536 2.46778C17.9033 2.77853 16.5062 4.07397 15.8127 5.5233C15.6661 5.82942 15.5494 6.14125 15.4837 6.45064ZM31.6889 5.07771C32.1468 4.74903 32.6261 4.35155 33.0042 3.91901C33.2049 3.68928 33.3744 3.45304 33.4816 3.20782C33.5712 3.005 33.6063 2.79728 33.4991 2.59665C33.4562 2.51536 33.3919 2.51374 33.3257 2.52896C33.2555 2.54527 33.1834 2.58006 33.1113 2.62492C32.6359 2.91691 32.1449 3.59902 31.987 3.91901C31.8019 4.29011 31.7103 4.68269 31.6889 5.07771Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bx_hero .txt_desc {
    width: 80%;
    margin: 0 auto;
}

.bx_hero .btns {
    margin: 50px 0 0 0;
}

.btn-danger {
    background: rgba(255, 59, 106, 1);
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background: rgba(229, 53, 95, 1) !important;
    border-color: rgba(229, 53, 95, 1) !important;
}
.btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    border-radius: 12px;
}

.bx_hero .btns .btn {
    padding: 20px 33px;
}
.bx_hero .btns .btn-danger {
    padding: 20px 53px;
}
.btn-link {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
}

.bx_slide_hero {
    display: flex;
    align-items: center;
    padding: 27px;
    background: rgba(37, 55, 69, 1);
    gap: 30px;
    position: relative;
    background: url(../images/bx_bg.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s;
    min-height: 144px;
}

.bx_slide_hero h3 {
    font-size: 16px;
    font-weight: 800;
    line-height: 25px;
    margin-bottom: 11px;
}

.bx_slide_hero p {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    line-height: 18px;
}

.bx_slide_hero .icno_b_s_h {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx_slide_hero .icno_b_s_h img {
    width: auto;
    max-width: none;
}

.bx_slide_hero:hover {
    transform: rotate(3.18deg) translateY(-20px);
    background-image: url(../images/bx_bg_h.png);
}

.slide_hero .owl-stage-outer {
    padding-top: 60px;
}

/*.hero:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 15%;
    width: 80%;
    height: 100%;
    background: url(../images/hero_r.svg) no-repeat;
    background-position: center right;
}

.hero>.container {
    position: relative;
}

.hero:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 20%;
    height: 100%;
    background: url(../images/hero_l.svg) no-repeat;
    background-position: left center;
}*/
.hero_r {
    position: absolute;
    right: 0;
    bottom: 15%;
    width: 65%;
    height: 100%;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none; 
    -webkit-touch-callout: none;
}
.hero_l {
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 20%;
    height: 100%;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none; 
    -webkit-touch-callout: none;
}
.smarter .tit {
    font-size: 76px;
    font-weight: 700;
    line-height: 82px;
    transform: rotate(-1.74deg);
}

.smarter .tit span {
    color: rgba(255, 255, 255, 0.6);
}

.sec_tit_smarter {
    position: relative;
    margin-bottom: 42px;
}

ul#smarter-tab {
    display: flex;
    gap: 10px;
}

ul#smarter-tab li {
    flex: 1;
}

ul#smarter-tab li button {
    background: rgba(6, 20, 27, 1);
    width: 100%;
    border-radius: 12px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    position: relative;
}

ul#smarter-tab li button.active,ul#smarter-tab li button:hover {
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 1) inset;
}

ul#smarter-tab li button.soon:before {
    content: 'în curând';
    position: absolute;
    top: -20px;
    right: calc(50% - 48px);
    background: rgba(37, 55, 69, 1);
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    padding: 10px;
    color: #fff;
}
#tab_smarter {
    background: url(../images/mobile.svg) no-repeat,url(../images/logo_rotate.svg) no-repeat;
    background-size: auto 100%,110px 348px;
    background-position: left,right;
}
.smart_tab_sec {
    display: flex;
    align-items: center;
    gap: 90px;
    margin-top: 42px;
    padding: 125px 32px;
    justify-content: space-between;
    min-height: 600px;
}

.smart_tab_sec .body p {
    color: rgba(204, 208, 207, 1);
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin: 22px 0 72px;
}

.smart_tab_sec .body p span {
    color: #fff;
}

.smart_tab_sec .body .btns {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-secondary {
    background: rgba(74, 92, 106, 1);
    border-color: rgba(74, 92, 106, 1);
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active {
    background: rgba(74, 92, 106, 1) !important;
    border-color: rgba(74, 92, 106, 1) !important;
}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active {
    background: rgba(17, 33, 45, 1);
    border-color: rgba(17, 33, 45, 1);
}
.smart_tab_sec .body .btns .btn {
    padding: 20px 36px;
    text-transform: uppercase;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 206px;
}

.smart_tab_sec .body .btns .btn:last-child {
    background: rgba(37, 55, 69, 1);
    border-color: rgba(37, 55, 69, 1);
}

.smart_tab_sec .body {
    padding-left: 117px;
    padding-right: 200px;
}
.sec_tit_smarter .glass {
    position: absolute;
    right: 32%;
    width: 30%;
    top: -50%;
}

.bx_easy h2 {
    font-size: 56px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 68px;
}

.bx_easy h2 span {
    color: rgba(158, 164, 167, 1);
}

.bx_easy p.txt_desc {
    width: 60%;
    position: relative;
}
.bx_easy p.txt_desc:before {
    content: '';
    position: absolute;
    top: 0;
    right: -100px;
    width: 111px;
    height: 111px;
    background: url(../images/arrow_01.svg) no-repeat;
    background-size: 100% 100%;
}
.bx_easy {
    margin-bottom: 60px;
}

.easy {
    padding: 64px 0;
    position: relative;
    overflow-x: clip;
}

.list_easily {
    display: flex;
    align-items: center;
    gap: 35px;
}

.list_easily .bx_l_e {
    display: flex;
    align-items: center;
    gap: 21px;
}

.bx_l_e h4 {
    font-size: 16px;
    font-weight: 800;
    line-height: 25px;
    margin: 0;
}

.bx_l_e p {
    color: rgba(204, 208, 207, 1);
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
}

.bx_l_e .icon img {
    max-width: none;
}

.line_easy {
    background: url(../images/bg_line.svg) repeat-x;
    background-size: auto 100%;
    padding: 65px 0;
    transform: rotate(-2deg) scale(1.02);
    position: relative;
    overflow: hidden;
}

.easy:before {
    content: '';
    position: absolute;
    right: 5%;
    top: 0;
    background: url(../images/video.svg) no-repeat;
    width: 36%;
    height: 750px;
    background-size: 100% 100%;
    background-position: bottom center;
    z-index: 99;
    filter: drop-shadow(-52px 50px 71.5px #06141B7A);
}

.tv_package {
    padding: 123px 0;
    position: relative;
}

.tv_package .tit {
    position: relative;
    display: inline-block;
}

.tv_package .tit h2 {
    margin: 0;
    font-size: 76px;
    font-weight: 700;
}

.tv_package .tit h2 span {
    color: #9EA4A7;
}

.tv_package .tit p {
    text-align: right;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 25px;
    color: #CCD0CF;
}

.tv_package .tit p span {
    color: #fff;
}

.bx_package {
    position: relative;
    padding: 48px 0;
    filter: drop-shadow(33px 11px 98.6px rgb(6 20 27 / 67%));
    min-width: 420px;
}

.bx_package:before {
    content: '';
    position: absolute;
    top: -38px;
    right: calc(50% - 38px);
    width: 76px;
    height: 76px;
    background: url(../images/video_c.svg) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 76px;
}

.bx_package:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle 38px at 0 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 0 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 56px at 50% 0,
    transparent 0,
    transparent 56px,
    #253745 56px,
    #253745 56px);
    background-size: 22% 51%, 22% 51%, 51% 51%, 51% 51%, 60% 51%;
    background-position: top left, top right, bottom right, bottom left, top;
    background-repeat: no-repeat;
    -webkit-background-image: radial-gradient(circle 38px at 0 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 0 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 56px at 50% 0,
    transparent 0,
    transparent 56px,
    #253745 56px,
    #253745 56px);
    -webkit-background-size: 22% 51%, 22% 51%, 51% 51%, 51% 51%, 60% 51%;
    -webkit-background-position: top left, top right, bottom right, bottom left, top;
    -webkit-background-repeat: no-repeat;
    z-index: -1;
}

.bx_package .head_b_p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px;
    padding: 0 48px;
}

.bx_package .head_b_p span {
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.8);
}

.bx_package .head_b_p .price {
    font-size: 64px;
    font-weight: 900;
    line-height: 70px;
}

ul.list_fth_package {
    list-style: none;
    padding: 0 48px;
    margin: 64px 0 16px;
}

ul.list_fth_package li {
    position: relative;
    color: #CCD0CF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.5px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 30px 1px;
    padding: 20px 0;
}

ul.list_fth_package li svg {
    margin-right: 14px;
}

ul.list_fth_package li:after,ul.list_fth_package li:before {
    content: '';
    position: absolute;
    left: -60px;
    top: calc(100% - 12px);
    width: 24px;
    height: 24px;
    background: #08161d;
    border-radius: 24px;
}
ul.list_fth_package li:before {
    left:auto;
    right: -60px;
}

.bx_package .buy {
    padding: 0 48px;
    margin-top: 50px;
}

.bx_package .buy a {
    display: block;
    padding: 30px 0;
}

.bx_package.one {
    transform: rotate(9deg) translate(30px,100px);
    z-index: 9;
}

.bx_package.two {
    transform: rotate(-4.5deg);
}

.row_package {
    position: relative;
}

.row_package:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 276px;
    background: url(../images/ads.svg) no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    z-index: 99;
    filter: drop-shadow(12px 40px 43.6px rgba(6, 20, 27, 0.53));
}

.bx_package .most {
    position: absolute;
    left: -45px;
    top: 120px;
    background: rgba(255, 59, 106, 1);
    transform: rotate(-90deg);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    padding: 12px 16px;
}

.bx_package .most:before {
    content: '';
    position: absolute;
    top: 0;
    right: -4px;
    border-top: 9px solid transparent;
    border-left: 4px solid rgba(173, 32, 66, 1);
}

.tv_package .sub_tit,.faq .sub_tit {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 185px;
    margin-top: -60px;
    margin-bottom: -80px;
}

.tv_package .sub_tit p,.faq .sub_tit p {
    position: absolute;
    top: 0;
    font-size: 144px;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.17);
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 185px;
    pointer-events: none;
    user-select: none;
}

.serv {
    padding: 82px 0;
    background: #06141B url(../images/bg_3.svg) repeat;
    margin-top: -50px;
}
.bx_serv {
    position: relative;
    z-index: 99;
}
.bx_serv .icon {
    margin-bottom: 33px;
}

.bx_serv h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.bx_serv p {
    color: rgba(255, 255, 255, 0.4);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    min-height: 84px;
}

.btn-primary {
    background: rgba(108, 237, 255, 1);
    border-color: rgba(108, 237, 255, 1);
    color: rgba(0, 0, 0, 1);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: rgba(97, 213, 229, 1) !important;
    color: rgba(0, 0, 0, 1) !important;
    border-color: rgba(97, 213, 229, 1) !important;
}
.bx_serv .btn {
    padding: 18px;
    min-width: 230px;
}

.btn-dark {
    background: rgba(17, 33, 45, 1);
    border-color: rgba(17, 33, 45, 1);
}
.btn {
    transition: all 0.3s;
}
.btn:hover {
    transform: scale(0.9);
}

.faq {
    padding: 90px 0;
}

.faq .tit h2 {
    font-size: 76px;
    font-weight: 700;
    line-height: 82px;
    text-transform: capitalize;
    transform: rotate(-1.74deg);
}

.faq .tit h2 span {
    color: rgba(158, 164, 167, 1);
}

.faq .tit p {
    color: rgba(204, 208, 207, 1);
}

#faq .accordion-item {
    margin-bottom: 13px;
    background-color: transparent;
    background-image: radial-gradient(circle 14px at 0 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 0 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px);
background-size: 51% 51%, 52% 51%, 51% 51%, 51% 51%;
background-position: top left, top right, bottom right, bottom left;
background-repeat: no-repeat;

    -webkit-background-image: radial-gradient(circle 14px at 0 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 0 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px);
    -webkit-background-size: 51% 51%, 52% 51%, 51% 51%, 51% 51%;
    -webkit-background-position: top left, top right, bottom right, bottom left;
    -webkit-background-repeat: no-repeat;
    color: rgba(204, 208, 207, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
}
#faq .accordion-item.active {
    background-image: radial-gradient(circle 14px at 0 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 0 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px);
background-size: 51% 51%, 52% 51%, 51% 51%, 51% 51%;
background-position: top left, top right, bottom right, bottom left;
background-repeat: no-repeat;

    -webkit-background-image: radial-gradient(circle 14px at 0 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 0,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 100% 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px),
radial-gradient(circle 14px at 0 100%,
    transparent 0,
    transparent 14px,
    #253745 14px,
    #253745 14px);
    -webkit-background-size: 51% 51%, 52% 51%, 51% 51%, 51% 51%;
    -webkit-background-position: top left, top right, bottom right, bottom left;
    -webkit-background-repeat: no-repeat;
}
#faq .accordion-header .accordion-button {
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    box-shadow: none;
    padding-right: 32px;
    padding-left: 32px;
}

#faq .accordion-header .accordion-button .number {
    margin-right: 16px;
    font-weight: 600;
}

#faq .accordion-header .accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='white' stroke-opacity='0.7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
}

#faq {
    margin-top: 140px;
}
.faq.in_page #faq {
    margin-top: 100px;
}
#faq .accordion-item .accordion-body {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 30px 1px;
    position: relative;
    padding: 1rem 0;
    margin: 0 32px;
}
#faq .accordion-item .accordion-header {
    position: relative;
}

.f_site {
    background: url(../images/bg_line_f.svg) repeat-x;
    background-size: auto 100%;
    margin-bottom: 54px;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.bx_foot {
    background: rgba(6, 20, 27, 1);
    border-radius: 30px;
    padding: 48px 40px 28px 40px;
    min-height: 261px;
}

ul.menu_f {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.bx_foot.one>.d-flex {
    gap: 70px;
}

.bx_foot .logo_f img {max-width: unset;}

.bx_foot .f_app {
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid rgba(24, 42, 56, 1);
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

.bx_foot .f_app .btn {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
}

.bx_foot .f_app .link_app {
    display: flex;
    gap: 11px;
    align-items: center;
}

.bx_foot>h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 37px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.bx_foot .contact_f {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact_f .bx_c_f {
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
}

.contact_f .bx_c_f .icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(37, 55, 69, 1);
    border-radius: 100px;
    transition: all 0.3s;
}

.contact_f .bx_c_f p {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 6px;
}

.contact_f .bx_c_f a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.bx_foot .f_copy {
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid rgba(24, 42, 56, 1);
    display: flex;
    align-items: center;
    gap: 38px;
}

.bx_foot .f_copy p {
    margin: 0;
    color: rgba(204, 208, 207, 0.6);
}

ul.menu_f li a {
    font-size: 16px;
    font-weight: 400;
}

ul.menu_f li a:hover {
    color: rgba(255, 59, 106, 1);
}

.bx_foot .f_copy p span {
    color: #fff;
}

.bx_foot .f_copy .social_f {
    display: flex;
    align-items: center;
    gap: 16px;
}

.f_site:before,.f_site:after {
    content: '';
    position: absolute;
    left: -110px;
    height: calc(100% - 80px);
    width: 200px;
    background: rgba(6, 20, 27, 1);
    border-radius: 30px;
    z-index: 1;
    top: 40px;
}

.f_site:after {
    right: -110px;
    left: auto;
}
.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 20px;
}

.owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: rgba(37, 55, 69, 1) !important;
    transition: all 0.3s;
}

.owl-dots .owl-dot.active,.owl-dots .owl-dot:hover {
    background: #fff !important;
}
.col_faq {
    position: relative;
}

.sofa {
    position: absolute;
    right: 0;
    top: -230px;
    width: 40%;
    height: 540px;
    background: url(../images/sofa.svg) no-repeat;
    background-position: right center;
    max-width: 390px;
    background-size: 100% 100%;
}
.pack_mob {
    padding-left: 20px;
    margin-top: 26px;
}

.pack_mob .owl-stage-outer {
    padding-top: 40px;
}
.owl-carousel .owl-item img {
    width: auto;
}
.faq .tit h2 {
    transform: none;
}
.faq .img_bx_sofa_faq {
    position: relative;
}
.h_site_page ul.lang_s li a.active, ul.lang_s li a:hover {
    background: rgba(74, 92, 106, 1);
    font-weight: 700;
}
.h_site .h_site_page {
    padding: 0 50px;
    transition: all 0.5s ease !important;
    background-color: transparent;
}
.h_site.sticky_top .h_site_page {
    background: rgba(37, 55, 69, 0.85);
    border-radius: 12px;
    box-shadow: 0px 44px 45px 0px rgb(6 20 27 / 90%);
    backdrop-filter: blur(14px);
    padding: 18px 50px;
}
.bx_tabs_terms {
    position: relative;
    padding: 32px;
    background-image: radial-gradient(circle 24px at 0 0,
                                transparent 0,
                                transparent 24px,
                                rgba(37, 55, 69, 1) 24px,
                                rgba(37, 55, 69, 1) 24px),
                radial-gradient(circle 24px at 100% 0,
                                transparent 0,
                                transparent 24px,
                                rgba(37, 55, 69, 1) 24px,
                                rgba(37, 55, 69, 1) 24px),
                radial-gradient(circle 24px at 100% 100%,
                                transparent 0,
                                transparent 24px,
                                rgba(37, 55, 69, 1) 24px,
                                rgba(37, 55, 69, 1) 24px),
                radial-gradient(circle 24px at 0 100%,
                                transparent 0,
                                transparent 24px,
                                rgba(37, 55, 69, 1) 24px,
                                rgba(37, 55, 69, 1) 24px);
    background-size: 51% 51%;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    -webkit-background-image: radial-gradient(circle 24px at 0 0,
    transparent 0,
    transparent 24px,
    rgba(37, 55, 69, 1) 24px,
    rgba(37, 55, 69, 1) 24px),
radial-gradient(circle 24px at 100% 0,
    transparent 0,
    transparent 24px,
    rgba(37, 55, 69, 1) 24px,
    rgba(37, 55, 69, 1) 24px),
radial-gradient(circle 24px at 100% 100%,
    transparent 0,
    transparent 24px,
    rgba(37, 55, 69, 1) 24px,
    rgba(37, 55, 69, 1) 24px),
radial-gradient(circle 24px at 0 100%,
    transparent 0,
    transparent 24px,
    rgba(37, 55, 69, 1) 24px,
    rgba(37, 55, 69, 1) 24px);
    -webkit-background-size: 51% 51%;
    -webkit-background-position: top left, top right, bottom right, bottom left;
    -webkit-background-repeat: no-repeat;
}

#tab_terms {
    background: none;
    border: none;
    margin: 0 0 32px 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

#tab_terms li button {
    color: rgba(255, 255, 255, 0.4);
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 24px 0;
    position: relative;
    border: none;
    background: none;
}

#tab_terms li button.active,#tab_terms li button:hover {
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
}

#tab_terms li button:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0.8px;
    bottom: 0;
    background: #fff;
    left: 0;
    opacity: 0;
    transition: all 0.3s;
}

#tab_terms li button.active:after,#tab_terms li button:hover:after {
    opacity: 1;
    width: 100%;
}
.hero_ref {
    padding: 68px 0;
    position: relative;
    overflow-x: clip;
}

.hero_ref:before {content: '';position: absolute;top: -170px;left: 0;width: 100%;height: 100%;background: url(../images/ref_light.svg) no-repeat;}

.bx_hero_ref>span {
    color: rgba(108, 237, 255, 1);
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.bx_hero_ref h1 {
    font-size: 76px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 97px;
    margin: 25px 0;
}

.bx_hero_ref h1>span {
    color: rgba(255, 255, 255, 0.6);
}

.text-danger {
    color: rgba(255, 59, 106, 1) !important;
}

.bx_hero_ref {
    position: relative;
}

.bx_hero_ref:before,.bx_hero_ref:after {
    content: '';
    position: absolute;
    right: -40px;
    top: 0;
    height: 100%;
    width: 130px;
    background: url(../images/flower.svg) no-repeat;
    background-size: 100%;
    background-position: left 50px;
}

.bx_hero_ref:after {
    right: auto;
    left: -40px;
    transform: rotateY(180deg);
}

.bx_hero_ref .txt_desc {
    width: 70%;
    margin: 0 auto 30px;
}

.line_ref {
    background: url(../images/bg_line.svg) repeat-x;
    background-size: auto 100%;
    padding: 65px 0;
    transform: rotate(-2deg) scale(1.02);
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.bx_reff_code h2 {
    font-size: 51px;
    line-height: 55px;
    font-weight: 700;
    transform: rotate(-1.74deg);
    width: 70%;
    margin-bottom: 23px;
}

.bx_reff_code h2 span {
    color: rgba(108, 237, 255, 1);
}

.bx_reff_code .steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 68px;
    margin-top: 51px;
}

.bx_reff_code .steps .bx_steps {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bx_reff_code .steps .bx_steps .num {
    width: 48px;
    height: 48px;
    background: rgba(37, 55, 69, 1);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
}

.bx_reff_code .steps .bx_steps p {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 0;
}

.bx_reff_code .steps .bx_steps span {
    color: rgba(204, 208, 207, 1);
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.bx_reff_code .frm_ref .controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bx_reff_code .frm_ref .controls input {
    background: rgba(17, 33, 45, 1);
    border: 1.29px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    height: 100%;
    padding: 22px 20px 22px 60px;
    color: #fff;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11.9023C10 9.69334 11.791 7.90234 14 7.90234H16.5C18.985 7.90234 21 9.91734 21 12.4023V12.4023C21 14.8873 18.985 16.9023 16.5 16.9023H16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 12.9023C14 15.1113 12.209 16.9023 10 16.9023H7.5C5.015 16.9023 3 14.8873 3 12.4023V12.4023C3 9.91734 5.015 7.90234 7.5 7.90234H8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 24px center;
    font-size: 16px;
    font-weight: 500;
}

.bx_reff_code .frm_ref .controls button {
    padding: 22px 50px;
    gap: 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.bx_reff_code .frm_ref .controls input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.invite_frnd .img_inv_fr {
    text-align: center;
    margin-top: -6rem;
    position: relative;
}

.invite_frnd .img_inv_fr:before {
    content: '';
    position: absolute;
    top: 10%;
    left: 0;
    width: 120%;
    height: 100%;
    background: url(../images/bg_flow.svg) no-repeat;
    background-size: 100%;
}

.invite_frnd .img_inv_fr img {
    position: relative;
}

.invite_frnd {
    padding-bottom: 155px;
}
.bx_hero_ref .stars {
    width: 91px;
    height: 43px;
    background: url(../images/stars.svg) no-repeat;
    margin: 0 auto 27px;
    background-size: 100% 100%;
}
.bx_reff_code .btn_login {
    width: 100%;
    padding: 22px 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.faq.in_page {
    margin-top: 122px;
}
.faq.in_page .sofa {
    top: -200px;
    height: 440px;
    background-position: right center;
    background-size: auto 100%;
}
.hero_login {
    padding: 150px 0;
    position: relative;
}

.hero_login h1 {
    font-size: 56px;
    line-height: 71px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 27px;
}

.hero_login h1 span {
    color: rgba(158, 164, 167, 1);
}

.frm_login {
    margin: 45px 0;
}

.frm_login .input {
    position: relative;
    margin-bottom: 12px;
}

.form-control,.form-select {
    border: 1.29px solid rgba(255, 255, 255, 0.12);
    background: rgba(17, 33, 45, 1);
    color: #fff;
    padding: 27px;
    border-radius: 12px;
}
.form-control:-webkit-autofill,.form-control:autofill,.form-select:-webkit-autofill,.form-select:autofill,.frm_login .input .form-select:-webkit-autofill,.frm_login .input .form-select:autofill,.form-control.new:-webkit-autofill,.form-control.new:autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 100px transparent inset;
    box-shadow: 0 0 0px 100px transparent inset;
}
.form-control:-internal-autofill-selected,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active,.form-control:-webkit-autofill:hover,.form-select:-internal-autofill-selected,.form-select:-webkit-autofill:focus,.form-select:-webkit-autofill:active,.form-select:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-box-shadow: 0 0 0px 100px #0b1920 inset !important;
    box-shadow: 0 0 0px 100px #0b1920 inset !important;
}
.form-control::placeholder,.form-select::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form-control:focus,.form-select:focus {
    background: rgba(37, 55, 69, 1);
    box-shadow: none;
    border: 1.29px solid rgba(255, 255, 255, 1);
}

.frm_login .input .form-control,.frm_login .input .form-select {
    padding-left: 60px;
    color: #fff;
}
.frm_login .input select option {
    color: #000;
    padding: 0 !important;
}
.frm_login .input.username:before,.frm_login .input.up_phone:before,.frm_login .input.country-selector:before,.frm_login .input.zipcode:before,.frm_login .input.password:before,.frm_login .input.email:before,.frm_login .input.phone:before,.frm_login .input.street:before,.frm_login .input.country:before,.frm_login .input.house:before,.frm_login .input.house_2:before,.frm_login .input.city:before,.frm_login .input.post:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 24px;
    top: calc(50% - 12px);
}

.frm_login .input.username:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99963 19.9996C4.99963 17.4996 6.99963 15.5996 9.39963 15.5996H14.4996C16.9996 15.5996 18.8996 17.5996 18.8996 19.9996' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9999 5.2C16.6999 6.9 16.6999 9.6 14.9999 11.2C13.2999 12.8 10.5999 12.9 8.99987 11.2C7.39987 9.5 7.29987 6.8 8.99987 5.2C10.6999 3.6 13.2999 3.6 14.9999 5.2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.frm_login .input.password:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.84911 11.7354C7.99511 11.8814 7.99511 12.1194 7.84911 12.2654C7.70311 12.4114 7.46511 12.4114 7.31911 12.2654C7.17311 12.1194 7.17311 11.8814 7.31911 11.7354C7.46511 11.5884 7.70211 11.5884 7.84911 11.7354' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2651 11.7354C12.4111 11.8814 12.4111 12.1194 12.2651 12.2654C12.1191 12.4114 11.8811 12.4114 11.7351 12.2654C11.5891 12.1194 11.5891 11.8814 11.7351 11.7354C11.8811 11.5884 12.1191 11.5884 12.2651 11.7354' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0001 3H14.0001C15.1051 3 16.0001 3.895 16.0001 5C16.0001 3.895 16.8951 3 18.0001 3H19.0001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 19V5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0001 21H18.0001C16.8951 21 16.0001 20.105 16.0001 19C16.0001 20.105 15.1051 21 14.0001 21H13.0001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9999 17H4.99988C3.89488 17 2.99988 16.105 2.99988 15V9C2.99988 7.895 3.89488 7 4.99988 7H12.9999' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 17H19C20.105 17 21 16.105 21 15V9C21 7.895 20.105 7 19 7H16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.email:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12C16 14.209 14.209 16 12 16C9.791 16 8 14.209 8 12C8 9.791 9.791 8 12 8V8C14.209 8 16 9.791 16 12V13.5C16 14.881 17.119 16 18.5 16C19.881 16 21 14.881 21 13.5V12C21 7.029 16.971 3 12 3C7.029 3 3 7.029 3 12C3 16.971 7.029 21 12 21C13.149 21 14.317 20.782 15.444 20.315C16.052 20.063 16.614 19.747 17.133 19.386' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.phone:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8559 13.1444C9.6859 11.9744 8.8039 10.6644 8.2179 9.33536C8.0939 9.05436 8.1669 8.72536 8.3839 8.50836L9.2029 7.69036C9.8739 7.01936 9.8739 6.07036 9.2879 5.48436L8.1139 4.31036C7.3329 3.52936 6.0669 3.52936 5.2859 4.31036L4.6339 4.96236C3.8929 5.70336 3.5839 6.77236 3.7839 7.83236C4.2779 10.4454 5.7959 13.3064 8.2449 15.7554C10.6939 18.2044 13.5549 19.7224 16.1679 20.2164C17.2279 20.4164 18.2969 20.1074 19.0379 19.3664L19.6889 18.7154C20.4699 17.9344 20.4699 16.6684 19.6889 15.8874L18.5159 14.7144C17.9299 14.1284 16.9799 14.1284 16.3949 14.7144L15.4919 15.6184C15.2749 15.8354 14.9459 15.9084 14.6649 15.7844C13.3359 15.1974 12.0259 14.3144 10.8559 13.1444Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.street:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99585 14.1432L7.99835 8.99805L14.0008 14.1432' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1434 21.003V8.99805H10.5704V11.199' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49768 21.0026V16.7148H9.49893V21.0026' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.85317 13.4082V21.0034' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0042 21.0022H1.99585' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4961 18.002V21.0032' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='17.0021' y='10.998' width='5.00208' height='7.00292' rx='2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17.0021' cy='4.99693' r='2.00083' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.country:before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 3C17.482 3 21.5 7.018 21.5 12C21.5 16.982 17.482 21 12.5 21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 21C7.518 21 3.5 16.982 3.5 12C3.5 7.018 7.518 3 12.5 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.668 4.05975C7.77799 8.88475 7.77799 15.1158 10.668 19.9408C11.514 21.3538 13.487 21.3538 14.333 19.9408C17.223 15.1158 17.223 8.88475 14.333 4.05975C13.486 2.64675 11.514 2.64675 10.668 4.05975Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H21.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.house:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.734 9.764L12 3L20.265 9.764C20.4944 9.95134 20.6794 10.1873 20.8065 10.4548C20.9336 10.7224 20.9997 11.0148 21 11.311V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V11.312C3.00004 11.0157 3.06592 10.7231 3.19286 10.4554C3.3198 10.1877 3.50463 9.95155 3.734 9.764Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 16.9L10.65 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9453 16.9L14.0953 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5938 11.75H8.59375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.1484H8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.city:before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4995 21.0028V9.82611C11.4994 9.29549 11.2886 8.78666 10.9133 8.41152L7.49788 4.99609L4.08246 8.41152C3.7072 8.78666 3.49633 9.29549 3.49622 9.82611V21.0028' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.49789 12V20.0033' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.67737 8.99826H11.3176' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.49789 2.99609V4.99693' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5009 21.0026V11.0665C14.501 10.7384 14.6619 10.4313 14.9315 10.2445C15.2012 10.0577 15.5453 10.0149 15.8524 10.1301L20.8545 12.0058C21.2449 12.1522 21.5036 12.5253 21.5038 12.9422V21.0026' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5042 21.0022H2.49585' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0018 15.0002H19.0027' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0018 18.0022H19.0027' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.post:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99788 21.0036H5.99747C4.33992 21.0036 2.99622 19.6599 2.99622 18.0024V17.002' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0021 2.99609H18.0025C19.66 2.99609 21.0037 4.3398 21.0037 5.99734V6.99776' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.99622 6.99776V5.99734C2.99622 4.3398 4.33992 2.99609 5.99747 2.99609H6.99788' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0037 17.002V18.0024C21.0037 19.6599 19.66 21.0036 18.0025 21.0036H17.0021' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.9975 11.9986V8.99734C5.9975 7.3398 7.3412 5.99609 8.99875 5.99609H15.0012C16.6588 5.99609 18.0025 7.3398 18.0025 8.99734V11.9986' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0025 15C18.0025 16.6575 16.6588 18.0013 15.0012 18.0013H8.99875C7.3412 18.0013 5.9975 16.6575 5.9975 15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.99664 11.9983H21.0037' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.up_phone:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8561 13.1444C9.68615 11.9744 8.80415 10.6644 8.21815 9.33536C8.09415 9.05436 8.16715 8.72536 8.38415 8.50836L9.20315 7.69036C9.87415 7.01936 9.87415 6.07036 9.28815 5.48436L8.11415 4.31036C7.33315 3.52936 6.06715 3.52936 5.28615 4.31036L4.63415 4.96236C3.89315 5.70336 3.58415 6.77236 3.78415 7.83236C4.27815 10.4454 5.79615 13.3064 8.24515 15.7554C10.6941 18.2044 13.5551 19.7224 16.1681 20.2164C17.2281 20.4164 18.2971 20.1074 19.0381 19.3664L19.6891 18.7154C20.4701 17.9344 20.4701 16.6684 19.6891 15.8874L18.5161 14.7144C17.9301 14.1284 16.9801 14.1284 16.3951 14.7144L15.4921 15.6184C15.2751 15.8354 14.9461 15.9084 14.6651 15.7844C13.3361 15.1974 12.0261 14.3144 10.8561 13.1444Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.country-selector:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C16.982 3 21 7.018 21 12C21 16.982 16.982 21 12 21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21C7.018 21 3 16.982 3 12C3 7.018 7.018 3 12 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1685 4.05975C7.27848 8.88475 7.27848 15.1158 10.1685 19.9408C11.0145 21.3538 12.9875 21.3538 13.8335 19.9408C16.7235 15.1158 16.7235 8.88475 13.8335 4.05975C12.9865 2.64675 11.0145 2.64675 10.1685 4.05975Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.up_phone:after,.frm_login .input.country-selector:after {
    content: '';
    position: absolute;
    right: 24px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.frm_login .input.password .eye {
    position: absolute;
    right: 24px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.frm_login button[type="submit"],.frm_login .btn_submit {
    width: 100%;
    padding: 27px;
    font-size: 18px;
}

.hero_login .txt_login {
    text-align: center;
    font-weight: 300;
    color: rgba(204, 208, 207, 1);
}
.hero_login .txt_login p {
    font-size: 16px;
    margin: 0;
}
.hero_login .txt_login span {
    font-weight: 400;
    color: #fff;
}

.hero_login.login:before {
    content: '';
    position: absolute;
    left: 30%;
    background: url(../images/light_login.svg) no-repeat;
    width: 70%;
    height: 100%;
    top: 0;
    background-size: auto 100%;
    z-index: -1;
}
.hero_login.signup:before {
    content: '';
    position: absolute;
    left: 30%;
    background-image: url("data:image/svg+xml,%3Csvg width='1221' height='1024' viewBox='0 0 1221 1024' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_75_14936)'%3E%3Cpath d='M1184.64 486.359L744.379 853.756L369.037 611.316L741.405 200.067L1184.64 486.359Z' fill='%234A5C6A' fill-opacity='0.25'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_75_14936' x='0.336487' y='-168.634' width='1553' height='1391.09' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='184.35' result='effect1_foregroundBlur_75_14936'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 70%;
    height: 100%;
    top: 0;
    background-size: auto 100%;
    z-index: -1;
}
.hero_login.signup p.txt_desc {
    width: 70%;
}
.hero_login.signup .img_signup {
    filter: drop-shadow(12px 40px 43.6px #06141B87);
}
.input_code .code-inputs {
    display: flex;
    gap: 12px;
    margin-bottom: 1rem;
}
.input_code .code-input {
    width: 25%;
    height: 72px;
    font-size: 18px;
    text-align: center;
    border-radius: 12px;
    background: #11212D;
    border: 1px solid #FFFFFF1F;
    color: #fff;
}
.input_code .code-input:focus {
    background: rgba(37, 55, 69, 1);
    box-shadow: none;
    border: 1.29px solid rgba(255, 255, 255, 1);
    outline: none !important;
}
.input_code label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
body.dashboard {
    background: url(../images/bg_dash.png);
    padding-left: 340px;
    padding-right: 40px;
}
body.n_dash {
    background: url(../images/bg_dash.png); 
}
body.dashboard ::-webkit-scrollbar,body.n_dash ::-webkit-scrollbar,.c_modal ::-webkit-scrollbar {
    width: 12px;
}

body.dashboard ::-webkit-scrollbar-track,body.n_dash ::-webkit-scrollbar-track,.c_modal ::-webkit-scrollbar-track {
    background: #2c2c2c;
    border-radius: 10px;
}

body.dashboard ::-webkit-scrollbar-thumb,body.n_dash ::-webkit-scrollbar-thumb,.c_modal ::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 10px;
    border: 3px solid #2c2c2c; 
}

body.dashboard ::-webkit-scrollbar-thumb:hover,body.n_dash ::-webkit-scrollbar-thumb:hover,.c_modal ::-webkit-scrollbar-thumb:hover {
    background-color: #888;
}

body.dashboard *,body.n_dash *,.c_modal * {
    scrollbar-width: thin;
    scrollbar-color: #555 #2c2c2c;
}
.side_panel {
    position: fixed;
    left: 0;
    z-index: 999;
    width: 320px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-repeat: repeat-y;
    background-size: 1px 18px;
    padding: 50px 30px 36px 34px;
    top: 0;
    overflow: auto;
    height: 100vh;
    transition: all 0.3s;
}

.side_logo {
    display: flex;
    justify-content: space-between;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 1px;
    padding-bottom: 37px;
}

.side_logo .btn_profile,.n_dash .btn_profile {
    background: no-repeat;
    padding: 0;
    box-shadow: none;
    border: none;
    position: relative;
    transition: all 0.3s;
    display: block;
}
.n_dash .btn_profile:hover {
    transform: scale(0.9);
}
.side_logo .btn_profile img,.n_dash .btn_profile img {
    border-radius: 100%;
    border: 1px solid #253745;
    margin: 2.57px;
    padding: 2.57px;
    width: 58px;
    height: 58px;
}

.side_logo .btn_profile:before,.n_dash .btn_profile:before {
    width: 10px;
    height: 10px;
    background: #FF3B6A;
    border-radius: 10px;
    content: '';
    position: absolute;
    left: 38px;
    top: 5px;
    outline: 2px solid #06141B;
}
.n_dash .btn_profile:before {
    left: 46px;
}
.side_logo .btn_profile:after {
    display: none;
}

.side_amount {
    padding: 26px 21px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 1px;
    padding-bottom: 37px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.side_amount .txt {
    display: flex;
    flex-direction: column;
}

.side_amount .txt .price p {
    font-size: 31px;
    font-weight: 400;
    line-height: 49px;
    margin: 0;
}

.side_amount .txt .price {
    display: flex;
    gap: 8px;
    align-items: center;
}

.side_amount .txt .price>span {
    font-size: 18px;
    font-weight: 300;
}

.side_amount .txt .price p span {
    color: #FFFFFF80;
}

.side_amount .txt>p {
    color: #687B89;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin: 0;
}

.side_menu {
    margin: 50px 0 30px;
}

.side_menu>p {
    color: #687B89;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
}

.side_menu ul.menu_list {
    list-style: none;
    padding: 0;
    margin: 34px 0 35px 0;
}

.side_menu ul.menu_list li a {
    padding: 15px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 5px;
    transition: all 0.3s;
    border-radius: 12px;
}

.side_menu ul.menu_list li a.active,.side_menu ul.menu_list li a:hover {
    background: #18363E;
    color: #6CEDFF;
}

.side_menu ul.menu_list li a.active svg path, .side_menu ul.menu_list li a:hover svg path {
    stroke: #6CEDFF;
}

.side_invite {
    background: #11212D;
    border-radius: 21px;
    padding: 20px 15px;
    margin-bottom: 12px;
}

.side_invite .tit_s_i h3 {
    font-size: 16px;
    font-weight: 700;
    padding-left: 17px;
    border-left: 5px solid #6CEDFF;
    line-height: 37px;
}

.side_invite .tit_s_i {
    margin-bottom: 18px;
}

.side_invite>p {
    color: #687B89;
    font-size: 14px;
    font-weight: 400;
}

.side_invite .link {
    background: #192F3F;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 400;
    padding: 20px 12px;
    border: 1.3px solid #FFFFFF1F;
    margin-bottom: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: lowercase;
}

.side_invite .btns {
    display: flex;
    align-items: center;
    gap: 10px;
}

.side_invite .btns>a:first-child {
    color: #6CEDFF;
    font-size: 14px;
    font-weight: 400;
    flex: 1;
    min-width: max-content;
    transition: all 0.3s;
    text-align: right;
}
.side_invite .btns>a:first-child:hover {
    color: rgba(97, 213, 229, 1);
    transform: scale(0.9);
}
.side_invite .btns .btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    padding: 10px;
    flex: 1;
    justify-content: center;
    min-width: max-content;
}

.side_copyright {
    margin: 0;
    text-align: center;
    color: #687B89;
    font-size: 12px;
    font-weight: 400;
}

.h_panel h1 {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}

.h_panel {
    padding-top: 48px;
    margin-bottom: 35px;
}

.h_panel p {
    color: #CCD0CF;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
}

.user_dash {
    position: relative;
    border-radius: 10px;
    padding: 42px 35px;
}

.bx_left_profile .h_b_l_p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.bx_left_profile a.change_pw,.bx_sub_dtl a.change_pw {
    color: #687B89;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.bx_sub_dtl a.change_pw {
    font-size: 14px;
}
.bx_left_profile a.change_pw span,.bx_sub_dtl a.change_pw span {
    background: #11212D;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.bx_sub_dtl a.change_pw span {
    width: 54px;
    height: 54px;
}
.bx_left_profile a.change_pw:hover span,.bx_sub_dtl a.change_pw:hover span {
    background: #000000;
}
.bx_left_profile a.change_pw:hover, .bx_sub_dtl a.change_pw:hover {
    color: #fff;
}
.bx_left_profile .body_profile_desk h3,.body_profile_mob h3 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 4px;
}

.bx_left_profile .body_profile_desk p,.body_profile_mob p {
    color: #CCD0CF;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
}

.bx_left_profile .btn-danger {
    margin-top: 28px;
    font-size: 14px;
    font-weight: 500;
    padding: 16px;
}
.bx_right_profile {
    position: relative;
}
.bx_right_profile .qr {
    width: 54px;
    height: 152px;
    position: absolute;
    right: 0;
    top: calc(50% - 76px);
    background: url(../images/qr.png) no-repeat;
    background-size: 100% 100%;
}
.bx_right_profile>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.bx_right_profile>ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 36px;
    position: relative;
}

.bx_right_profile>ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

.bx_right_profile>ul li.mail:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12C16 14.209 14.209 16 12 16C9.791 16 8 14.209 8 12C8 9.791 9.791 8 12 8V8C14.209 8 16 9.791 16 12V13.5C16 14.881 17.119 16 18.5 16C19.881 16 21 14.881 21 13.5V12C21 7.029 16.971 3 12 3C7.029 3 3 7.029 3 12C3 16.971 7.029 21 12 21C13.149 21 14.317 20.782 15.444 20.315C16.052 20.063 16.614 19.747 17.133 19.386' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_right_profile>ul li.phone:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8561 13.1444C9.68615 11.9744 8.80415 10.6644 8.21815 9.33536C8.09415 9.05436 8.16715 8.72536 8.38415 8.50836L9.20315 7.69036C9.87415 7.01936 9.87415 6.07036 9.28815 5.48436L8.11415 4.31036C7.33315 3.52936 6.06715 3.52936 5.28615 4.31036L4.63415 4.96236C3.89315 5.70336 3.58415 6.77236 3.78415 7.83236C4.27815 10.4454 5.79615 13.3064 8.24515 15.7554C10.6941 18.2044 13.5551 19.7224 16.1681 20.2164C17.2281 20.4164 18.2971 20.1074 19.0381 19.3664L19.6891 18.7154C20.4701 17.9344 20.4701 16.6684 19.6891 15.8874L18.5161 14.7144C17.9301 14.1284 16.9801 14.1284 16.3951 14.7144L15.4921 15.6184C15.2751 15.8354 14.9461 15.9084 14.6651 15.7844C13.3361 15.1974 12.0261 14.3144 10.8561 13.1444Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_right_profile>ul li.web:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C16.982 3 21 7.018 21 12C21 16.982 16.982 21 12 21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21C7.018 21 3 16.982 3 12C3 7.018 7.018 3 12 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.168 4.05975C7.27799 8.88475 7.27799 15.1158 10.168 19.9408C11.014 21.3538 12.987 21.3538 13.833 19.9408C16.723 15.1158 16.723 8.88475 13.833 4.05975C12.986 2.64675 11.014 2.64675 10.168 4.05975Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_right_profile>ul li.home:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99609 14.1432L7.99859 8.99805L14.0011 14.1432' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1434 21.003V8.99805H10.5703V11.199' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49805 21.0026V16.7148H9.4993V21.0026' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.85324 13.4082V21.0034' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0044 21.0022H1.99609' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4963 18.002V21.0032' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='17.0024' y='10.998' width='5.00208' height='7.00292' rx='2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17.0023' cy='4.99693' r='2.00083' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_sub_dtl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    margin-top: 14px;
    border-top: 1px solid #4A5C6A;
    width: 80%;
}

.bx_sub_dtl span {
    color: #687B89;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 9px;
    display: block;
}

.bx_sub_dtl p {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
}

.bx_panel {
    border-radius: 16px;
    background: #253745;
    margin-top: 10px;
    padding: 11px;
    margin-bottom: 40px;
}

.bx_h_panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 28px;
}

.bx_h_panel h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    align-items: center;
    margin: 0;
    gap: 8px;
}

.bx_h_panel .srh_on_tbl {
    background: #11212D;
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 44px;
}

.under_tbl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tbl_panel thead th {
    background: #11212D;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 11px;
    border: none;
}

.tbl_panel thead th:first-child {
    border-radius: 12px 0 0 12px;
}
.tbl_panel thead th:first-child, .tbl_panel tbody td:first-child,.tbl_panel_n thead th:first-child,.tbl_panel_n tbody td:first-child {
    padding-left: 20px;
}
.tbl_panel thead th:last-child {
    border-radius: 0 12px 12px 0;
}

.tbl_panel thead {
    margin-bottom: 10px;
}

.tbl_panel tbody td {
    background: #FFFFFF0D;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    vertical-align: middle;
}

.tbl_panel tbody tr td:first-child {
    border-radius: 12px 0 0 12px;
}

.tbl_panel tbody tr td:last-child {
    border-radius: 0 12px 12px 0;
}

.tbl_panel tbody tr:nth-child(4n+2) td {
    background: #06141B1F;
}

.tbl_panel tbody tr {
    margin-bottom: 10px;
}
.under_tbl>p {
    color: #687B89;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
    margin: 0;
}

.under_tbl>ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
}

.under_tbl>ul li p {
    color: #687B89;
    margin: 0;
}

.under_tbl>ul li a.num {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    border-radius: 34px;
}

.under_tbl>ul li a.num.active,.under_tbl>ul li a.num:hover {
    background: #FFFFFF;
    color: #11212D;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
}
tr.spacing {
    height: 10px;
}
.user_dash:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle 38px at 0 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 0 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 20% 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 20% 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px);
    background-size: 32% 51%, 32% 51%, 31% 51%, 31% 51%, 40% 51%, 40% 50%;
    background-position: top left, top right, bottom right, bottom left, top, bottom;
    background-repeat: no-repeat;
    -webkit-background-image: radial-gradient(circle 38px at 0 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 100% 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 0 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 20% 0,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px),
radial-gradient(circle 38px at 20% 100%,
    transparent 0,
    transparent 38px,
    #253745 38px,
    #253745 38px);
    -webkit-background-size: 32% 51%, 32% 51%, 31% 51%, 31% 51%, 40% 51%, 40% 50%;
    -webkit-background-position: top left, top right, bottom right, bottom left, top, bottom;
    -webkit-background-repeat: no-repeat;
    z-index: -1;
}
.user_dash:after {
    content: '';
    position: absolute;
    left: calc(38% - 5px);
    top: 15%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-repeat: repeat-y;
    background-size: 1px 18px;
    width: 5px;
    height: 70%;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
}

#overlay.active {
    display: block;
}
.side_panel.active,.side_n_panel.active {
    left: 0;
    z-index: 999;
}
ul#sub_tab {
    display: flex;
    flex-direction: column;
    gap: 13px;
    border: none;
}
ul#sub_tab li button {
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 20px;
    padding: 0;
    width: 100%;
    background: no-repeat;
}
ul#sub_tab li button img {
    filter: grayscale(1);
}
ul#sub_tab li button.active img,ul#sub_tab li button:hover img {
    filter: none;
}
ul#sub_tab li button div {
    border-radius: 16px;
    margin: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
    padding: 30px 0;
    background: rgba(6, 20, 27, 1);
}

ul#sub_tab li button.active div, ul#sub_tab li button:hover div {
    background: rgba(24, 54, 62, 1);
}

ul#sub_tab li button.active,ul#sub_tab li button:hover {border-color: rgba(108, 237, 255, 1);}

.bx_sub_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bx_sub_left .icon {
    background: rgba(17, 33, 45, 1);
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    border-radius: 56px;
    margin-bottom: 24px;
}

.bx_sub_left p {
    color: rgba(104, 123, 137, 1);
    font-size: 14px;
    font-weight: 400;
}

.bx_sub_left h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 20px;
}

.bx_sub_left h3 span {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}

.b_status {
    color: rgba(108, 237, 255, 1);
    display: flex;
    align-items: center;
    line-height: 21px;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
}

.b_status span {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9' r='9' fill='%236CFFD3' fill-opacity='0.1'/%3E%3Ccircle cx='9.50007' cy='9.00056' r='5.78571' fill='%236CFFD3' fill-opacity='0.2'/%3E%3Ccircle cx='9.49993' cy='8.99944' r='3.21429' fill='%236CEDFF'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 18px;
}

.bx_sub_right {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.bx_sub_right .h_b_s_r, .bx_sub_right .body_b_s_r,.bx_sub_right .foot_b_s_r {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bx_sub_right .h_b_s_r div span,.bx_sub_right .foot_b_s_r div span {
    color: rgba(104, 123, 137, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.bx_sub_right .h_b_s_r div p, .bx_sub_right .body_b_s_r div:not(.icon) p,.bx_sub_right .foot_b_s_r div p {
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    margin: 0;
}

.bx_sub_right .body_b_s_r .icon {
    background: rgba(108, 237, 255, 1);
    width: 56px;
    height: 56px;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx_sub_right .body_b_s_r div:not(.icon) span {
    color: rgba(104, 123, 137, 1);
    font-size: 14px;
    font-weight: 400;
}

.text-warning {
    color: rgba(246, 196, 147, 1) !important;
}

.bx_sub_right .foot_b_s_r .btn-outline-primary {
    border: 1px solid rgba(74, 92, 106, 1);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 15px 18px;
}
.btn-outline-primary:hover {
    background-color: rgba(74, 92, 106, 1);
}
.bill_cycle {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 1px;
    padding: 0 28px 37px 28px;
    margin-bottom: 37px;
}

.bill_cycle .bx_bill_c {
    width: calc(50% - 8px);
    background: rgba(6, 20, 27, 0.25);
    border-radius: 12px;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 104px;
    transition: all 0.3s;
    cursor: pointer;
}
.bill_cycle .bx_bill_c.active {

}
.bill_cycle .bx_bill_c .date {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.bill_cycle .bx_bill_c.active>div:first-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bill_cycle .bx_bill_c.active div .active {
    border: 1px solid #6CEDFF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(108, 237, 255, 0.2);
    color: #6CEDFF;
    margin-top: 14px;
}

.bill_cycle .bx_bill_c.active>div {
    color: rgba(255, 255, 255, 0.9);
}

.bx_panel.new .bill_cycle .bx_bill_c.select {
    background: rgba(255, 59, 106, 0.1);
    border-color: rgb(255 59 106);
}

.bill_cycle .bx_bill_c.select>div:last-child .date {
    background: rgba(255, 59, 106, 0.2);
    color: rgba(255, 59, 106, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 33px;
    border: none;
}

.bill_cycle .bx_bill_c .price {
    font-size: 24px;
    line-height: 26px;
}

.bill_cycle .bx_bill_c .price>span {
    font-size: 16px;
    font-weight: 300;
}

.bill_cycle .bx_bill_c>div:last-child {
    gap: 18px;
    display: flex;
    align-items: center;
}

.bill_cycle .bx_bill_c.total {
    width: 100%;
}

.bill_cycle .bx_bill_c>div:last-child .date {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 33px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 18px;
}
.bx_sub_right .body_b_s_r {
    position: relative;
}

.bx_sub_right .body_b_s_r:before {
    content: '';
    position: absolute;
    right: -36px;
    width: calc(100% + 54px);
    height: calc(100% + 29px);
    background: rgba(6, 20, 27, 0.25);
    z-index: -1;
    border-radius: 99px 0 0 99px;
}
ol.breadcrumb {
    margin: 0;
}

ol.breadcrumb .breadcrumb-item a {
    color: rgba(108, 237, 255, 1);
}

ol.breadcrumb .breadcrumb-item,.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(104, 123, 137, 1);
}
.bx_pay_right {
    color: rgba(108, 237, 255, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}

.bx_pay_right p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 24px;
}

.bx_pay_right h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    margin: 0;
}

.bx_pay_right .qr {
    width: 44px;
    height: 124px;
    position: absolute;
    right: 0;
    top: calc(50% - 62px);
    background: url(../images/qr.png) no-repeat;
    background-size: 100% 100%;
}

.payment .bx_sub_right .body_b_s_r:before {
    right: auto;
    left: -36px;
    border-radius: 0 99px 99px 0;
}

.payment .bx_sub_right {
    padding: 40px 0;
}

.bx_pay_date {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 33px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 5px 16px;
    color: rgba(255, 255, 255, 0.9);
    min-width: 107px;
    text-align: center;
}

.user_dash.payment:after {
    left: auto;
    right: calc(38% - 5px);
}
.user_dash.payment:before {
    mask-image: radial-gradient(circle 38px at 0 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 100% 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 100% 100%,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 0 100%,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 50% 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 81% 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 81% 100%,
                                transparent 0,
                                transparent 38px,
                                black 38px);
    -webkit-mask-image: radial-gradient(circle 38px at 0 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 100% 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 100% 100%,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 0 100%,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 81% 0,
                                transparent 0,
                                transparent 38px,
                                black 38px),
                radial-gradient(circle 38px at 81% 100%,
                                transparent 0,
                                transparent 38px,
                                black 38px);
}
#tab_pay li button {
    background: rgba(6, 20, 27, 0.25);
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border-radius: 12px;
    justify-content: center;
    padding: 41px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 500;
}

#tab_pay li {
    width: calc(50% - 8px);
}

#tab_pay {
    display: flex;
    gap: 16px;
    border: none;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 1px;
    padding-bottom: 37px;
    margin-bottom: 45px;
}

#tab_pay li button.active,#tab_pay li button:hover {
    box-shadow: 0 0 0 1px rgba(108, 237, 255, 1);
    background: rgba(24, 54, 62, 1);
}

.crypto_pay_tab .h_c_p_t {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.crypto_pay_tab .h_c_p_t>div {
    display: flex;
    align-items: center;
    gap: 16px;
}

.crypto_pay_tab .h_c_p_t>div .w_add span {
    color: rgba(104, 123, 137, 1);
    font-weight: 400;
}

.crypto_pay_tab .h_c_p_t>div .w_add p {
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    margin: 0;
    overflow-wrap: anywhere;
}

.crypto_pay_tab .h_c_p_t .btn_copy {
    border: 1px solid rgba(74, 92, 106, 1);
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    padding: 14px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 108px;
    justify-content: center;
}
.crypto_pay_tab .h_c_p_t .btn_copy:hover {
    border-color: rgba(108, 237, 255, 1);
}
.b_c_p_t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 18px 1px;
    padding-top: 44px;
    margin-top: 33px;
}

.b_c_p_t div {
    display: flex;
    align-items: center;
    gap: 16px;
}

.b_c_p_t .form-check-input:checked {
    background-color: rgba(246, 196, 147, 1);
    border-color: rgba(246, 196, 147, 1);
    background-blend-mode: exclusion;
}

.b_c_p_t .form-check-input {
    width: 24px;
    height: 24px;
    box-shadow: 0 0 0 1.5px rgb(246 196 147);
    background-color: transparent;
    outline: none;
    border: none;
}

.b_c_p_t .form-check label span {
    color: rgba(246, 196, 147, 1);
    font-size: 14px;
    font-weight: 500;
}

.b_c_p_t .form-check label p {
    margin: 0;
    color: rgba(104, 123, 137, 1);
    font-size: 14px;
    font-weight: 400;
}

.b_c_p_t>div {
    width: 50%;
}

.b_c_p_t>a {
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 20px;
}

.pay_mtd {
    padding: 0 28px 20px 28px;
}
.card_pay_tab .h_ca_p_t {
    display: flex;
    justify-content: end;
}

.card_pay_tab .h_ca_p_t a {
    border: 1px solid rgba(74, 92, 106, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    padding: 14px 36px;
    transition: all 0.3s;
}

.card_pay_tab .h_ca_p_t a:hover {
    border-color: rgba(108, 237, 255, 1);
}

.pay_list_card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bx_p_l_card {
    background: rgba(6, 20, 27, 0.25);
    border-radius: 12px;
    padding: 24px 24px 24px 80px;
    border: 1px solid rgba(74, 92, 106, 1);
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.bx_p_l_card input[type="radio"] {
    display: none;
}
.bx_p_l_card.active,.bx_p_l_card:hover {
    border-color: rgba(108, 237, 255, 1);
    background-color: rgba(24, 54, 62, 1);
}

.bx_p_l_card p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
}

.bx_p_l_card .ca_name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
}

.pay_list_card {margin: 14px 0;}

.bx_p_l_card:before {
    content: '';
    position: absolute;
    left: 20px;
    background-color: rgba(74, 92, 106, 1);
    border: 2px solid rgba(74, 92, 106, 1);
    padding: 5px;
    background-clip: content-box;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    transition: all 0.3s;
}

.bx_p_l_card.active:before,.bx_p_l_card:hover:before {
    background-color: rgba(108, 237, 255, 1);
    border-color: rgba(108, 237, 255, 1);
}

.btn-outline-custom {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: center;
    align-self: center;
    gap: 7px;
    padding: 14px 24px;
}

.btn-outline-custom:hover {
    border-color: rgba(108, 237, 255, 1);
}

.list_cards {
    padding: 0 28px 35px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.list_cards .bx_card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 12px;
    padding: 24px;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(4, 1fr);
}

.list_cards .bx_card p {
    font-size: 14px;
    margin: 0;
    line-height: 15px;
}

.list_cards .bx_card .ca_name {
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.list_cards .bx_card .end_fth {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: end;
}

.list_cards .bx_card .end_fth p {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}

.list_cards .bx_card .end_fth a.def {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 8px 16px;
    transition: all 0.3s;
}
.list_cards .bx_card .end_fth a.def:hover {
    transform: scale(0.9);
    border-color: rgba(108, 237, 255, 1);
}
.b_status.deactive {color: rgba(255, 59, 106, 1);}

.list_cards .bx_card:nth-child(even) {
    background: rgba(6, 20, 27, 0.12);
    border-color: rgba(6, 20, 27, 0.12);
}

.b_status.deactive span {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23FF3B6A' fill-opacity='0.1'/%3E%3Ccircle cx='8.99958' cy='9.00056' r='5.78571' fill='%23FF3B6A' fill-opacity='0.2'/%3E%3Ccircle cx='9.00042' cy='8.99944' r='3.21429' fill='%23FF3B6A'/%3E%3C/svg%3E%0A");
}
.border_b {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 0px;
    margin-bottom: 32px;
}
.form_new_card .h_f_n_c .input input, .acc_info .input input, .acc_info .input select {
    padding-left: 60px;
    color: #fff;
}
.acc_info .input.phone {
    display: flex;
    padding: 27px;
    border-radius: 12px;
    border: 1.29px solid rgba(255, 255, 255, 0.12);
}

.acc_info .input.phone input,.acc_info .input.phone select {
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
}

.acc_info .input.phone input {
    width: 100%;
}

.frm_login.frm_modal .input.up_phone select {
    padding-left: 25px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    margin-left: 30px;
    background-position: left center;
    width: auto;
    margin-right: 10px;
    text-align: center;
}
.acc_info .input.phone select {
    padding-left: 25px !important;
    margin-left: 30px;
    background-position: left center;
    width: auto;
    margin-right: 10px;
    text-align: center;
}
.acc_info .input.phone:after {
    content: '';
    position: absolute;
    left: 57px;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.acc_info .input select option,.frm_login.frm_modal .input.up_phone select option {
    color: #000;
    padding: 0 !important;
}
.acc_info .input.country:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C16.982 3 21 7.018 21 12C21 16.982 16.982 21 12 21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21C7.018 21 3 16.982 3 12C3 7.018 7.018 3 12 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1685 4.05975C7.27848 8.88475 7.27848 15.1158 10.1685 19.9408C11.0145 21.3538 12.9875 21.3538 13.8335 19.9408C16.7235 15.1158 16.7235 8.88475 13.8335 4.05975C12.9865 2.64675 11.0145 2.64675 10.1685 4.05975Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.input.country:after {
    content: '';
    position: absolute;
    right: 24px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form_new_card .h_f_n_c .input {
    position: relative;
    margin-bottom: 12px;
}

.form_new_card .h_f_n_c .input:before, .acc_info .input:before {
    content: '';
    position: absolute;
    left: 24px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
}

.form_new_card .h_f_n_c .input.name:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19.9996C5 17.4996 7 15.5996 9.4 15.5996H14.5C17 15.5996 18.9 17.5996 18.9 19.9996' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9995 5.2C16.6995 6.9 16.6995 9.6 14.9995 11.2C13.2995 12.8 10.5995 12.9 8.9995 11.2C7.3995 9.5 7.2995 6.8 8.9995 5.2C10.6995 3.6 13.2995 3.6 14.9995 5.2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.form_new_card .h_f_n_c .input.cr_card:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.57 13H7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 19H6C5.20435 19 4.44129 18.6839 3.87868 18.1213C3.31607 17.5587 3 16.7956 3 16V8C3 7.20435 3.31607 6.44129 3.87868 5.87868C4.44129 5.31607 5.20435 5 6 5H18C18.7956 5 19.5587 5.31607 20.1213 5.87868C20.6839 6.44129 21 7.20435 21 8V16C21 16.7956 20.6839 17.5587 20.1213 18.1213C19.5587 18.6839 18.7956 19 18 19Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.form_new_card .h_f_n_c .input.cvc:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 17H7C4.239 17 2 14.761 2 12V12C2 9.239 4.239 7 7 7H17C19.761 7 22 9.239 22 12V12C22 14.761 19.761 17 17 17Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.244 11.999C18.244 11.864 18.135 11.755 18 11.756C17.865 11.756 17.756 11.865 17.756 12C17.756 12.135 17.865 12.244 18 12.244C18.135 12.244 18.244 12.135 18.244 11.999' stroke='white' stroke-width='1.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.244 11.999C14.244 11.864 14.135 11.755 14 11.756C13.865 11.756 13.756 11.865 13.756 12C13.756 12.135 13.865 12.244 14 12.244C14.134 12.244 14.244 12.135 14.244 11.999' stroke='white' stroke-width='1.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.244 11.999C10.244 11.864 10.135 11.755 10 11.756C9.865 11.756 9.756 11.865 9.756 12C9.756 12.135 9.865 12.244 10 12.244C10.134 12.244 10.244 12.135 10.244 11.999' stroke='white' stroke-width='1.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.244 11.999C6.244 11.864 6.135 11.755 6 11.756C5.865 11.756 5.756 11.865 5.756 12C5.756 12.135 5.865 12.244 6 12.244C6.134 12.244 6.244 12.135 6.244 11.999' stroke='white' stroke-width='1.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.form_new_card .h_f_n_c .input.date:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 3V5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 3V5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 9H19' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 10V7C19 5.343 17.657 4 16 4H6C4.343 4 3 5.343 3 7V16C3 17.657 4.343 19 6 19H10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3926 15.9824V17.7404L18.7746 18.5834' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 22C15.015 22 13 19.986 13 17.5C13 15.066 15.07 12.997 17.504 13C19.988 13.002 22 15.016 22 17.5C22 19.985 19.986 22 17.5 22' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.form_new_card .h_f_n_c {
    padding-bottom: 15px;
}

.add_f_n_c h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 24px;
}

.list_add_f_n_c .form-check {
    border: 1.29px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    background: rgba(255, 255, 255, 0.05);
}
.list_add_f_n_c .form-check.active {
    border-color: #fff;
    background-color: rgba(74, 92, 106, 1);
}
.list_add_f_n_c .form-check label {
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    padding: 24px 0 24px 32px;
    flex: 1;
}

.list_add_f_n_c .form-check .form-check-input {
    margin: 0;
    background: rgba(6, 20, 27, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 24px;
    height: 24px;
    box-shadow: none;
}

.list_add_f_n_c .form-check .form-check-input:checked[type=radio] {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 7px;
    background-clip: content-box;
}

.form_new_card button[type="submit"], .acc_info button[type="submit"] {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 16px 0;
    margin-top: 36px;
}

.list_add_f_n_c {
    margin-bottom: 20px;
}

.new_card {
    padding: 0 28px 35px;
}
.acc_stg .bx_left_profile {
    text-align: center;
}

.acc_stg .h_b_l_p {
    justify-content: center;
    margin-bottom: 12px;
}

.acc_stg .change_photo {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.acc_stg .change_photo .btn_file {
    background: rgba(74, 92, 106, 1);
    border: none;
    border-radius: 12px;
    color: #fff;
    padding: 19px 35px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.acc_stg .change_photo a {
    padding: 19px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
    border-radius: 12px;
}

.acc_info .input {
    margin-bottom: 12px;
    position: relative;
}

.acc_info .input.name:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19.9996C5 17.4996 7 15.5996 9.4 15.5996H14.5C17 15.5996 18.9 17.5996 18.9 19.9996' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9995 5.2C16.6995 6.9 16.6995 9.6 14.9995 11.2C13.2995 12.8 10.5995 12.9 8.9995 11.2C7.3995 9.5 7.2995 6.8 8.9995 5.2C10.6995 3.6 13.2995 3.6 14.9995 5.2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.acc_info .input.email:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12C16 14.209 14.209 16 12 16C9.791 16 8 14.209 8 12C8 9.791 9.791 8 12 8V8C14.209 8 16 9.791 16 12V13.5C16 14.881 17.119 16 18.5 16C19.881 16 21 14.881 21 13.5V12C21 7.029 16.971 3 12 3C7.029 3 3 7.029 3 12C3 16.971 7.029 21 12 21C13.149 21 14.317 20.782 15.444 20.315C16.052 20.063 16.614 19.747 17.133 19.386' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.acc_info .input.phone:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8561 13.1444C9.68615 11.9744 8.80415 10.6644 8.21815 9.33536C8.09415 9.05436 8.16715 8.72536 8.38415 8.50836L9.20315 7.69036C9.87415 7.01936 9.87415 6.07036 9.28815 5.48436L8.11415 4.31036C7.33315 3.52936 6.06715 3.52936 5.28615 4.31036L4.63415 4.96236C3.89315 5.70336 3.58415 6.77236 3.78415 7.83236C4.27815 10.4454 5.79615 13.3064 8.24515 15.7554C10.6941 18.2044 13.5551 19.7224 16.1681 20.2164C17.2281 20.4164 18.2971 20.1074 19.0381 19.3664L19.6891 18.7154C20.4701 17.9344 20.4701 16.6684 19.6891 15.8874L18.5161 14.7144C17.9301 14.1284 16.9801 14.1284 16.3951 14.7144L15.4921 15.6184C15.2751 15.8354 14.9461 15.9084 14.6651 15.7844C13.3361 15.1974 12.0261 14.3144 10.8561 13.1444Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.acc_info .input.house:before,.frm_login .input.house_2:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99609 14.1432L7.99859 8.99805L14.0011 14.1432' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1434 21.003V8.99805H10.5703V11.199' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49805 21.0026V16.7148H9.4993V21.0026' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.85372 13.4082V21.0034' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0044 21.0022H1.99609' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4963 18.002V21.0032' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='17.002' y='10.998' width='5.00208' height='7.00292' rx='2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17.0018' cy='4.99693' r='2.00083' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.acc_info .input.zipcode:before,.frm_login .input.zipcode:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99776 21.0036H5.99734C4.3398 21.0036 2.99609 19.6599 2.99609 18.0024V17.002' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.002 2.99609H18.0024C19.6599 2.99609 21.0036 4.3398 21.0036 5.99734V6.99776' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.99609 6.99776V5.99734C2.99609 4.3398 4.3398 2.99609 5.99734 2.99609H6.99776' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0036 17.002V18.0024C21.0036 19.6599 19.6599 21.0036 18.0024 21.0036H17.002' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.99805 11.9986V8.99734C5.99805 7.3398 7.34175 5.99609 8.9993 5.99609H15.0018C16.6593 5.99609 18.003 7.3398 18.003 8.99734V11.9986' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.003 15C18.003 16.6575 16.6593 18.0013 15.0018 18.0013H8.9993C7.34175 18.0013 5.99805 16.6575 5.99805 15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.99707 11.9983H21.0042' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.acc_info .input.city:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9999 21.0037V9.82708C10.9998 9.29647 10.7889 8.78763 10.4137 8.41249L6.99825 4.99707L3.58283 8.41249C3.20757 8.78763 2.9967 9.29647 2.99658 9.82708V21.0037' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99826 12V20.0033' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.17725 8.99923H10.8174' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99826 2.99609V4.99693' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.001 21.0036V11.0674C14.0011 10.7394 14.162 10.4323 14.4317 10.2455C14.7013 10.0587 15.0454 10.0159 15.3525 10.131L20.3546 12.0068C20.745 12.1532 21.0037 12.5263 21.0039 12.9432V21.0036' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0044 21.0041H1.99609' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.502 15.0012H18.5028' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.502 18.0022H18.5028' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.acc_info button[type="submit"] {
    margin-top: 10px;
}

.acc_info {
    padding: 0 28px 20px;
}
#support .modal-content {background: rgba(17, 33, 45, 1);border-radius: 21px;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0px 21px 28.8px 0px rgba(0, 0, 0, 0.52);position: relative;padding-top: 47px;}

#support .modal_icon {
    width: 88px;
    height: 88px;
    background: rgba(255, 59, 106, 1);
    border-radius: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: calc(50% - 44px);
    top: -44px;
     /* ضخامت border را اینجا تعیین کنید */
    background-image: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='44' cy='44' r='44' fill='%23FF3B6A'/%3E%3Ccircle cx='44' cy='44' r='43.25' stroke='url(%23paint0_linear_9_9)' stroke-opacity='0.62' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9_9' x1='44' y1='0' x2='44' y2='88' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

#support .modal-header .modal-title {
    font-size: 16px;
    font-weight: 700;
    padding-left: 22px;
    border-left: 5px solid rgba(255, 59, 106, 1);
    line-height: 37px;
}

#support .modal-header {
    border: none;
}

.sup_modal p {
    color: rgba(104, 123, 137, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.sup_modal .social {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sup_modal .social>a {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sup_modal .social>a .icon {
    background: rgba(37, 55, 69, 1);
    height: 56px;
    width: 56px;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sup_modal .social>a span {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.4);
}

.sup_modal .social>a p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

#support .modal-header .btn-close {
    filter: invert(1);
    opacity: 1;
    margin-top: -110px;
}
.modal-backdrop.show {
    opacity: 0.72;
}
.right_h_p {
    display: flex;
    align-items: center;
    gap: 17px;
}

.right_h_p .dropdown>button {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 58px;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    padding: 6px;
    transform: unset !important;
}

.right_h_p .dropdown>button .num {
    background: rgba(255, 255, 255, 1);
    width: 32px;
    height: 32px;
    color: #000;
    display: inline-flex;
    border-radius: 32px;
    align-items: center;
    justify-content: center;
}

.right_h_p .dropdown>button:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    border: none;
}
.stat_pay {
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 44px;
}

.stat_pay>a {
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background: rgba(17, 33, 45, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.stat_pay .b_status span {
    width: 28px;
    height: 28px;
    background-size: 28px;
    background-repeat: no-repeat;
}
.stat_pay p {
    margin: 0;
}
.tbl_list_pay tbody tr td {
    padding: 32px;
}
.text-muted {
    color: rgba(155, 168, 171, 1) !important;
}
.table-responsive>.table {
    min-width: 850px;
}
.bx_foot .f_copy .social_f img {
    filter: brightness(1) grayscale(1);
    transition: all 0.3s;
    opacity: 0.4;
}

.bx_foot .f_copy .social_f a:hover img {
    filter: unset;
    opacity: 1;
}
.contact_f .bx_c_f:hover .icon {
    background: rgba(108, 237, 255, 1);
}
.contact_f .bx_c_f .icon img {
    transition:  all 0.3s;
}
.contact_f .bx_c_f:hover .icon img {
    filter: grayscale(100%) brightness(0%);
}
.bx_foot .f_app .link_app .btn {
    background: rgba(37, 55, 69, 0.5);
    border: none;
    min-width: 150px;
}

.bx_foot .f_app .link_app .btn:hover {
    background: rgba(37, 55, 69, 1);
}
.search_panel {
    position: relative;
    width: 44px;
    height: 44px;
    transition: width 0.4s ease;
    overflow: hidden;
    background-color: #11212D;
    border-radius: 44px;
    direction: rtl;
}

.search_panel:hover {
    width: 200px;
}

.search_panel .srh_on_tbl {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.search_panel .search-input {
    width: 100%;
    padding-right: 40px;
    padding-left: 10px;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background-color: transparent;
    color: white;
    display: none;
    direction: ltr;
}

.search_panel:hover .search-input {
    display: block;
}
.sticky_top {
    position: sticky !important;
    top: 30px;
    transition: all 0.3s ease;
    animation: slideDown 0.5s ease-in-out;
    z-index: 999;
}
.btn-link:hover,.btn-link:focus,.btn-link:active {
    color: rgba(255, 59, 106, 1) !important;
}
.bx_panel_n {
    border: 1px solid #FFFFFF2E;
    border-radius: 20px;
    padding: 32px 36px;
}

.bx_panel_n .tit_page {
    margin-bottom: 46px;
}
.bx_panel_n .tit_page h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
}
.bx_dash {
    border-bottom: 1px solid #FFFFFF2E;
    padding-bottom: 38px;
    margin-bottom: 38px;
}

.bx_dash .left {
    gap: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}
.bx_dash .left>img {
    border: 1px solid #253745;
    padding: 2.57px;
    border-radius: 100%;
}
.bx_dash .left .user_fname {
    font-size: 19px;
    font-weight: 600;
    line-height: 31px;
    margin-bottom: 4px;
}

.bx_dash .left a.user_link {
    color: #CCD0CF;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
    display: block;
}

.bx_dash .left .user_actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.bx_dash .left .user_actions a {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #11212D;
    border-radius: 44px;
}

.bx_dash .right {
    gap: 60px;
    display: flex;
}

.bx_dash .right span {
    color: #687B89;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 21px;
    margin-bottom: 4px;
}

.bx_dash .right p {
    font-size: 20px;
    line-height: 31px;
    margin: 0;
    font-weight: 400;
}

.bx_dash .foot, .act_setting .f_act_s {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 18px;
    position: relative;
}
.bx_dash .foot:before, .act_setting .f_act_s:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 10%;
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.18);
}
.bx_dash .foot p,.act_setting .f_act_s p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    background-repeat: no-repeat;
    padding-left: 32px;
}

.bx_dash .foot p.mail,.act_setting .f_act_s p.mail {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 10C13.3333 11.8408 11.8408 13.3333 10 13.3333C8.15917 13.3333 6.66667 11.8408 6.66667 10C6.66667 8.15917 8.15917 6.66667 10 6.66667V6.66667C11.8408 6.66667 13.3333 8.15917 13.3333 10V11.25C13.3333 12.4008 14.2658 13.3333 15.4167 13.3333C16.5675 13.3333 17.5 12.4008 17.5 11.25V10C17.5 5.8575 14.1425 2.5 10 2.5C5.8575 2.5 2.5 5.8575 2.5 10C2.5 14.1425 5.8575 17.5 10 17.5C10.9575 17.5 11.9308 17.3183 12.87 16.9292C13.3767 16.7192 13.845 16.4558 14.2775 16.155' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_dash .foot p.phone,.act_setting .f_act_s p.phone {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.04646 10.9533C8.07146 9.97831 7.33646 8.88664 6.84813 7.77914C6.7448 7.54497 6.80563 7.27081 6.98646 7.08997L7.66896 6.40831C8.22813 5.84914 8.22813 5.05831 7.7398 4.56997L6.76146 3.59164C6.11063 2.94081 5.05563 2.94081 4.4048 3.59164L3.86146 4.13497C3.24396 4.75247 2.98646 5.64331 3.15313 6.52664C3.5648 8.70414 4.8298 11.0883 6.87063 13.1291C8.91146 15.17 11.2956 16.435 13.4731 16.8466C14.3565 17.0133 15.2473 16.7558 15.8648 16.1383L16.4073 15.5958C17.0581 14.945 17.0581 13.89 16.4073 13.2391L15.4298 12.2616C14.9415 11.7733 14.1498 11.7733 13.6623 12.2616L12.9098 13.015C12.729 13.1958 12.4548 13.2566 12.2206 13.1533C11.1131 12.6641 10.0215 11.9283 9.04646 10.9533Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_dash .foot p.cunt,.act_setting .f_act_s p.cunt {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.5C14.1517 2.5 17.5 5.84833 17.5 10C17.5 14.1517 14.1517 17.5 10 17.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 17.5C5.84833 17.5 2.5 14.1517 2.5 10C2.5 5.84833 5.84833 2.5 10 2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47324 3.38313C6.06491 7.40396 6.06491 12.5965 8.47324 16.6173C9.17824 17.7948 10.8224 17.7948 11.5274 16.6173C13.9357 12.5965 13.9357 7.40396 11.5274 3.38313C10.8216 2.20562 9.17824 2.20562 8.47324 3.38313Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 10.0007H17.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_dash .foot p.adr,.act_setting .f_act_s p.adr {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66309 11.7876L6.66517 7.5L11.6673 11.7876' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9528 17.5042V7.5H8.80859V9.3341' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.41455 17.5028V13.9297H7.91559V17.5028' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.37729 11.1738V17.5031' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3367 17.5028H1.66309' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2464 15.002V17.503' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='14.168' y='9.16602' width='4.1684' height='5.83576' rx='2.0842' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='14.1683' cy='4.16541' rx='1.66736' ry='1.66736' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_dash .foot p:last-child,.act_setting .f_act_s p:last-child {
    padding-right: 0;
    border: none;
}

.bx_panel_n .bx_h_panel {
    padding: 0;
    margin-bottom: 26px;
}

.tbl_panel_n thead th {
    border-bottom: 1px solid #FFFFFF2E;
    background: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.tbl_panel_n td {
    background: none;
    color: #fff;
    font-size: 14px;
    border: none;
    vertical-align: middle;
}

.tbl_panel_n tbody tr {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 10px 1px;
}
.tbl_panel_n tbody tr td {
    transition: all 0.3s;
}
.tbl_panel_n tbody tr:hover td {
    transform: scale(1.05);
}
.tbl_panel_n tbody tr:last-child {
    background: none;
}
.side_n_panel.new .side_menu {
    border: 1px solid #FFFFFF2E;
    border-radius: 20px;
    padding: 40px 0 20px 0;
    margin: 0 0 30px;
}

.side_n_panel.new .side_menu>p {
    font-size: 14px;
    font-weight: 500;
    color: #687B89CC;
    padding-left: 26px;
}

.side_n_panel.new .side_menu ul.menu_list li a.active, .side_n_panel.new .side_menu ul.menu_list li a:hover {
    background: #FFFFFF0D;
    color: #fff;
    box-shadow: inset 5px 0 0 0 #6CEDFF;
}

.side_n_panel.new .side_menu ul.menu_list li a {
    border-radius: 0;
    font-weight: 700;
    color: #687B89CC;
}

.side_n_panel.new .side_menu>a.logout {
    color: #FF3B6A;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 22px;
    display: block;
    transition: all 0.3s;
}
.side_n_panel.new .side_menu>a.logout:hover {
    transform: scale(0.95);
}
.side_n_panel.new .side_invite,.f_n_panel .side_invite {
    background: none;
    border: 1px solid #FFFFFF2E;
}
.side_n_panel.new {
    margin-bottom: 30px;
}
.bx_h_panel.new .right_h_p .dropdown>button {
    background: none;
}
.mange_sub_head_ext {
    display: flex;
    flex-direction: column;
}

.mange_sub_head_ext .c_pack {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mange_sub_head_ext .c_pack .b_status {
    min-width: 106px;
}
.mange_sub_head_ext .c_pack>div:first-child {
    display: flex;
    align-items: center;
    gap: 32px;
}

.mange_sub_head_ext .c_pack>div:first-child div>span {
    color: #687B89;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    display: inline-block;
}

.mange_sub_head_ext .c_pack>div:first-child img {
    background: #11212D;
    width: 56px;
    height: 56px;
    padding: 16px;
    border-radius: 56px;
}

.mange_sub_head_ext .c_pack>div:first-child div>p {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}

.mange_sub_head_ext .c_pack>div:first-child div>p>span {
    font-size: 12px;
}

.us_pass_sub {
    display: flex;
    align-items: center;
    margin-top: 32px;
    justify-content: space-between;
    padding-bottom: 38px;
    margin-bottom: 38px;
    border-bottom: 1px solid #FFFFFF2E
}

.us_pass_sub .bx_u_p_sub {
    display: flex;
    align-items: start;
    gap: 32px;
}

.us_pass_sub .bx_u_p_sub>img {background: #6CEDFF;width: 56px;height: 56px;padding: 16px;border-radius: 56px;}

.bx_spm_p span {
    color: #687B89;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    display: inline-block;
}

.bx_spm_p p {font-size: 20px;font-weight: 400;line-height: 31px;margin: 0;}

.us_pass_sub>div:last-child {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-repeat: repeat-y;
    background-size: 1px 18px;
    padding-left: 45px;
}

.bx_spm_p {
    margin-bottom: 32px;
}
.bx_spm_p:last-child {
    margin-bottom: 0;
}
.us_pass_sub .bx_u_p_sub a {
    border: 1px solid rgba(74, 92, 106, 1);
    border-radius: 12px;
    line-height: 22px;
    padding: 14px;
    display: block;
    transition: all 0.3s;
}
.us_pass_sub .bx_u_p_sub a:hover {
    transform: scale(0.9);
    border-color: rgba(108, 237, 255, 1);
}
.text_warning {
    color: #F6C493 !important;
}

.text_danger {
    color: #FF3B6A !important;
}
.bx_panel.new {
    padding: 0;
    background: none;
}
.bx_panel.new .bill_cycle {
    padding: 0 0 34px 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 1px;
}
.bx_panel.new .bill_cycle .bx_bill_c {
    border: 1px solid #FFFFFF59;
    background: #06141B33;
}
.bx_panel.new .bill_cycle .bx_bill_c:not(.select):hover {
    border: 1px solid #FFFFFF;
    box-shadow: none;
}
.bill_cycle .bx_bill_c.active {
    border: 1px solid #FFFFFF1A;
    opacity: 0.6;
}
.user_payment_sub {
    border-bottom: 1px solid #FFFFFF2E;
    padding-bottom: 38px;
    margin-bottom: 38px;
}
.user_payment_sub .bx_sub_right {
    position: relative;
}
.user_payment_sub .bx_sub_right:after {
    content: '';
    position: absolute;
    right: -25%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-repeat: repeat-y;
    background-size: 1px 18px;
    width: 1px;
}
.pay_mtd.new {
    padding: 0;
}
.pay_mtd.new #tab_pay li button {
    border: 1px solid #FFFFFF2B;
}
.bx_panel.new .list_cards {
    padding: 0;
}
.bx_panel.new .list_cards .bx_card {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    background-color: transparent;
    border: none;
}
.bx_panel.new .list_cards .bx_card:last-child {
    background: none;
}
.bx_panel.new.bx_credit_cards .bx_h_panel {
    border-bottom: 1px solid #4A5C6A;
    padding-bottom: 16px;
}
.bx_panel.new .new_card {
    padding: 0;
}
.form-control.new,.form-select.new {
    background: none;
}
.list_add_f_n_c.new .form-check {
    background: none;
    transition: all 0.3s;
    cursor: pointer;
}
.list_add_f_n_c.new .form-check.active,.list_add_f_n_c.new .form-check:hover {
    border-color: rgba(108, 237, 255, 1);
    background-color: rgba(24, 54, 62, 1);
}
.list_add_f_n_c.new .form-check .form-check-input:checked[type=radio] {
    border-color: rgba(108, 237, 255, 1);
    background-color: rgba(108, 237, 255, 1);
}
.bx_panel.new.bx_credit_cards.bx_add_c_c .bx_h_panel {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 18px 1px;
    border: none;
}
.act_setting .h_act_s {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 33px;
}

.act_setting .h_act_s>div {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.act_setting .h_act_s>div:last-child {
    gap: 60px;
}

.act_setting .h_act_s .n_i_u_r h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 31px;
    margin-bottom: 4px;
}

.act_setting .h_act_s .n_i_u_r p {
    color: rgba(204, 208, 207, 1);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 18px;
}

.act_setting .h_act_s .n_i_u_r .btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.act_setting .h_act_s .n_i_u_r .btns .up_photo {
    background: rgba(74, 92, 106, 1);
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    padding: 15px 33px;
    border-radius: 12px;
}
.act_setting .h_act_s .n_i_u_r .btns a,.h_act_s_mob .btns .up_photo,.h_act_s_mob .btns a:last-child {
    transition: all 0.3s;
}
.act_setting .h_act_s .n_i_u_r .btns a:hover,.h_act_s_mob .btns .up_photo:hover,.h_act_s_mob .btns a:last-child:hover {
    transform: scale(0.9);
}
.act_setting .h_act_s .n_i_u_r .btns a:last-child {
    padding: 15px;
    height: 49px;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(74, 92, 106, 1);
    display: flex;
    align-items: center;
}
.act_setting .h_act_s .n_i_u_r .btns a:last-child:hover {
    box-shadow: 0 0 0 1px rgba(108, 237, 255, 1);
}
.h_act_s_mob .btns a:last-child:hover {
    border-color: rgba(108, 237, 255, 1);
}
.act_setting .h_act_s .sub_id span {
    color: rgba(104, 123, 137, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.act_setting .h_act_s .sub_id p {
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
}

.act_setting .h_act_s a.ch_pass {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.act_setting .h_act_s a.ch_pass img {
    width: 44px;
    height: 44px;
    background: rgba(17, 33, 45, 1);
    border-radius: 44px;
    padding: 10px;
}

.f_act_s {
    display: flex;
}

.act_setting {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    padding-bottom: 38px;
    margin-bottom: 38px;
}

.acc_info.new {
    padding: 0;
}
#support .modal-content.new {
    position: relative;
    backdrop-filter: blur(8px);
    background: none;
}
#support .modal-content.new:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg_dash.png);
    z-index: -1;
    opacity: 1;
    border-radius: 21px;
}
.filter_tbl ul.dropdown-menu {
    backdrop-filter: blur(43.5px);
    box-shadow: 0px 18px 15.9px 0px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(37, 59, 76, 0.38);
    border-radius: 12px;
    color: rgba(255, 255, 255, 1);
    min-width: 290px;
}

.filter_tbl ul.dropdown-menu li p {
    color: rgba(255, 255, 255, 0.35);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 10px 0;
}

.filter_tbl ul.dropdown-menu li {
    padding-left: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
    cursor: pointer;
}

.filter_tbl ul.dropdown-menu li .form-check {
    position: relative;
    margin: 0;
    padding: 14px 0 14px 24px;
    display: flex;
    justify-content: space-between;
}

.filter_tbl ul.dropdown-menu li .form-check label {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    flex: 1;
}

.filter_tbl ul.dropdown-menu li:last-child {
    border: none;
}

.filter_tbl ul.dropdown-menu li:hover:not(:first-child) {
    background: none;
}

.filter_tbl ul.dropdown-menu li .form-check .form-check-input {
    float: none;
    margin: 0;
    border: 1px solid rgba(67, 79, 89, 1);
    background: no-repeat;
}

.filter_tbl ul.dropdown-menu li .form-check:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.filter_tbl ul.dropdown-menu li .form-check.txt_id:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.666L4.66667 13.3327M4.66667 13.3327L7.33333 10.666M4.66667 13.3327V2.66602M11.3333 13.3327V9.33268H10M10 13.3327H12.6667M11.3333 2.66602C12.0697 2.66602 12.6667 3.26297 12.6667 3.99935V5.33268C12.6667 6.06906 12.0697 6.66602 11.3333 6.66602C10.597 6.66602 10 6.06906 10 5.33268V3.99935C10 3.26297 10.597 2.66602 11.3333 2.66602Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.filter_tbl ul.dropdown-menu li .form-check.p_m:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.666L4.66667 13.3327M4.66667 13.3327L7.33333 10.666M4.66667 13.3327V2.66602M13.3333 5.33268H10M10 6.66602V4.33268C10 3.89065 10.1756 3.46673 10.4882 3.15417C10.8007 2.84161 11.2246 2.66602 11.6667 2.66602C12.1087 2.66602 12.5326 2.84161 12.8452 3.15417C13.1577 3.46673 13.3333 3.89065 13.3333 4.33268V6.66602M10 9.33268H13.3333L10 13.3327H13.3333' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.filter_tbl ul.dropdown-menu li .form-check.amount:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3337 6.66732C13.3337 9.99598 9.64099 13.4627 8.40099 14.5333C8.28547 14.6202 8.14486 14.6672 8.00033 14.6672C7.85579 14.6672 7.71518 14.6202 7.59966 14.5333C6.35966 13.4627 2.66699 9.99598 2.66699 6.66732C2.66699 5.25283 3.2289 3.89628 4.22909 2.89608C5.22928 1.89589 6.58584 1.33398 8.00033 1.33398C9.41481 1.33398 10.7714 1.89589 11.7716 2.89608C12.7718 3.89628 13.3337 5.25283 13.3337 6.66732Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00033 8.66732C9.10489 8.66732 10.0003 7.77189 10.0003 6.66732C10.0003 5.56275 9.10489 4.66732 8.00033 4.66732C6.89576 4.66732 6.00033 5.56275 6.00033 6.66732C6.00033 7.77189 6.89576 8.66732 8.00033 8.66732Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.filter_tbl ul.dropdown-menu li .form-check.p_d:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_639_7286)'%3E%3Cpath d='M7.99967 4.00065V8.00065L5.33301 9.33398M14.6663 8.00065C14.6663 11.6826 11.6816 14.6673 7.99967 14.6673C4.31778 14.6673 1.33301 11.6826 1.33301 8.00065C1.33301 4.31875 4.31778 1.33398 7.99967 1.33398C11.6816 1.33398 14.6663 4.31875 14.6663 8.00065Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_639_7286'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.filter_tbl ul.dropdown-menu li.txt_only {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}

.filter_tbl ul.dropdown-menu li .form-check-input:checked[type=radio],.filter_tbl ul.dropdown-menu li:hover .form-check-input {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%236CEDFF'/%3E%3Crect x='4' y='4' width='8' height='8' rx='4' fill='%236CEDFF'/%3E%3C/svg%3E%0A");
    border: none;
}
.filter_tbl .dropdown>button:after {
    display: none;
}
.search_panel.new {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}

.search_panel.new .srh_on_tbl {
    position: unset;
    transform: unset;
    background: none;
}

.search_panel.new  .search-input {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(164, 176, 185, 0.5);
}
.c_modal .modal-content {
    box-shadow: 0px 21px 28.8px 0px rgba(8, 22, 29, 0.93);
    backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(17, 33, 45, 0.8);
    border-radius: 21px;
    padding: 35px;
    position: relative;
    backdrop-filter: blur(4px);
    background: none;
}
.c_modal .modal-content:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg_dash.png);
    z-index: -1;
    opacity: 1;
    border-radius: 21px;    
}
.c_modal .modal-header {
    box-shadow: -5px 0 0 0 rgba(255, 59, 106, 1);
    border-radius: 0;
    padding: 0 0 0 17px;
    font-size: 24px;
    font-weight: 700;
    border: none;
    margin-bottom: 40px;
}

.c_modal .modal-header .btn-close {
    position: absolute;
    right: 16px;
    top: 20px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8L16 16' stroke='white' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 8L8 16' stroke='white' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    padding: 0;
}

.c_modal .modal-header .modal-title {
    line-height: 25px;
}

.c_modal .modal-body {
    padding: 0;
    border: none;
}
.frm_login.frm_modal {
    margin: 0;
}

.frm_modal .form-control {
    border: 1.29px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 23, 30, 0.7);
    padding-top: 24px;
    padding-bottom: 24px;
}
.frm_modal .form-control:-internal-autofill-selected,
.frm_modal .form-control:-webkit-autofill,
.frm_modal .form-control:-webkit-autofill:focus,
.frm_modal .form-control:-webkit-autofill:hover,
.frm_modal .form-control:-webkit-autofill:active,
.frm_modal .form-select:-internal-autofill-selected,
.frm_modal .form-select:-webkit-autofill:focus,
.frm_modal .form-select:-webkit-autofill:hover,
.frm_modal .form-select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 40px #08161d inset !important;
    box-shadow: 0 0 0px 40px #08161d inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}
.frm_modal button[type="submit"],.frm_modal .btn_submit {
    padding: 20px;
}

.txt_login_modal {
    margin-top: 38px;
    text-align: center;
}

.txt_login_modal p {
    font-weight: 300;
    font-size: 16px;
    color: rgba(204, 208, 207, 1);
    margin: 0;
}

.txt_login_modal p a {
    font-weight: 400;
    color: #fff;
}
.input.up_phone {
    display: flex;
    border: 1.29px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 23, 30, 0.7);
    border-radius: 12px;
}

.input.up_phone>button {
    transform: none;
    border: none;
    padding-left: 24px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-right: 0;
    margin-right: 8px;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-top: 0;
    padding-bottom: 0;
    background: none !important;
}

.input.up_phone>button:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    border: none;
    top: calc(50% - 8px);
    position: absolute;
    left: 60px;
}

.input.up_phone>button>img {
    width: 30px;
    height: 30px;
    border-radius: 20px;
}
.input.up_phone .dropdown-menu {
    background: rgba(30, 47, 60, 1);
    width: 100%;
    height: 250px;
    overflow: auto;
    border: 1.29px solid rgba(255, 255, 255, 0.12);
}
.input.up_phone .dropdown-menu li a.c_active:after {
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.input.up_phone .dropdown-menu li a {
    display: flex;
    gap: 10px;
    padding: 15px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    position: relative;
}

.input.up_phone .dropdown-menu li a img {
    border-radius: 30px;
    height: 30px;
    width: 30px;
}

.input.up_phone .dropdown-menu li {
    padding: 0 11px;
}

.input.up_phone .dropdown-menu li a:hover {
    background: rgb(24 38 48);
}

.input.up_phone .dropdown-menu li .search-input {
    color: rgba(255, 255, 255, 1);
    background: none;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0002 21L16.7002 16.7M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding-left: 36px;
    background-position: left center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
}

.input.up_phone .dropdown-menu li .search-input input {
    background: none;
    border: none;
    padding: 22px 0;
    width: 100%;
    outline: none;
    color: #fff;
}
.frm_login .input.active:after {
    content: '';
    position: absolute;
    right: 24px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background: #f11;
    border-radius: 24px;
    background-color: rgba(108, 237, 255, 1);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3332 4.95508L5.99984 12.2884L2.6665 8.95508' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.frm_login .input.disable {
    pointer-events: none;
    opacity: 0.4;
}
.wizard-step {
    display: none;
}
.wizard-step.active {
    display: block;
}
.input.country-selector .country-input {
    display: none;
}

.input.country-selector button {
    width: 100%;
    padding: 24px;
}

.input.country-selector button:after {
    left: auto;
    right: 24px;
}
.input.country-selector.active button:after {
    right: 50px;
}
.profile_side_mob {
    text-align: center;
    margin-bottom: 20px;
}

.profile_side_mob>img {
    margin-bottom: 15px;
}

.profile_side_mob>h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.profile_side_mob>p {
    margin: 0;
    color: rgba(204, 208, 207, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}
.us_pass_sub.mob {
    display: none;
}
.list_r_pay {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.list_r_pay .bx_r_pay:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
.bx_r_pay {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.bx_r_pay span {
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 4px;
    display: block;
}

.bx_r_pay .num {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 196px;
}

.bx_r_pay .num>div:first-child {
    width: 47px;
    height: 42px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.bx_r_pay p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}
.list_cards_mob {
    display: flex;
    flex-direction: column;
}

.list_cards_mob .bx_card_mob {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.list_cards_mob .bx_card_mob:last-child {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.list_cards_mob .bx_card_mob>div {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.list_cards_mob .bx_card_mob>div a.edit {
    position: absolute;
    right: 0;
    top: 0;
}

.list_cards_mob .bx_card_mob>div:first-child {
    padding-right: 40px;
}

.list_cards_mob .bx_card_mob>div p {
    margin: 0;
}

.bx_card_mob .ca_name {
    display: flex;
    gap: 12px;
    align-items: center;
}

.bx_card_mob .ca_name span {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
}

.list_cards_mob .bx_card_mob .set_d_card {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 12px;
    color: rgba(255, 255, 255, 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.3s;
}
.list_cards_mob .bx_card_mob .set_d_card:hover {
    transform: scale(0.9);
    border-color: rgba(108, 237, 255, 1);
}
.h_act_s_mob {
    display: flex;
    flex-direction: column;
}

.h_act_s_mob .avatar {
    display: flex;
    align-items: center;
    gap: 20px;
}

.h_act_s_mob .avatar h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.h_act_s_mob .avatar p {
    color: rgba(204, 208, 207, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
}

.h_act_s_mob .avatar img {
    width: 48px;
    height: 48px;
}

.h_act_s_mob .btns {
    display: flex;
    gap: 8px;
    width: 100%;
    margin-top: 20px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.h_act_s_mob .btns a:last-child {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
}

.h_act_s_mob .btns .up_photo {
    flex: 1;
    background: rgba(74, 92, 106, 1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.h_act_s_mob .sub_id span {
    color: rgba(104, 123, 137, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.h_act_s_mob .sub_id p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.h_act_s_mob .f_act_s {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.list_h_watch .bx_r_pay {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}

.list_h_watch .bx_r_pay>div:nth-child(1), .list_h_watch .bx_r_pay>div:nth-child(2) {
    grid-column: span 1;
}

.list_h_watch .bx_r_pay>div:nth-child(n+3) {
    grid-column: span 2;
}
.n_dash .content-body {
    padding-bottom: 60px;
}
.f_n_panel {
    padding-bottom: 20px;
}
.list_r_pay {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}
.sub_id_time_mob {
    align-items: center !important;
}

.sub_id_time_mob {
    justify-content: start !important;
    gap: 12px;
    margin-bottom: 32px;
}

.sub_id_time_mob>div {
    width: 100%;
}

.sub_id_time_mob>div .bx_u_p_sub {
    justify-content: space-between;
    margin: 0 !important;
}
.modal-backdrop {
    background: rgba(6, 20, 27, 0.5);
    backdrop-filter: blur(3px);
    opacity: 1 !important;
}
.frm_login.frm_modal .input.up_phone input,.frm_login.frm_modal .input.up_phone select {
    border: none;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.frm_login.frm_modal .input.up_phone input {
    width: 100%;
}

.frm_login.frm_modal .input.up_phone {
    padding: 27px;
}
.modal-open {
    padding-right: 0 !important;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (max-width:1400px){
    .bx_slide_hero {
        gap: 12px;
    }
    .bx_easy h2 {
        font-size: 50px;
    }
    .row_package:before {
        width: 250px;
    }
    .faq .tit h2 {
        font-size: 65px;
    }
    .bx_foot.one>.d-flex {
        gap: 20px;
    }
    ul.menu_f {
        gap: 20px;
    }
    .bx_foot .f_app {
        gap: 10px;
    }
    .f_site:before, .f_site:after {
        left: -155px;
    }
    .f_site:after {
        right: -155px;
        left: auto;
    }
    .bx_hero h1 {
        font-size: 68px;
    }
    .bx_left_profile a.change_pw, .bx_sub_dtl a.change_pw {
        gap: 8px;
    }
    .bx_left_profile .h_b_l_p .img {
        width: 60px;
    }
    .bx_dash .foot p, .act_setting .f_act_s p {
        padding-right: 22px;
        padding-left: 22px;
    }
    .us_pass_sub .bx_u_p_sub,.mange_sub_head_ext .c_pack>div:first-child {
        gap: 22px;
    }
    .us_pass_sub>div:last-child {
        padding-left: 15px;
    }
    .bill_cycle .bx_bill_c>div:last-child {
        gap: 10px;
        flex-direction: column-reverse;
        justify-content: end;
    }
    .bx_dash .right {
        gap: 50px;
    }
}
@media (max-width:1200px){
    .side_panel {
        left: -350px;
        background: url(../images/bg_dash.png);
    }
    body.dashboard {
        padding-left: 0;
    }
    .smarter .tit {
        font-size: 60px;
        line-height: 70px;
    }
    .easy:before {
        width: 35%;
        height: 600px;
    }
    .row_package:before {
        width: 220px;
        left: -80px;
    }
    .sofa {
        position: absolute;
        top: -180px;
        height: 450px;
        background-position: right bottom;
        background-size: 100% 100%;
    }
    .bx_foot {
        padding: 48px 10px 28px 10px;
    }
    .bx_foot .f_app .btn {
        padding: 0 10px;
    }
    .f_site:before, .f_site:after {
        display: none;
    }
    .bx_hero_ref:before, .bx_hero_ref:after {
        right: -140px;
    }
    .bx_hero_ref:after {
        left: -140px;
    }
    .bx_reff_code h2 {
        width: 85%;
    }
    .side_n_panel {
        position: fixed;
        left: -350px;
        width: 320px;
        background: url(../images/bg_dash.png);
        top: 0;
        overflow: auto;
        height: 100vh;
        transition: all 0.3s;
    }
    .side_n_panel.new .side_menu {
        border: none;
    }
}
@media (max-width:992px) {
    .hero_r,.hero_l {
        height: auto;
        width: auto;
        top: 5%;
    }
    .sec_tit_smarter .glass {
        position: unset;
        margin: 0 auto 28px;
    }
    .smarter .tit {
        width: 50%;
        margin: 0 auto 16px;
        text-align: center;
    }
    .bx_easy {
        margin-bottom: 60px;
        text-align: center;
    }
    .bx_easy .img_bx_easy {
        margin: 0 auto 25px;
    }
    .easy:before,.row_package:before,.sofa,.f_site:before, .f_site:after {
        display: none;
    }
    .bx_easy h2 {
        margin-bottom: 24px;
    }
    .bx_easy p.txt_desc {
        width: 100%;
    }
    .line_easy {
        padding: 58px 0;
        transform: unset;
    }
    .bx_serv .icon {
        margin-bottom: 16px;
        width: 32px;
    }
    .bx_serv h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }
    .bx_serv {
        margin-bottom: 32px;
    }
    .img_bx_sofa {
        margin: 0 auto 12px;
        width: 250px;
        height: auto;
    }
    .faq.faq_page .tit h2 {
        transform: unset;
    }
    .f_site {
        padding: 60px 0;
    }
    .bx_foot.one {
        margin-bottom: 8px;
    }
    .bx_foot {
        padding: 32px;
    }
    .smart_tab_sec .body .btns .btn {
        padding: 20px 5px;
    }
    .img_bx_pack {
        transform: rotate(25deg);
        width: 250px;
        height: auto;
        margin-top: -145px;
    }
    .col_faq .tit {
        margin-top: -90px;
    }
    .easy {
        padding: 64px 0 0;
    }
    .bx_package {
        margin: 0 8px;
        min-width: unset;
    }
    .bx_package .head_b_p .price {
        font-size: 44px;
        line-height: 47px;
    }
    .bx_package .head_b_p span {
        font-size: 24px;
        line-height: 30px;
    }
    .bx_package .buy a {
        padding: 20px 0;
        font-size: 12px;
    }
    .faq .img_bx_sofa_faq {
        margin-bottom: 12px;
    }
    .faq .tit p {
        margin: 0;
    }
    .bx_tabs_terms {
        margin-top: 24px;
    }
    .bx_hero_ref:before, .bx_hero_ref:after {
        right: -80px;
    }
    .bx_hero_ref:after {
        left: -80px;
    }
    .bx_hero_ref .txt_desc {
        width: 90%;
    }
    .invite_frnd .img_inv_fr {
        margin-top: 0;
        margin-bottom: 24px;
    }
    .bx_reff_code h2 {
        width: 100%;
        text-align: center;
    }
    .bx_reff_code p.txt_desc,.hero_login h1,.hero_login p.txt_desc {
        text-align: center;
    }
    .invite_frnd {
        padding-bottom: 55px;
    }
    .invite_frnd .img_inv_fr:before {
        width: 100%;
    }
    .hero_login.login:before {
        display: none;
    }
    .hero_login h1 {
        margin-top: 37px;
    }
    .hero_login .img_login,.hero_login.signup .img_signup {
        width: 280px;
    }
    .hero_login {
        padding: 40px 0;
    }
    .hero_login.signup p.txt_desc {
        width: 100%;
    }
    .user_dash:before {
        background-image: radial-gradient(circle 38px at 0 0,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 100% 0,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 100% 100%,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 0 100%,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 0% 38%,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 100% 38%,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px);
    background-size: 51% 31%, 52% 31%, 51% 31%, 51% 31%, 51% 40%, 51% 40%;;
    background-position: top left, top right, bottom right, bottom left, center left, center right;
    background-repeat: no-repeat;
    -webkit-background-image: radial-gradient(circle 38px at 0 0,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 100% 0,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 100% 100%,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 0 100%,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 0% 38%,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 100% 38%,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px);
    -webkit-background-size: 51% 31%, 52% 31%, 51% 31%, 51% 31%, 51% 40%, 51% 40%;
    -webkit-background-position: top left, top right, bottom right, bottom left, center left, center right;
    -webkit-background-repeat: no-repeat;
    }
    .bx_left_profile .btn-danger {
        margin: 0;
        padding: 16px 23px;
    }
    .bx_left_profile .h_b_l_p.mob {
        justify-content: start;
        gap: 18px;
    }
    .user_dash:after {
        content: '';
        position: absolute;
        left: calc(15% - 5px);
        top: 45%;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
        background-position: right;
        background-repeat: repeat-x;
        background-size: 18px 1px;
        width: 70%;
        height: 5px;
    }
    .bx_right_profile {
        margin-top: 105px;
    }
    .bx_right_profile>ul li {
        font-size: 14px;
        line-height: 15px;
    }
    .bx_right_profile>ul li:before {
        width: 18px;
        height: 18px;
        background-size: 100% 100%;
    }
    .bx_right_profile>ul li {
        padding-left: 26px;
    }
    .bx_left_profile .h_b_l_p.mob .img {
        width: 84px;
        height: 84px;
    }
    .bx_dash {
        gap: 0;
    }
    .bx_dash .left,.bx_dash .right {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-repeat: repeat-x;
        background-size: 18px 1px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .bx_dash .foot, .act_setting .f_act_s {
        flex-direction: column;
        gap: 16px;
        align-items: start;
    }
    .bx_dash .foot p, .act_setting .f_act_s p {
        border: none;
    }
    .bx_panel_n .bx_h_panel {
        flex-direction: column;
        gap: 24px;
    }
    ul#sub_tab {
        flex-direction: row;
        margin-bottom: 48px;
    }
    ul#sub_tab li {
        flex: 1;
    }
    .bx_panel.new {
        margin-bottom: 0;
    }
    .n_dash .content-body {
        padding-bottom: 20px;
    }
}
@media (max-width:768px) {
    .bx_hero h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 14px;
    }
    .bx_hero .subtit {
        font-size: 16px;
    }
    p.txt_desc {
        font-size: 14px;
        line-height: 23px;
    }
    .smarter .tit {
        font-size: 32px;
        font-weight: 700;
        line-height: 35px;
    }
    .smart_tab_sec .body>img,.smart_tab_sec>img {
        display: none;
    }
    .smart_tab_sec .body {
        padding-left: 0;
        padding-right: 0;
    }
    .smart_tab_sec {
        background: none;
        padding: 0;
        margin-top: 24px;
        min-height: auto;
    }
    .smart_tab_sec .body p {
        margin: 0 0 16px;
        text-align: center;
    }
    .smart_tab_sec .body .btns {
        flex-wrap: wrap;
        gap: 8px;
    }
    .bx_easy h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .list_easily {
        flex-direction: column;
        gap: 0;
    }
    .list_easily .bx_l_e:first-child {
        padding-bottom: 32px;
        margin-bottom: 32px;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-repeat: repeat-x;
        background-size: 30px 1px;
    }
    .tv_package .tit {
        position: relative;
        display: block;
        text-align: center;
    }
    .serv {
        background: rgba(37, 55, 69, 1);
        padding: 25px 0;
    }
    .bx_serv .btn {
        font-size: 12px;
    }
    .tv_package .sub_tit p, .faq .sub_tit p {
        font-size: 64px;
    }
    .faq .tit h2 {
        font-size: 32px;
        line-height: 35px;
    }
    .bx_foot.one>.d-flex {
        gap: 24px;
        flex-direction: column;
    }
    ul.menu_f {
        gap: 16px;
    }
    ul.menu_f li a {
        font-size: 14px;
    }
    .f_site {
        padding: 80px 0;
    }
    .img_bx_pack {
        transform: rotate(25deg);
        width: 180px;
        margin-top: -90px;
    }
    .img_bx_sofa {
        width: 170px;
    }
    .col_faq .tit {
        text-align: center;
    }
    .tv_package .tit {
        display: block;
        text-align: center;
    }
    .tv_package .tit h2 {
        font-size: 32px;
        font-weight: 700;
    }
    ul.list_fth_package li {
        font-size: 14px;
    }
    ul#smarter-tab li button.soon:before,.faq .sub_tit {
        display: none;
    }
    ul#smarter-tab li button {
        height: 70px;
    }
    .line_easy {
        background: url(../images/bg_line_mob.svg) repeat-x;
        background-size: auto 100%;
    }
    ul.list_fth_package {
        margin: 40px 0 16px;
    }
    .bx_package .head_b_p,ul.list_fth_package,.bx_package .buy {
        padding: 0 38px;
    }
    ul.list_fth_package li:before {
        left: auto;
        right: -50px;
    }
    ul.list_fth_package li:after {
        left: -50px;
        right: auto;
    }
    .hero {
        padding: 124px 0 40px;
    }
    .smart_tab_sec .body .btns .btn {
        padding: 20px 36px;
    }
    .faq.faq_page {
        padding: 50px 0;
    }
    .faq .img_bx_sofa_faq {
        height: 160px;
    }
    .faq {
        padding-top: 50px;
    }
    .line_ref {
        background: url(../images/bg_line_mob.svg) repeat-x;
        background-size: auto 100%;
        padding: 58px 0;
        transform: unset;
    }
    .bx_reff_code .steps {
        align-items: start;
        flex-direction: column;
        gap: 28px;
    }
    .bx_reff_code .frm_ref .controls button {
        padding: 22px 20px;
    }
    .invite_frnd .img_inv_fr:before {
        left: 13%;
        width: 80%;
    }
    .invite_frnd .img_inv_fr img {
        width: 100px;
    }
    .bx_reff_code h2 {
        font-size: 32px;
        line-height: 35px;
    }
    .bx_hero_ref>span {
        font-size: 16px;
    }
    .bx_hero_ref h1 {
        font-size: 32px;
        line-height: 41px;
    }
    .bx_hero_ref:before, .bx_hero_ref:after {
        right: 0;
        width: 53px;
    }
    .bx_hero_ref:after {
        left: 0;
    }
    .bx_hero_ref .stars {
        width: 50px;
        height: 24px;
    }
    .list_easily>div:last-child .bx_l_e {
        margin: 0;
        padding: 0;
        background: none;
    }
    .hero_login h1 br {
        display: none;
    }
    .hero_login h1 {
        font-size: 32px;
        line-height: 35px;
        transform: rotate(-1.74deg);
    }
    .hero_login .img_login,.hero_login.signup .img_signup {
        width: 177px;
    }
    .bx_sub_dtl p {
        font-size: 16px;
        line-height: 25px;
    }
    .bx_sub_dtl span {
        font-size: 12px;
        margin-bottom: 9px;
    }
    .bx_left_profile .btn-danger {
        padding: 10px 23px;
    }
    .pack_mob {
        padding-left: 0;
    }
    body:not(.dashboard) {
        padding-top: 50px;
    }
    #tab_smarter {
        background: none;
    }
    .right_h_p {
        flex-wrap: wrap;
        gap: 5px;
    }
    .bx_panel_n {
        padding: 22px 26px;
    }
    .n_dash .h_panel {
        padding-top: 0;
    }
    .bill_cycle .bx_bill_c {
        width: 100%;
    }
    .us_pass_sub.desk {
        display: none;
    }
    .us_pass_sub.mob {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .us_pass_sub.mob>div:first-child, .sub_id_time_mob>div>div:first-child {
        display: flex;
        justify-content: space-between;
    }
    .us_pass_sub.mob>div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: start;
    }
    .bx_u_p_sub .us_ps {
        display: flex;
        justify-content: space-between;
        gap: 25px;
    }
    .bx_u_p_sub .us_ps>img, .sub_id_time_mob>img {
        background: #6CEDFF;
        width: 56px;
        height: 56px;
        padding: 16px;
        border-radius: 56px;
    }
    .us_pass_sub.mob .bx_u_p_sub {
        margin-bottom: 32px;
    }
    .us_pass_sub.mob>div a {
        border: 1px solid #4A5C6A;
        border-radius: 12px;
        line-height: 22px;
        padding: 14px;
        display: block;
        transition: all 0.3s
    }
    .us_pass_sub.mob>div a:hover {
        transform: scale(0.9);
        border-color: rgba(108, 237, 255, 1);
    }
    .crypto_pay_tab .h_c_p_t>div .w_add p {
        overflow-wrap: anywhere;
    }
    .crypto_pay_tab .h_c_p_t {
        gap: 10px;
    }
    .b_c_p_t {
        flex-direction: column;
        gap: 10px;
    }
    .b_c_p_t>div, .b_c_p_t>a {
        width: 100% !important;
    }
    .b_c_p_t>a {
        font-size: 17px;
    }
    .bx_pay_right {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-repeat: repeat-x;
        background-size: 18px 1px;
        margin-top: 15px;
        padding-top: 22px;
    }
    #tab_pay {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 0%);
    }
    .bx_p_l_card {
        flex-wrap: wrap;
        gap: 24px;
    }
    .bx_p_l_card .ca_name {
        flex: 1 100%;
    }
    .filter_tbl ul.dropdown-menu {
        background: rgba(37, 59, 76, 1);
    }
    .us_pass_sub>div:last-child {
        background: none;
    }
    ul.lang_s {
        padding: 0 15px 0 0;
        margin: 0 15px 0 0;
    }
    .right_h_p {
        position: relative;
        width: 100%;
        justify-content: center;
    }
    .right_h_p>.dropdown {
        padding-right: 44px;
    }
    .right_h_p .search_panel.new {
        position: absolute;
        right: calc(50% - 120px);
        z-index: 99;
        background: rgba(255, 255, 255, 0.05);
        width: 44px;
        transition: width 0.3s ease;
        display: block;
        overflow: hidden;
        border-radius: 44px;
    }
    .right_h_p .search_panel.new input {
        opacity: 0;
        visibility: hidden;
        font-size: 16px;
    }
    
    .right_h_p .search_panel.new:hover input {
        opacity: 1;
        visibility: visible;
    }
    
    .right_h_p .search_panel.new:hover,.right_h_p .search_panel.new:focus-within,.right_h_p .search_panel.new:focus {
        width: 230px;
        display:flex;
        background: #273439;
    }
    .bx_dash .foot p, .act_setting .f_act_s p {
        padding-left: 30px;
    }
    .side_invite .link {
        font-size: 16px;
    }
    .bx_h_panel.new .right_h_p .dropdown>button {
        background: rgba(255, 255, 255, 0.05);
        padding: 6px;
    }
    .bx_r_pay {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .list_r_pay {
        gap: 0;
    }
    .sub_id_time_mob,.mange_sub_head_ext .c_pack>div:first-child {
        gap: 20px;
    }
    .bx_r_pay.pay {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .bx_r_pay.pay>div:nth-child(odd) {
        width: 50% !important;
        min-width: auto;
    }
    .bx_r_pay.pay>div:nth-child(even) {
        min-width: 106px;
    }
}
@media (max-width:576px) {
    .list_h_watch .bx_r_pay {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hero {
        margin-top: 20px;
    }
    .bx_hero .btns {
        display: flex;
    }
    .logo_s img {
        width: 82px;
    }
    ul.lang_s li a {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    .bx_foot .f_app {
        gap: 16px;
        flex-direction: column;
    }
    .bx_foot .f_app .link_app,.smart_tab_sec .body .btns {
        flex-direction: column;
        width: 100%;
    }
    .bx_foot .f_app .btn,.smart_tab_sec .body .btns .btn {
        width: 100%;
    }
    .bx_foot .contact_f {
        align-items: start;
        gap: 16px;
    }
    .bx_foot .f_copy {
        gap: 12px;
        flex-direction: column;
    }
    .bx_slide_hero h3 {
        font-size: 14px;
        margin-bottom: 1px;
    }
    .bx_slide_hero p {
        font-size: 13px;
    }
    .bx_slide_hero .icno_b_s_h {
        width: 40px;
        height: 40px;
    }
    .bx_hero .btns .btn {
        font-size: 14px;
        width: 50%;
    }
    .bx_hero .txt_desc {
        width: 100%;
    }
    .sec_tit_smarter .glass {
        width: 160px;
    }
    p.txt_desc {
        text-align: center;
    }
    .n_dash ul.lang_s {
        padding: 0 15px 0 0;
        margin: 0 15px 0 0;
    }
    #faq .accordion-header .accordion-button,#faq .accordion-item .accordion-body {
        font-size: 14px;
    }
    .bx_foot .contact_f {
        flex-wrap: wrap;
    }
    .h_site .h_site_page {
        background: none;
        padding: 0 20px;
        border-radius: 0;
    }
    .h_site.sticky_top .h_site_page {
        padding: 18px 20px;
    }
    .faq.faq_page #faq {
        margin-top: 24px;
    }
    .faq.faq_page .tit h2 {
        transform: rotate(-1.74deg);
    }
    .img_bx_terms {
        width: 154px;
    }
    .bx_reff_code .frm_ref .controls button,.bx_reff_code .btn_login {
        padding: 15px 20px;
        font-size: 14px;
    }
    .bx_reff_code .frm_ref .controls input {
        font-size: 16px;
        padding: 15px 20px 15px 60px;
    }
    .frm_login .input .form-control,.frm_login .input .form-select {
        font-size: 16px;
        padding: 22px 22px 22px 60px;
    }
    .frm_login button[type="submit"] {
        padding: 14px;
        font-size: 16px;
    }
    .frm_login {
        margin: 45px 0 12px;
    }
    .hero_login .txt_login {
        font-size: 14px;
        margin-top: 1.5rem;
    }
    .bx_sub_dtl {
        width: 100%;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 16px;
    }
    .bx_right_profile .qr {
        bottom: calc(25% - 76px);
        top: auto;
    }
    .user_dash:before {
        background-image: radial-gradient(circle 38px at 0 0,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 100% 0,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 100% 100%,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 38px at 0 100%,
                                transparent 0,
                                transparent 38px,
                                #253745 38px,
                                #253745 38px),
                radial-gradient(circle 28px at 0 30%,
                                transparent 0,
                                transparent 28px,
                                #253745 28px,
                                #253745 28px),
                radial-gradient(circle 28px at 100% 30%,
                                transparent 0,
                                transparent 28px,
                                #253745 28px,
                                #253745 28px);
        -webkit-background-image: radial-gradient(circle 38px at 0 0,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 100% 0,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 100% 100%,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 38px at 0 100%,
        transparent 0,
        transparent 38px,
        #253745 38px,
        #253745 38px),
radial-gradient(circle 28px at 0 30%,
        transparent 0,
        transparent 28px,
        #253745 28px,
        #253745 28px),
radial-gradient(circle 28px at 100% 30%,
        transparent 0,
        transparent 28px,
        #253745 28px,
        #253745 28px);
        background-size: 51% 31%, 52% 31%, 51% 31%, 51% 31%, 51% 40%, 51% 40%;
        -webkit-background-size: 51% 21%, 52% 21%, 51% 31%, 51% 31%, 51% 80%, 51% 80%;
    }
    .user_dash:after {
        top: 34%;
    }
    .bx_left_profile .btn-danger {
        padding: 10px;
        font-size: 12px;
    }
    .bx_left_profile a.change_pw,.bx_sub_dtl a.change_pw {
        gap: 8px;
    }
    .bx_left_profile .body_profile_desk h3, .body_profile_mob h3 {
        font-size: 16px;
    }
    .bx_left_profile .h_b_l_p.mob .img {
        width: 48px;
        height: 48px;
    }
    .bx_h_panel {
        flex-direction: column;
        gap: 16px;
    }
    p.txt_desc>span {
        display: inline-block;
    }
    p.txt_desc>span:before {
        height: 60%;
    }
    .tv_package .tit p {
        text-align: center;
    }
    .bx_package .most {
        top: 100px;
    }
    .bx_easy p.txt_desc {
        font-size: 15px;
    }
    .bx_serv h3 {
        font-size: 18px;
    }
    .bx_serv .btn {
        font-size: 14px;
    }
    .bx_serv p {
        font-size: 16px;
    }
    p.txt_desc {
        font-size: 16px;
        line-height: 25px;
    }
    body.dashboard {
        padding-right: 0;
    }
    .f_bx_profile .btn-danger {
        min-width:120px;
    }
    .user_dash {
        padding: 42px 15px;
    }
    .bx_package .buy a {
        font-size: 16px;
    }
    .pay_mtd.new #tab_pay li {
        width: 100%;
    }
    ul#sub_tab li button img {
        height: 30px;
    }
    .bx_panel_n {
        padding: 22px 16px;
        border: none;
    }
    .mange_sub_head_ext .c_pack {
        position: relative;
    }
    .mange_sub_head_ext .c_pack>div:first-child,.bx_u_p_sub .us_ps {
        gap: 12px;
    }
    .mange_sub_head_ext .c_pack .b_status {
        position: absolute;
        right: 0;
        top: calc(50% - 9px);
        min-width: auto !important;
    }
    .bx_spm_p p {
        word-break: break-word;
        font-size: 18px;
    }
    .us_pass_sub>div:last-child {
        padding-left: 0;
    }
    .bill_cycle .bx_bill_c .price {
        font-size: 22px;
    }
    .bx_panel.new .bill_cycle {
        padding-bottom: 0;
        background: none;
    }
    .bill_cycle .bx_bill_c {
        padding: 20px 15px;
    }
    .bx_p_l_card {
        padding: 24px 24px 24px 45px;
    }
    .bx_p_l_card:before {
        left: 10px;
    }
    .bx_p_l_card {
        gap: 14px;
    }
    .crypto_pay_tab .h_c_p_t {
        flex-direction: column;
    }
    .crypto_pay_tab .h_c_p_t>div {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .crypto_pay_tab .h_c_p_t .btn_copy {
        width: 100%;
        justify-content: center;
    }
    .search_panel .search-input {
        padding-right: 0;
    }
    .bx_panel_n .tit_page h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 40px;
    }
    .n_dash .btn_profile img {
        width: 36px;
        height: 36px;
    }
    .n_dash .btn_profile:before {
        display: none;
    }
    .bx_dash .right p {
        font-size: 16px;
    }
    .bx_dash .right span {
        font-size: 12px;
        line-height: 14px;
    }
    .bx_dash .left .user_fname {
        font-size: 16px;
        line-height: 26px;
    }
    .bx_panel_n .bx_dash .left>img {
        width: 80px;
        height: 80px;
    }
    .bx_panel_n .bx_dash .left .user_actions a {
        width: 32px;
        height: 32px;
    }
    .under_tbl {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-top: 32px;
    }
    .bx_dash .left {
        gap: 18px;
    }
    .bx_dash .right {
        gap: 0;
        justify-content: space-between;
    }
    .bx_panel_n .tit_page {
        margin-bottom: 26px;
    }
    .h_act_s_mob .avatar {
        gap: 10px;
    }
    .h_act_s_mob .avatar img {
        width: 58px;
        height: 58px;
    }
    .h_act_s_mob .sub_id span {
        font-size: 14px;
    }
    .form-control {
        padding: 20px 27px;
    }
    .bx_sub_right .h_b_s_r div span, .bx_sub_right .foot_b_s_r div span {
        font-size: 16px;
    }
    .bx_sub_right .body_b_s_r .bx_pay_date {
        min-width: 107px;
        text-align: center;
        line-height: 20px;
        height: 26px;
    }
    .sup_modal .social {
        flex-wrap: wrap;
        gap: 10px;
    }
    .n_dash .h_panel {
        padding-right: 10px;
        padding-left: 10px;
    }
    .right_h_p {
        gap: 20px;
        width: 100%;
    }
    .right_h_p .dropdown>button {
        padding: 0;
    }
    .side_invite .btns {
        gap: 40px;
    }
    .bx_panel_n .bx_h_panel {
        align-items: start;
    }
    .bx_r_pay {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .bx_h_panel h3 {
        justify-content: center;
        width: 100%;
    }
    .mange_sub_head_ext .c_pack>div:first-child div>p {
        font-size: 22px;
    }
    .mange_sub_head_ext .c_pack .b_status {
        font-size: 16px;
    }
    .bx_dash .right {
        gap: 30px;    
    }
    .user_payment_sub .bx_sub_right:after { 
        display: none; 
    }
}