@charset "UTF-8";
@import url("https://gist.githubusercontent.com/lam267/4c463f959affc58f67d82c96485318cc/raw/a221b067d4b8c6965fa917a2aaba7a0da6596f0a/GTWalsheimPro.css");

@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('https://gist.githubusercontent.com/lam267/4c463f959affc58f67d82c96485318cc/raw/23ef02f01b14954edb76f9f88ba7f6ec461cafee/GTWalsheimPro-Medium.woff2') format('woff2'),
        url('https://gist.githubusercontent.com/lam267/4c463f959affc58f67d82c96485318cc/raw/23ef02f01b14954edb76f9f88ba7f6ec461cafee/GTWalsheimPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-font-family: "Space Grotesk", sans-serif;
    --main-color: red;
    --bg-form-color: #161438;
    --white-color: #fff;
    --gray-color: #9e9e9e;
    --orange-color: #f6c256;
    --font-welsh: "Poppins", sans-serif;
    --row-gutter-x: 30px;
    --row-gutter-y: 30px;
    --aside-width: 290px;
}

html {
    overflow-x: hidden;
}

.tn-right-10 {
    left: 10px !important;
    right: inherit !important;
}

body {
    font-family: var(--main-font-family);
    line-height: 1;
    overflow-x: hidden;
}

a {
    color: var(--orange-color);
    text-decoration: none;
}

/* ------------------------------------------- */
/* Main style */
/* ------------------------------------------- */

.col-sm-3.how-box::before {
    content: '';
    background-image: url(https://storage.perfectcdn.com/0a268b/83hk4u44h5ift6po.png);
    height: 13%;
    width: 8%;
    background-repeat: no-repeat;
    position: absolute;
    right: 11px;
    top: 11px;
}

.col-sm-3.how-box1::before {
    content: '';
    background-image: url(https://storage.perfectcdn.com/0a268b/83hk4u44h5ift6po.png);
    height: 13%;
    width: 8%;
    background-repeat: no-repeat;
    position: absolute;
    right: 11px;
    top: 11px;
}

.wrapper-email-start {
    display: none;
}

.f-sp {
    margin-top: -10px !important;
    font-size: 14px;
    font-weight: 500;
    background: -webkit-linear-gradient(100deg, #85F7E2, #ECC02F 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.flex-shrink-0 {
    width: 71px;
    height: 78px;
    background-image: url(https://storage.perfectcdn.com/0a268b/y3g1kw961ial7wfw.png );
    background-repeat: no-repeat;
    display: flex;
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-size: 100%;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}

.flex-shrink-0::before {
    content: '';
    background: linear-gradient(90deg, rgba(133, 247, 226, 0.60) 0%, rgba(236, 192, 47, 0.60) 94.16%);
    position: absolute;
    height: 67px;
    width: 67px;
    border-radius: 100%;
    z-index: -1;
    filter: blur(10px);
    top: 28px;
    left: 11px;
}

.rightt {
    text-align: right;
    margin-left: 76px;
}

.boxx {
    display: flex;
    padding-bottom: 20px;
}

.how-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 15px;
    border-radius: 23px;
    /*border: 1px solid #ECC02F;*/
    background: linear-gradient(#181A1D, #181A1D) padding-box, linear-gradient(to bottom, #ECC02F, #85F7E200) border-box !important;
    border-radius: 21px;
    border: 1px solid transparent;
    background: #181A1D;
    padding: 12px;
    padding-top: 25px;
    margin: 3px;
    height: 169px;
    background-image: url(https://storage.perfectcdn.com/0a268b/83hk4u44h5ift6po.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 13px;

}

.how-box1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 15px;
    background: linear-gradient(#181A1D, #181A1D) padding-box, linear-gradient(to bottom, #85F7E2, #85F7E200) border-box !important;
    border-radius: 21px;
    border: 1px solid transparent;
    margin: 3px;
    background: #181A1D;
    padding: 12px;
    padding-top: 25px;
    height: 169px;
    background-image: url(https://storage.perfectcdn.com/0a268b/83hk4u44h5ift6po.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 13px;

}

.how-box1 .fa-arrow-right {
    text-align: right;
    margin-left: 65px;
}

.how-box-left {
    flex: 0 0 89px;
    max-width: 89px;
    margin-bottom: 20px;
}

.how-box .btn-primary {
    width: 100%;
    text-align: left;
    padding: 12px 8px !important;
    border-radius: 29px !important;
}

.how-box .btn.btn-primary.bonus-btn::after {
    content: '';
    position: absolute;
    background-image: url(https://storage.perfectcdn.com/0a268b/5kgtoz7kjd4kcrgh.png);
    height: 10%;
    width: 10%;
    background-repeat: no-repeat;
    right: 18px;
    top: 127px;
}

.dashboard .tn-min-width .nz-post-image {
    min-width: 300px;
}

.how-box1 .btn.btn-primary.bonus-btn::after {
    content: '';
    position: absolute;
    background-image: url(https://storage.perfectcdn.com/0a268b/5kgtoz7kjd4kcrgh.png);
    height: 10%;
    width: 10%;
    background-repeat: no-repeat;
    right: 18px;
    top: 127px;
}

.how-box1 .btn-primary {
    width: 100%;
    text-align: left;
    padding: 12px 8px !important;
    border-radius: 29px !important;
}

.how-box-left span {
    border-radius: 100px;
    /*  background-color: #39bcf3;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    /*  color: #fff;*/
    height: 60px;
    font-size: 27px;
}

.how-box-right {
    flex: 0 0 calc(87% - 60px);
    max-width: calc(100% - 60px);
    padding-left: 0px;
    margin-bottom: 20px;
}

.uper {
    margin-left: 2px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
}

.dwn {
    color: #FFF;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0px;
}

small {
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    font-weight: 400;
}



.owl-3 .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 125px;
    left: 125px;
}

.owl-3 .owl-dots .owl-dot {
    display: inline-block;
}

.owl-3 .owl-dots .owl-dot span {
    display: inline-block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
    background: #ffffff;
    opacity: 0.5;
    border-radius: 2px;
    -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    margin: 3px;
}

.owl-3 .owl-dots .owl-dot.active span {
    background: #ffffff;
    opacity: 100%;
}

.owl-3 .owl-dots .owl-dot:active,
.owl-3 .owl-dots .owl-dot:focus {
    outline: none;
}

.btn.btn-alternate {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 13px 15px;
    background-color: #161438;
    border: 1px solid #262650;
    text-align: center;
    color: #f6c85a
}

.ser-panelgp .panel-title a {
    color: #fff !important;
    background-color: #1d1d3a !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 17px !important
}

#accordion .panel-body .ser-title p {
    color: #f6dc5a !important;
    white-space: normal
}

#accordion .panel-body .ticket-h-row1 p {
    font-weight: 400 !important
}

.ser-title {
    max-width: 200px
}

.rate-us {
    background-color: #192045;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #355eae;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 95px;
    height: 45px;
    border-top: 0
}

.rate-us .ticket-h-title {
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    color: #4a8eff;
    top: -5px;
    padding: 0 5px
}

#accordion .panel-body .rate-us p {
    color: #4a8eff !important;
    font-size: 18px !important;
    font-weight: 600 !important
}

#accordion .panel-body .ser-max p,
#accordion .panel-body .ser-min p {
    color: #4a8eff !important
}

.ticket-h-row1 .empty-column {
    width: 40px
}

.ticket-h-row1 td .btn.btn-table {
    border-radius: 5px;
    border: 1px solid #d4b953 !important;
    background-color: #705141;
    color: #d4b953;
    font-size: 14px;
    font-weight: 600;
    min-width: 75px
}

.ser-panelgp .panel-title a::after {
    color: #fff !important;
    filter: brightness(100)
}

.ser-panelgp .panel-title a i {
    margin-right: 8px
}

.ser-panelgp .panel-default[visible=false] {
    display: none
}

.ticket-h-row1 td .btn.btn-order {
    border-radius: 5px;
    border: 1px solid #57f0c7 !important;
    background-color: #32706f;
    color: #57f0c7;
    font-size: 14px;
    font-weight: 600;
    min-width: 75px;
    line-height: 29px;
    padding: 3px 7px;
    margin-left: 3px;
    box-shadow: none;
    text-shadow: none
}

.table.service-table .ticket-h-row1 td .btn.btn-order {
    border-color: transparent !important;
    color: #231514
}

.login-modal .checkbox.unset label input {
    margin-left: -20px;
    margin-right: 0
}

.login-modal .checkbox.unset {
    position: unset;
    margin-bottom: 0;
    padding-left: 20px
}

.flex-btn-row .g-recaptcha.form-group {
    margin-bottom: 0;
    transform: scale(.8);
    margin-right: auto;
    transform-origin: 0
}

.login-modal-btn:hover {
    color: #fff;
    text-decoration: none
}

.flex-btn-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

.flex-btn-row .btn-primary,
.flex-btn-row .forgot-password1 {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center
}

.flex-btn-row .btn.btn-primary {
    margin: auto;
    background: linear-gradient(90deg, #f7c054 0, #ff9233 100%);
    color: #100d2e;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: Rubik, sans-serif;
    min-height: 60px;
    box-shadow: 0 0 10px 2px RGBA(248, 184, 78, .37)
}

.login-modal .checkbox label input {
    margin-right: 0;
    margin-left: 10px;
    margin-top: 6px
}

.login-modal .checkbox {
    position: absolute;
    right: 45px;
    top: 53px;
    margin: 0
}

.login-modal .checkbox label {
    margin: 0;
    font-size: 14px;
    color: #9e9e9e;
    font-weight: 400;
    padding: 0;
    font-family: Rubik, sans-serif
}

.login-modal form {
    margin-top: 20px
}

.login-modal label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: Rubik, sans-serif;
    line-height: 26px;
    display: block
}

.login-modal .form-group .form-control {
    background-color: #161438;
    border-color: #161438;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    height: 60px;
    line-height: 24px;
    font-weight: 400;
    box-shadow: none;
    font-family: Rubik, sans-serif;
    border-width: 1px
}

.login-modal .form-group .form-control::-webkit-input-placeholder {
    color: #9e9e9e
}

.login-modal .form-group .form-control::-moz-placeholder {
    color: #9e9e9e
}

.login-modal .form-group .form-control:-ms-input-placeholder {
    color: #9e9e9e
}

.login-modal .form-group .form-control:-moz-placeholder {
    color: #9e9e9e
}

.flex-btn-row .forgot-password1 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: Rubik, sans-serif
}

.login-modal-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px
}

.login-modal .modal-content {
    background-color: #201f41;
    border-radius: 5px;
    border: 0
}

.payment-detail-illustration .modal_img {
    margin: 0 auto !important;
    border-radius: 10px;
}

.login-modal .modal-header .media-body,
.login-modal .modal-header .media-left,
.login-modal .modal-header .media-right {
    vertical-align: middle
}

.login-modal .modal-dialog {
    width: 700px
}

.login-modal .modal-header {
    background-color: #100d2e;
    box-shadow: 0 3px 6px rgba(0, 0%, 0%, 16%);
    border-radius: 5px 5px 0 0;
    position: relative;
    padding: 20px 40px;
    border: 0
}

.login-modal .modal-header .modal-content {
    border-radius: 26px
}

.login-modal .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px
}

.login-modal-btn {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    flex: 0 0 45%;
    max-width: 45%;
    text-align: center;
    position: relative;
    font-family: Rubik, sans-serif
}

.login-modal-btn-wrap .login-modal-btn:first-child {
    margin-right: 30px
}

.login-modal-btn-wrap .login-modal-btn:last-child {
    margin-left: 30px
}

.login-modal-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    background-color: #9e9e9e;
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px
}

.login-modal .modal-body {
    padding: 20px
}

.login-modal-btn.active::after {
    background-color: #f6c256
}

.order-info-detail h2 .order-info-close {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #171731;
    color: #fff;
    font-size: 7px;
    border-radius: 100px;
    right: 0;
    font-weight: 500;
    text-align: center;
    line-height: 13px
}

.login-modal .media-heading {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    font-family: Rubik, sans-serif
}

.login-modal .media-left {
    padding-right: 35px
}

.login-modal .media-left img {
    width: 40px
}

.login-modal .media-body,
.login-modal .media-left,
.login-modal .media-right {
    vertical-align: middle
}

.login-modal .media-heading span {
    font-weight: 400
}

.order-info-detail h2 .order-info-close:hover {
    cursor: pointer
}

.order-info-wrap.active .order-info-detail {
    display: block
}

.order-info-wrap:hover {
    cursor: pointer
}

.order-info-detail h2 {
    font-size: 14px;
    font-weight: 600
}

.order-info-detail-inner {
    display: flex;
    flex-wrap: wrap
}

.order-info-detail-inner .order-info-item {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px
}

.order-info-item .btn.btn-primary {
    background-color: RGBA(90, 246, 204, .4) !important;
    color: #5af6cc !important;
    box-shadow: 0 0 25px -5px #5af6cc !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-color: #59f4ca !important;
    border-radius: 10px !important;
    border-width: 2px !important;
    padding: 9.5px 12px !important
}

.order-info-detail {
    background-color: #1d1d3a;
    border-radius: 9px;
    border: 2px solid #2d2d48;
    padding: 12px;
    width: 225px;
    position: absolute;
    z-index: 999;
    top: 94%;
    right: 0;
    margin: auto;
    display: none
}

td.status.order-info .badge.Completed {
    width: 70px
}

.dashboard .btn.btn-primary.vote-btn {
    margin: 50px 0
}

.vote-pic::after {
    content: '';
    width: 663px;
    height: 2px;
    position: absolute;
    bottom: -20px;
    background-color: #fff;
    opacity: 11%
}

.vote-pic li.active .vote-bullet,
.vote-pic li:hover .vote-bullet {
    border-color: #5af6cc;
    background-color: #5af6cc
}

.vote-pic li {
    margin-right: 50px
}

.vote-name {
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-top: 7px
}

.vote-pic li .vote-bullet {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    display: block;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto 20px;
    background-color: rgba(255, 255%, 255%, 30%)
}

.vote-pic li img {
    border-radius: 25px
}

.vote-pic {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left: 0;
    position: relative
}

.support-stars-wrap::after {
    content: '';
    width: 463px;
    height: 2px;
    position: absolute;
    bottom: -40px;
    background-color: #fff;
    opacity: 11%
}

.support-stars-wrap span:hover {
    background-color: rgba(255, 170%, 0%, 30%);
    border-color: #ccb93c;
    color: #fd0
}

.support-label {
    color: #82829b;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px
}

.support-stars-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    justify-content: flex-start;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 70px;
    position: relative
}

.support-stars-wrap span {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 2px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    background-color: rgba(255, 255%, 255%, 30%);
    margin: 0 20px 0 0;
    position: relative
}

.support-title-wrap .btn.btn-dash.support-poper {
    float: none !important;
    margin-left: 120px
}

.support-poper+.popover .popover-content {
    color: rgba(255, 255%, 255%, 35%)
}

.support-poper+.popover.right {
    border: 1px solid rgba(255, 255, 255, .15);
    max-width: 100%;
    width: max-content
}

.vote-btn a {
    border: 1px solid #87cfff !important;
    border-radius: 5px !important;
    background-color: rgba(135, 207, 255, .15) !important;
    color: #87cfff !important;
    box-shadow: 0 0 25px 0 rgba(135, 207%, 255%, .35%)
}

.ticket-h-row .order-actions a {
    width: 100%;
    border-radius: 10px;
    border-width: 2px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important
}

.ticket-h-row .status1::before,
.ticket-h-row td.border-left-td::before,
.ticket-h-row td:nth-child(5)::before {
    content: '';
    background-color: #2d2d48;
    height: 60%;
    width: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.ticket-h-row .status {
    position: relative
}

.ticket-h-row .status .badge.Canceled,
.ticket-h-row .status .badge.Expired {
    border: 2px solid #a92945 !important
}

.ticket-h-row .status .badge {
    width: 170px;
    border-radius: 5px;
    border-width: 2px !important;
    padding: 14.5px 12px
}

.ticket-h-row .status p {
    margin-bottom: 0
}

.ticket-h-row .order-service {
    position: relative
}

.ticket-h-row td {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ticket-h-row .order-link,
.ticket-h-row .order-service {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    max-width: 250px
}

.ticket-h-row .order-link {
    max-width: 330px
}

.ticket-h-row .order-link p,
.ticket-h-row .order-service p {
    overflow: hidden;
    padding-bottom: 3px
}

.ticket-h-row .order-service p {
    color: #f6dc5a
}

td.status .badge {
    margin-bottom: 0
}

.table.ticket-table {
    border-collapse: separate;
    border-spacing: 0 7px
}

.ticket-h-row td {
    border-top: 2px solid #262650 !important;
    border-bottom: 2px solid #262650 !important;
    background-color: #161438
}

.ticket-h-row td:nth-child(1) {
    border-left: 2px solid #262650 !important;
    border-radius: 10px 0 0 10px
}

.ticket-h-row td:last-child {
    border-right: 2px solid #262650 !important;
    border-radius: 0 10px 10px 0
}

.ticket-h-title {
    font-size: 14px;
    color: #9b9ba4;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 6px
}

.ticket-h-title+p {
    color: #63637c;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

#accordion.ser-panelgp .panel-body p {
    color: #63637c !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.ticket-btn .btn.btn-success {
    width: 100%;
    border-radius: 10px;
    border-width: 2px;
    padding: 10.5px 12px
}

.ticket-h-row td {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.ticket-subject a {
    font-weight: 400
}

.ticket-status.ticket-ans p {
    color: #5af6cc
}

.ticket-status.ticket-pending p {
    color: #f6dc5a
}

.ticket-status.ticket-closed p {
    color: red
}

.search-nav .search-well {
    margin-bottom: 0;
    min-width: 320px
}

.search-nav .search-well form {
    margin-bottom: 0
}

.search-nav .dash-navpills li a {
    min-width: 104px;
    font-size: 15px;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 12px
}

#order-category,
#order-services {
    white-space: normal !important;
    display: block;
    word-break: break-all
}

.ig2 .dropdown.spdrp button span>span,
.ig2 .dropdown.spdrp button.dropdown-item>span {
    width: 25px;
    border-radius: 5px;
    line-height: 25px;
    font-size: 17px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.ig2 .dropdown.spdrp button span>span i,
.ig2 .dropdown.spdrp button.dropdown-item>span i {
    color: #fff
}

.ig2 .dropdown.spdrp button span>span img,
.ig2 .dropdown.spdrp button.dropdown-item>span img {
    object-fit: cover;
    display: block;
    width: 100%;
    border-radius: inherit
}

.ig2 .dropdown.spdrp.rembck button span>span img,
.ig2 .dropdown.spdrp.rembck button.dropdown-item>span img {
    filter: grayscale(100%)
}

.ig2 .dropdown.spdrp button span>span.ico-yt,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-yt {
    background-color: #ff0042
}

.ig2 .dropdown.spdrp button span>span.ico-ig,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-ig {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.ig2 .dropdown.spdrp button span>span.ico-fb,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-fb {
    background-color: #207eff
}

.ig2 .dropdown.spdrp button span>span.ico-tele,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-tele {
    background-color: #2b9fd2
}

.ig2 .dropdown.spdrp button span>span.ico-tic,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-tic {
    background-color: #000
}

.ig2 .dropdown.spdrp button span>span.ico-twc,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-twc {
    background-color: #6441a5
}

.ig2 .dropdown.spdrp button span>span.ico-tw,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-tw {
    background-color: #1da1f2
}

.ig2 .dropdown.spdrp button span>span.ico-sc,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-sc {
    background-color: #ff5836
}

.ig2 .dropdown.spdrp button span>span.ico-gp,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-gp {
    background-color: #db4437
}

.ig2 .dropdown.spdrp button span>span.ico-lin,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-lin {
    background-color: #2867b2
}

.ig2 .dropdown.spdrp button span>span.ico-mix,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-mix {
    background-color: #273a4b
}

.ig2 .dropdown.spdrp button span>span.ico-vk,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-vk {
    background-color: #4c75a3
}

.ig2 .dropdown.spdrp button span>span.ico-pubg,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-pubg {
    background-color: #f2a900
}

.ig2 .dropdown.spdrp button span>span.ico-clb,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-clb {
    background-color: #ecb214
}

.ig2 .dropdown.spdrp button span>span.ico-disc,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-disc {
    background-color: #7289da
}

.ig2 .dropdown.spdrp.rembck button span>span,
.ig2 .dropdown.spdrp.rembck button.dropdown-item>span {
    background: #262650
}

.guest .btn.btn-primary,
.guest .navbar.navbar-default li.sign-in a,
.guest .navbar.navbar-default li.sign-up a {
    position: relative;
    overflow: hidden;
    transition: .3s linear
}

.guest .btn.btn-primary .after-hover,
.guest .btn.btn-primary .before-hover,
.guest .navbar.navbar-default li.sign-in a .after-hover,
.guest .navbar.navbar-default li.sign-in a .before-hover,
.guest .navbar.navbar-default li.sign-up a .after-hover,
.guest .navbar.navbar-default li.sign-up a .before-hover {
    display: block;
    transition: .3s linear
}

.guest .btn.btn-primary .after-hover,
.guest .navbar.navbar-default li.sign-in a .after-hover,
.guest .navbar.navbar-default li.sign-up a .after-hover {
    position: absolute;
    left: 0;
    right: 70px;
    color: #fff;
    margin: auto;
    transition: .3s linear
}

.guest .btn.btn-primary .after-hover,
.guest .navbar.navbar-default li.sign-in a .after-hover,
.guest .navbar.navbar-default li.sign-up a .after-hover {
    top: -20px;
    transition: .3s linear
}

.guest .btn.btn-primary .before-hover,
.guest .navbar.navbar-default li.sign-in a .before-hover,
.guest .navbar.navbar-default li.sign-up a .before-hover {
    transform: translateY(0);
    transition: .3s linear
}

.guest .btn.btn-primary:hover .after-hover,
.guest .navbar.navbar-default li.sign-in a:hover .after-hover,
.guest .navbar.navbar-default li.sign-up a:hover .after-hover {
    top: 50%;
    transform: translateY(-50%);
    transition: .3s linear
}

.guest .btn.btn-primary:hover .before-hover,
.guest .navbar.navbar-default li.sign-in a:hover .before-hover,
.guest .navbar.navbar-default li.sign-up a:hover .before-hover {
    transform: translateY(60px);
    transition: .3s linear
}

.guest .btn.btn-primary,
.guest .navbar.navbar-default li.sign-in a,
.guest .navbar.navbar-default li.sign-up a {
    transition: .3s linear
}

.guest .navbar.navbar-default li a[href="/signup"]:hover span {
    color: #c2c1c9 !important
}

.dropdown.spdrp .dropdown-menu {
    background-color: #fff
}

.dropdown.spdrp .dropdown-menu .dropdown-item {
    background-color: transparent;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    color: #000;
    line-height: 32px;
    font-size: 16px;
    background-image: none !important
}

.dropdown.spdrp .dropdown-menu .dropdown-item:active,
.dropdown.spdrp .dropdown-menu .dropdown-item:focus,
.dropdown.spdrp .dropdown-menu .dropdown-item:hover {
    background-color: #0078d7;
    color: #fff
}

#order-services {
    white-space: nowrap
}

.dropdown.bootstrap-select.form-control {
    z-index: 3
}

.bootstrap-select>.dropdown-toggle {
    color: #fff !important;
    border: none !important;
    font-weight: 400;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.42857143;
    box-shadow: none;
    text-align: left;
    border-radius: 0;
    background-color: transparent !important;
    height: 100%;
    padding: 12px 15px
}

.bootstrap-select>.dropdown-toggle .bs-caret {
    display: none
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    background-color: #fff
}

.bootstrap-select .dropdown-menu li a {
    font-size: 16px;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px
}

.bootstrap-select .dropdown-menu li.selected.active a {
    background-color: #0078d7;
    color: #fff
}

#orderform-category,
#orderform-category option {
    font-family: Roboto, sans-serif, fontAwesome, "Font Awesome 5 Brands", "Font Awesome 5 Pro" !important;
    font-weight: 400
}

#orderform-category,
#orderform-category option,
.bootstrap-select .dropdown-menu li a span.text,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.select2-container,
.select2-results__option {
    font-family: Roboto, sans-serif, "Font Awesome 5 Brands", fontAwesome, "Font Awesome 5 Pro" !important;
    font-weight: 400 !important
}

select option {
    color: #171731
}

.follow-us p.text-center {
    margin-bottom: 12px;
    margin-top: 0
}

.profile-pic {
    border-radius: 100%
}

td.status .badge.Refunded {
    color: red;
    border: 1px solid red;
    font-weight: 700;
    background-color: rgba(255, 0, 0, .4);
    box-shadow: 0 0 25px -5px red
}

td.status .badge.In.progress {
    border: 1px solid #4a8eff;
    box-shadow: 0 0 25px -5px #4a8eff;
    background-color: rgba(74, 142, 255, .4);
    font-weight: 700;
    color: #4a8eff
}

td.status .badge.Partial {
    border: 1px solid #76c9e6;
    color: #76c9e6;
    background-color: rgba(118, 201, 230, .4);
    box-shadow: 0 0 25px -5px #76c9e6;
    font-weight: 700
}

td.status .badge.Pending {
    background-color: RGBA(246, 168, 90, .4);
    color: #f6dc5a;
    border-color: #f6dc5a;
    box-shadow: 0 0 25px -5px #f6dc5a;
    border: 2px solid #f6dc5a
}

td.status .badge.Processing {
    background-color: rgba(59, 12, 77, .4);
    color: #c625e1;
    border: 1px solid #c625e1;
    box-shadow: 0 0 25px -5px #c625e1;
    font-weight: 700
}

td.status {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

td.status .badge.Completed {
    background-color: RGBA(90, 246, 204, .4);
    color: #5af6cc;
    box-shadow: 0 0 25px -5px #5af6cc;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #59f4ca
}

td.status.order-info .badge.Completed {
    width: 70px
}

.order-link {
    color: #f6dc5a !important
}

td .tooltip div {
    background: 0 0 !important
}

td .tooltip {
    background-color: #192045;
    border: 1px solid #3c6fcc;
    font-size: 16px;
    font-weight: 300;
    color: #4a8eff;
    line-height: 29px;
    border-radius: 5px;
    opacity: 1 !important
}

td .tooltip .tooltip-inner {
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    opacity: 1
}

td .tooltip-arrow {
    display: none
}

.ticket-table thead tr th {
    color: #82829b !important
}

.ticket-btn a {
    background-color: RGBA(90, 246, 204, .4);
    color: #5af6cc;
    border-color: #5af6cc;
    box-shadow: 0 0 25px -5px #5af6cc;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ticket-status.ticket-closed {
    color: red
}

.ticket-status.ticket-ans {
    color: #5af6cc
}

.ticket-status.ticket-pending {
    color: #f6dc5a
}

.ticket-status {
    font-size: 16px !important;
    font-weight: 700 !important
}

.ticket-subject a {
    color: #f6c85a;
    font-weight: 400
}

.image-change-wrap.gender-img img {
    border-radius: 6px
}

.home-page .busi-crd-wrap ul li {
    color: #fff;
    text-align: left;
    font-size: 18px
}

.emoji-icon i {
    font-size: 60px;
    color: #fff
}

.home-page .top-right .abs.social-blast {
    right: -110px;
    width: 360px;
    top: 0
}

/*.guest .navbar.navbar-default::after{content:'';position:absolute;background:#0b0829;background:linear-gradient(90deg,#0b0829 0,#1b1840 50%,#0b0829 100%);width:100%;height:3px;bottom:-4px}*/
.sign-up a {
    width: 60px;
    margin-top: 15px !important;
    height: 36px;
    display: flex !important;
    font-weight: 500 !important;
    align-items: center;
    justify-content: center;
    width: 116px;
    background-color: #fff !important;
    color: #000000 !important;
    border: 1px solid #000 !important;
}

.sign-in a,
.sign-in a:hover {
    background-color: #000000 !important;
    margin-top: 15px !important;
    border-radius: 30px;
    width: 40px;
    color: #ffffff !important;
    height: 35px;
    display: flex !important;
    align-items: center;
    border: 1px solid #fff;
    background-color: #000;
    justify-content: center;
}

.guest .navbar.navbar-default li.sign-in a:hover {
    background-color: #fff !important;
    color: #000000 !important;
    border: 1px solid #000000
}

.sign-in a:hover:after,
.sign-up a:hover:after {
    display: none !important
}

/* .guest .navbar.navbar-default li.sign-in a:hover {
    background-color: #fff !important;
    color: #c2c1c9 !important
} */

.guest .navbar.navbar-default li.sign-in a:hover span {
    color: #c2c1c9 !important
}

.home-page {
    font-family: Rubik, sans-serif
}

.home-page .abs.top-right-img {
    left: -110px;
    top: 70px
}

.home-page #top-sec h1 span,
.home-page #top-sec h2 span {
    color: #4a8eff
}

.home-page #top-sec h1 br+span,
.home-page #top-sec h2 br+span {
    color: #f7c155
}

.home-page #top-sec h1 {
    font-size: 58px;
    line-height: 68px;
    font-weight: 700
}

.home-page #top-sec h2 {
    font-weight: 300;
    line-height: 28px
}

.home-page #top-sec h2 span {
    font-weight: 600
}

.home-page #top-sec .btn.btn-primary {
    color: #000;
    background: #f6c85a;
    width: 273px;
    background: linear-gradient(48deg, #85F7E2 47.4%, #FFB60E 100%)
}

.get-started-bt {
    width: 294px;
    background: linear-gradient(48deg, #85F7E2 47.4%, #FFB60E 100%);
    height: 58px;
    font-size: 19px;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 700;
    border-radius: 100px;
    padding-left: 50px;
    transition: 0.3s;
    font-family: Helvetica;
}

.get-started-bt:hover {
    text-decoration: none !important;
}

.get-started-bt div {
    color: #000;
    transition: 0.3s;
}

.get-started-bt:hover {
    opacity: 0.85;
}

.get-started-bt .icon {
    position: absolute;
    top: 27%;
    right: 36px;
}

.home-page #top-sec .btn.btn-primary svg {
    margin-left: 10px;
}

.home-page #top-sec {
    background: #0b0729;
    background: linear-gradient(180deg, #0b0729 0, #110e2f 100%);
    overflow: hidden
}

.home-page #info,
.home-page #represent {
    background-color: #161438
}

.home-page .infowrap {
    background-color: #1b183b;
    border: 2px solid #25234c;
    min-height: 190px
}

.home-page .info-txt p {
    font-family: poppins
}

.home-page #info .row .col-sm-3 {
    padding: 0 5px
}

.home-page #represent h2.title,
.home-page #represent h2.title+p {
    text-align: right
}

.home-page #represent h2.title span {
    color: #f7c155
}

.home-page #represent h2.title,
.home-page #represent h2.title+p {
    text-align: right
}

.home-page .emoji-icon span {
    filter: brightness(100)
}

.home-page .row.emoji-row {
    background: #f6c75a;
    background: -moz-linear-gradient(left, #f6c75a 0, #ff9233 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f6c75a), color-stop(100%, #ff9233));
    background: -webkit-linear-gradient(left, #f6c75a 0, #ff9233 100%);
    background: -o-linear-gradient(left, #f6c75a 0, #ff9233 100%);
    background: -ms-linear-gradient(left, #f6c75a 0, #ff9233 100%);
    background: linear-gradient(to right, #f6c75a 0, #ff9233 100%);
    padding: 25px;
    border-radius: 40px
}

.home-page #we-offer {
    background-color: #161438;
    padding: 25px 0
}

.home-page #we-offer .title {
    font-size: 24px;
    font-family: poppins;
    font-weight: 400;
    color: #a3add0;
    line-height: 28px
}

.home-page .offer-crd-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #6376f6;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 25px 0 rgba(255, 255, 255, .15);
    max-width: 250px;
    margin: auto;
    height: 95px;
    border-bottom: 5px solid #4352b3
}

.home-page .offer-crd-wrap:hover {
    box-shadow: 0 0 35px 1px #fff, inset 0 0 25px 1px #fff
}

.home-page .offer-crd-wrap a:hover {
    text-decoration: none
}

.home-page .offer-crd-wrap p {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
    font-family: poppins;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.home-page .offer-crd-wrap i,
.home-page .offer-crd-wrap img {
    font-size: 30px;
    margin-right: 10px
}

.home-page .offer-crd-wrap.yt {
    background-color: #ff5b5b;
    border-bottom-color: #803838
}

.home-page .offer-crd-wrap.insta {
    background-color: #ff48fd;
    border-bottom-color: #943392
}

.home-page .offer-crd-wrap.twitter {
    background-color: #0096ff;
    border-bottom-color: #4352b3
}

.home-page #business {
    background-color: #080707;
}

.home-page #business h2.title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    position: relative
}

.home-page #business h2.title::after {
    width: 27.4%;
    height: 10px;
    position: absolute;
    background-color: #f19f1a;
    left: 0;
    right: 0;
    bottom: -40px;
    content: '';
    margin: auto
}

.home-page .busi-crd-wrap {
    background: #36325e;
    background: -moz-linear-gradient(top, #36325e 0, #242044 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #36325e), color-stop(100%, #242044));
    background: -webkit-linear-gradient(top, #36325e 0, #242044 100%);
    background: -o-linear-gradient(top, #36325e 0, #242044 100%);
    background: -ms-linear-gradient(top, #36325e 0, #242044 100%);
    background: linear-gradient(to bottom, #36325e 0, #242044 100%);
    padding: 20px;
    border-radius: 12px;
    border: 2px solid #575591;
    text-align: center;
    min-height: 260px;
    position: relative;
    max-width: 280px;
    margin: auto
}

.home-page .busi-crd-title {
    font-size: 22px;
    font-weight: 600;
    color: #5bf2ff;
    font-family: poppins;
    margin-bottom: 45px;
    position: relative
}

.home-page .row.busi-crd-row .col-sm-4:first-child .busi-crd-wrap .busi-crd-title {
    color: #07ff96
}

.home-page .row.busi-crd-row .col-sm-4:nth-child(2) .busi-crd-wrap .busi-crd-title {
    color: #5bffff
}

.home-page .row.busi-crd-row .col-sm-4:last-child .busi-crd-wrap .busi-crd-title {
    color: #fff346
}

.home-page .busi-crd-title::after {
    content: '';
    position: absolute;
    background: #2d2853;
    background: -moz-linear-gradient(left, #2d2853 0, #5f5b8c 50%, #2d2853 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #2d2853), color-stop(50%, #5f5b8c), color-stop(100%, #2d2853));
    background: -webkit-linear-gradient(left, #2d2853 0, #5f5b8c 50%, #2d2853 100%);
    background: -o-linear-gradient(left, #2d2853 0, #5f5b8c 50%, #2d2853 100%);
    background: -ms-linear-gradient(left, #2d2853 0, #5f5b8c 50%, #2d2853 100%);
    background: linear-gradient(to right, #2d2853 0, #5f5b8c 50%, #2d2853 100%);
    width: 44%;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -25px
}

.home-page .busi-crd-dec {
    font-size: 18px;
    padding: 0;
    line-height: 28px
}

.home-page .busi-crd-dec span {
    color: #f7c155
}

.home-page .row.busi-crd-row {
    margin-top: 80px
}

.home-page .busi-crd-wrap:hover .busi-crd-title {
    color: #ffd649;
    transition: .5s ease-in-out
}

.home-page .busi-crd-wrap::after {
    content: '';
    position: absolute;
    left: -17px;
    top: -13px;
    background-image: url(https://i.imgur.com/6MuEuhf.png);
    width: 26px;
    height: 26px;
    z-index: 1
}

.home-page #exper,
.home-page #experience {
    background: #161438;
    background: -moz-linear-gradient(top, #161438 0, #2e2b4d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #161438), color-stop(100%, #2e2b4d));
    background: -webkit-linear-gradient(top, #161438 0, #2e2b4d 100%);
    background: -o-linear-gradient(top, #161438 0, #2e2b4d 100%);
    background: -ms-linear-gradient(top, #161438 0, #2e2b4d 100%);
    background: linear-gradient(to bottom, #161438 0, #2e2b4d 100%);
    padding: 80px 0 80px;
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat
}

.home-page #exper .title,
.home-page #experience .title {
    text-align: center;
    font-size: 52px;
    font-weight: 500;
    margin-bottom: 150px;
    position: relative
}

.home-page #experience .title {
    margin-bottom: 50px
}

.home-page #exper .title span,
.home-page #experience .title span {
    font-size: 72px;
    font-weight: 700
}

.home-page #exper .title span span,
.home-page #experience .title span span {
    color: #4a8eff
}

.home-page #exper .btn.btn-primary,
.home-page #experience .btn.btn-primary {
    margin: auto;
    display: block;
    width: 290px;
    background-color: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
    color: #fff;
    box-shadow: 0 0 70px 0 rgba(255, 255, 255, .4);
    text-shadow: 0 0 40px #fff;
    z-index: 1
}

.home-page #exper .title::after {
    content: '';
    background-image: url(https://i.imgur.com/gsnhgxn.png);
    width: 228px;
    height: 365px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: -90px
}

footer.home-ftr .folow-title {
    font-size: 25px;
    color: #fff !important;
    font-family: Rubik !important;
    position: relative !important
}

footer.home-ftr {
    background-color: #000000 !important;
}

.home-ftr .Quick-link,
.home-ftr .ftr-services {
    padding-left: 0 !important
}

.home-ftr .news-letter .folow-title {
    color: #f6c85a !important
}

.home-ftr .news-letter .input-group {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important
}

.home-ftr .news-letter .input-group input {
    border-bottom: 1px solid #33304a !important
}

.home-ftr .news-letter .input-group .input-group-btn button {
    background-color: #f6c85a !important;
    color: #2a2337 !important
}

.home-ftr .row.ftr-bottom.text-center .follow-us ul {
    justify-content: center !important;
    margin-top: 0 !important
}

.home-ftr .row.ftr-bottom.text-center .follow-us {
    margin-top: 0 !important
}

body {
    padding-bottom: 0
}

body.guest {
    font-family: "Poppins", sans-serif;
    background-color: #0D1012;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* min-height: 100vh; */
    overflow-x: hidden;
}

body.guest .navbar {
    width: 100%;
    background: linear-gradient(to bottom, black 0%, #30404400 100%);
    border: 0;
}

body.guest .main-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

body.dashboard {
    color: #fff;
    background-color: #171731;
    font-family: Rubik, sans-serif
}

.width-40 {
    min-width: 200px
}

.order-action-btn {
    padding-left: 0 !important
}

.guest .navbar.login-nav {
    position: absolute;
    background-color: transparent;
    left: 0;
    right: 0;
    margin: auto
}

p {
    color: #fff
}

.service-description button.close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-50%)
}

.service-description .modal-header {
    padding: 12px;
    border-bottom: 0;
    position: relative
}

.service-description .modal-content {
    background-color: #fff;
    color: #000
}

#Signinmodal .btn.btn-primary+span {
    display: block;
    margin-top: 15px
}

#Signinmodal .btn.btn-primary {
    width: 100%;
    display: block;
    margin: auto;
    background-color: #f16845;
    padding: 12px 0;
    color: #fff;
    margin-top: 25px
}

#Signinmodal button.close {
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    right: 5px
}

#Signinmodal .modal-header {
    position: relative
}

#Signinmodal .modal-title {
    font-size: 5rem;
    font-weight: 600;
    color: #000
}

#Signinmodal .modal-content {
    background-color: #fff
}

#Signinmodal label.control-label {
    color: #000
}

#Signinmodal .form-group .form-control {
    background-color: transparent;
    font-size: 2.2rem;
    color: #100122;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-shadow: none
}

#top-sec {
    padding: 180px 0 100px
}

#top-sec h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 80px;
    color: #fff
}

#top-sec h1 span {
    color: #f2c559
}

#top-sec h1 #description-rotate {
    color: #f14250
}

#top-sec .top-naizop-title {
    font-size: 30px;
}

#top-sec h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.abs {
    position: absolute
}

.top-right {
    position: relative
}

#top-sec .top-right .animate-1 {
    margin-top: -100px
}

.social-blast {
    top: -50px;
    animation: pulse 4s infinite
}

.speaker-man {
    top: 110px;
    right: 0;
    z-index: 1
}

.btn.btn-primary {
    color: #18073c;
    background-color: #fff;
    padding: 20px 55px;
    border-radius: 100px;
    border: 0;
    font-size: 16px
}

#top-sec .btn.btn-primary {
    margin-top: 57px
}

.stats-card {
    top: 445px;
    width: 100%
}

img.magnet {
    margin-top: 50px
}

.guest .navbar.navbar-default {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 0;
    box-shadow: none;
    background-color: transparent
}

.guest .navbar.navbar-default li a {
    font-size: 16px;
    font-weight: 400;
    color: #c2c1c9;
    min-width: 90px;
    text-align: center;
    margin: 0 5px;
    position: relative;
    font-family: Rubik, sans-serif;
    cursor: pointer
}

.guest .navbar.navbar-default .navbar-left li a {
    font-weight: 300;
    color: #707476;
    text-transform: uppercase;
}

.guest .navbar.navbar-default .navbar-left li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -20px;
    width: 2px;
    height: 100%;
    background-color: #C5EBFF;
    /* Replace with your desired line color */
    opacity: 15%;
    margin-right: 10px;
    /* Adjust the spacing between the line and the tag */
}

.guest .navbar.navbar-default .navbar-left li.active::before {
    background-color: #fff;
    opacity: 100%;
}

.guest .navbar.navbar-default .navbar-left li a i {
    margin-right: 8px;
}

.guest .navbar.navbar-default li a:hover,
.guest .navbar.navbar-default li.active a,
.guest .navbar.navbar-default li.active a:hover {
    color: #ffffff;
    background-color: transparent;
}

.guest .navbar.navbar-default li a:hover::after,
/*.guest .navbar.navbar-default li.active a::after,.guest .navbar.navbar-default li.active a:hover::after{content:'';position:absolute;background-color:#f6c85a;width:45%;height:4px;left:23px;bottom:0}*/
.guest .navbar.navbar-default li a.login {
    background-color: #efb131;
    border-radius: 100px
}

.guest .navbar.navbar-default li a[href="/signup"] {
    background-color: #f14250;
    border-radius: 100px
}

.guest .navbar.navbar-default li a[href="/signup"]:hover {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* .guest .navbar.navbar-default li a[href="/signup"]:hover {
    background-color: #fff !important;
    color: #c2c1c9 !important
} */

#info {
    padding: 80px 0
}

.infowrap {
    background-color: #40344e;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    text-align: center
}

.info-txt,
info-icon {
    flex: 0 0 100%;
    max-width: 100%
}

.info-icon {
    background-image: url(https://res.cloudinary.com/dntxtfcmk/image/upload/v1591675661/Naizop/Layer-5_hp9p5u.png);
    margin-bottom: 15px
}

.info-txt p {
    font-size: 22px;
    color: #fff;
    font-weight: 500
}

.info-icon1 {
    height: 49px;
    width: 49px
}

.info-icon2 {
    height: 56px;
    width: 59px;
    background-position: -62px
}

.info-icon3 {
    width: 55px;
    height: 56px;
    background-position: -130px
}

.info-icon4 {
    width: 63px;
    height: 56px;
    background-position: right
}

.mt-80 {
    margin-top: 80px
}

#represent {
    padding: 80px 0 0
}

#quality-serv {
    background-color: #161438;
    padding: 240px 0 20px
}

#quality-serv p {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px
}

.qual-box {
    width: 300px;
    height: 72px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, .02) 100%);
    border: 1px solid rgba(255, 255, 255, .05);
    box-sizing: border-box;
    border-radius: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 112px;
    position: relative
}

.first-col .qual-box {
    margin-top: -30px;
    margin-bottom: 140px
}

.last-col .qual-box {
    margin-top: -70px;
    margin-bottom: 170px
}

.qual-box::after,
.qual-box::before {
    content: '';
    position: absolute
}

.qual-box::after {
    width: 120px;
    height: 40px;
    border-bottom: 2px solid rgba(255, 255, 255, .06);
    right: -160px;
    bottom: -34px
}

.qual-box::before {
    border-bottom: 2px solid rgba(255, 255, 255, .06);
    height: 2px;
    width: 55px;
    transform: rotate(40deg);
    right: -47px;
    bottom: -17px
}

.last-col .qual-box::after {
    right: auto;
    left: -160px
}

.last-col .qual-box::before {
    right: auto;
    left: -47px;
    transform: rotate(-40deg)
}

.qual-box h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #f7c155;
    margin: 0
}

#represent .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.represent-img {
    padding-right: 105px
}

h2.title {
    font-size: 58px;
    color: #fff;
    font-weight: 700;
    line-height: 68px
}

.home-page #experience .title {
    margin-bottom: 50px
}

h2.title font {
    color: #f7c155
}

#represent p {
    font-size: 16px
}

.emoji-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.emoji-txt {
    flex: 0 0 60%;
    max-width: 60%
}

.emoji-icon {
    flex: 0 0 40%;
    max-width: 40%
}

.emoji-icon span {
    background-image: url(https://res.cloudinary.com/dntxtfcmk/image/upload/v1591678686/Naizop/icons8-eye-96-_1_zyo8ri.png);
    height: 69px;
    display: block
}

#represent .emoji-txt p {
    font-size: 19px;
    margin-bottom: 0;
    font-weight: 500
}

.mt-25 {
    margin-top: 40px
}

.emoji-icon.emoji-icon2 span {
    background-position: -79px 82px
}

.emoji-icon.emoji-icon1 span {
    width: 80px
}

.emoji-icon.emoji-icon3 span {
    background-position: -184px;
    width: 80px;
    height: 70px
}

.emoji-icon.emoji-icon4 span {
    background-position: 74px;
    width: 74px;
    height: 72px
}

.row.emoji-row {
    margin-top: 50px
}

#business h2.title {
    font-size: 58px;
    line-height: 70px
}

p.business-check span {
    font-size: 22px;
    font-weight: 500
}

p.business-check i {
    font-size: 32px;
    margin-bottom: 10px
}

p.business-check {
    font-size: 18px
}

.social-card {
    padding: 20px;
    background-color: #40344e;
    border-radius: 8px
}

h3.social-card-title {
    font-size: 22px;
    color: #fff;
    font-weight: 500
}

h3.social-card-title i {
    margin-right: 8px;
    font-size: 26px
}

.social-card-txt p {
    font-size: 16px
}

#business {
    padding: 80px 0
}

.row.social-row .col-sm-6:last-child {
    padding-top: 25px
}

.social-card {
    transition: .3s ease-in-out
}

.social-card:hover {
    box-shadow: 0 0 12px 0 #fff;
    transition: .3s ease-in-out
}

#achieve {
    padding: 80px 0
}

#achieve p {
    font-size: 18px
}

.inline-btn .btn {
    border-radius: 100px;
    width: 100px;
    padding: 12px;
    margin-right: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600
}

.inline-btn .login-btn {
    background-color: #efb131;
    border-color: #efb131
}

.inline-btn .red-btn {
    background-color: #f14250;
    border-color: #f14250
}

.inline-btn {
    margin-top: 50px
}

.confuse-img {
    margin: 80px auto auto;
    display: block
}

#confuse p {
    font-size: 18px;
    margin-top: 35px
}

#confuse {
    padding: 80px 0
}

#confuse .btn.btn-primary {
    margin-top: 50px
}

footer {
    background-color: #100122;
    padding: 45px 0 0;
    background-size: 100% 100%;
    background-position: center
}

footer p.mt-20 {
    font-size: 15px;
    font-weight: 300;
    color: #fff
}

.folow-title {
    font-size: 25px;
    font-weight: 500;
    color: #fff
}

.follow-us ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.follow-us {
    margin-top: 35px
}

.follow-us li a {
    background-color: transparent;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    margin-right: 15px;
    border: 1px solid #fff
}

.follow-us li a:hover {
    box-shadow: 0 0 3px 1px #fff
}

.Quick-link ul,
.ftr-services ul {
    padding-left: 0;
    list-style: none
}

.Quick-link,
.ftr-services {
    padding-left: 70px
}

.Quick-link li a,
.ftr-services li a {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px;
    display: block
}

.Quick-link .folow-title,
.ftr-services .folow-title,
.news-letter .folow-title {
    margin-bottom: 75px
}

.folow-title::after {
    content: '';
    position: absolute;
    background-color: #262342;
    width: 120%;
    height: 1px;
    left: 0;
    bottom: -31px
}

.follow-us .folow-title::after {
    display: none
}

.news-letter .folow-title::after {
    width: 100%
}

.news-letter .input-group {
    border-radius: 100px !important;
    border: 1px solid #16232c;
    box-shadow: none;
    background-color: #fff
}

.news-letter .input-group .form-control {
    border: 0;
    padding-left: 15px;
    background-color: transparent;
    height: 50px
}

.news-letter .input-group .input-group-btn button {
    background-color: transparent;
    border: 0
}

.news-letter .input-group .input-group-btn button {
    border: 0;
    background-color: #f14250;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    margin-right: 5px;
    color: #fff
}

.news-letter .input-group:hover button i {
    transform: rotate(45deg);
    transition: .2s linear
}

.follow-us ul {
    margin-top: 25px
}

.row.ftr-bottom.text-center {
    border-top: 1px solid #262242;
    padding: 40px 0;
    margin-top: 125px
}

.tabs-wrap.dash-title-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.dash-title-wrap {
    margin-bottom: 30px
}

.dash-title-wrap h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase
}

.dash-title-wrap h2:after {
    content: '';
    background-color: #fff;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border-radius: 50px
}

.well {
    background-color: transparent;
    border: 2px solid #40344e;
    padding: 0;
    border-radius: 8px
}

.width-service-name {
    width: 100%
}

.search-well {
    margin-bottom: 25px
}

.search-well .input-group button,
.search-well .input-group input {
    height: 48px
}

.search-well .input-group button {
    background-color: #f14250;
    border-color: #f14250
}

.search-well .input-group input::placeholder {
    font-weight: 500;
    color: #9393a2
}

.form-group .form-control {
    height: 48px;
    background-color: #100122;
    border: 2px solid #40344e;
    color: #fff
}

.sidebar-wrap {
    position: fixed;
    width: 275px;
    left: 0;
    top: 0;
    background-color: #1d1d3d;
    z-index: 9999;
    height: 100%;
    padding: 0 15px 30px;
    transition: .6s ease-in-out
}

.sidebar-logo {
    display: flex;
    align-items: center;
    padding-top: 20px;
    flex-direction: column
}

.sidebar-nav {
    margin: 2rem auto;
    width: 80%
}

.sidebar-logo .brand {
    margin-right: 0
}

.search-well .form-control {
    background-color: #161438;
    border: 1px solid #262650;
    border-radius: 5px !important;
    width: 98%;
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.search-well .btn.btn-default {
    background-color: #161438;
    font-size: 15px;
    font-weight: 500;
    color: #f6c85a;
    border-radius: 5px;
    border-color: #f6c85a;
    padding: 0 20px
}

.main-wrapper.toggle .sidebar-wrap {
    left: 0;
    width: 150px;
    background-color: #161438;
    transition: .6s ease-in-out
}

.main-wrapper.toggle .inner-wrap {
    padding: 10px 0 20px 165px;
    transition: .6s ease-in-out
}

.inner-wrap {
    padding: 10px 0 20px 290px;
    transition: .6s ease-in-out
}

.brand img {
    width: auto;
    display: block;
    margin: auto;
    height: 90px
}

.sidebar-logo .brand img {
    height: 100px
}

.main-wrapper.toggle .sidebar-logo .brand img {
    height: 100px
}

.userprofile .dropdown button {
    width: 100%;
    background-color: transparent;
    border-color: transparent;
    text-align: left
}

.dropdown button,
select {
    -webkit-appearance: none;
    background-image: url(https://storage.perfectcdn.com/9f0e19/gpaoy2osdghhclgt.png) !important;
    background-repeat: no-repeat;
    background-position: 97% center
}

.userprofile .dropdown-menu {
    width: 100%
}

.nav-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://storage.perfectcdn.com/0a268b/shp6xf5nkj2isoc1.png);
    width: 27px;
    height: 24px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    transition: .4s ease-in-out
}

.nav-icon.neworder {
    background-position: -107px 0
}

.nav-icon.services {
    background-position: -162px 0
}

.nav-icon.orders {
    background-position: -135px 0
}

.nav-icon.addfunds {
    background-position: 0 0
}

.nav-icon.ticket {
    background-position: -217px 0
}

.nav-icon.affiliates {
    background-position: -27px 0
}

.nav-icon.child {
    background-position: -81px 0
}

.nav-icon.api {
    background-position: -55px 0
}

.nav-icon.faq {
    background-position: -243px 0
}

.nav-icon.terms {
    background-position: -270px 0
}

.nav-icon.neworder {
    background-position: -107px 0
}

.nav-icon.massorder {
    background-position: -291px 0
}

.main-wrapper.toggle .sidebar-nav li a:focus .nav-icon,
.main-wrapper.toggle .sidebar-nav li a:hover .nav-icon,
.main-wrapper.toggle .sidebar-nav li.active a .nav-icon {
    background-position-y: -24px
}

.nav-icon img {
    width: 22px
}

.nav-icon i {
    font-size: 18px
}

.main-wrapper.toggle .nav-text {
    display: none
}

.main-wrapper.toggle .nav-icon {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    display: block;
    margin: 0 auto;
    transform: none
}

.sidebar-nav ul>li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 7px;
    margin-bottom: 7px
}

.sidebar-nav ul>li:last-child {
    border-bottom: none
}

.sidebar-nav li a:focus,
.sidebar-nav li a:hover,
.sidebar-nav li.active a {
    color: #fff;
    transition: .5s ease-in-out
}

.sidebar-nav li a {
    transition: all .3s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #9494a3;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 5px 15px;
    background-color: transparent;
    border: 1px solid transparent
}

.main-wrapper.toggle .sidebar-nav li a {
    padding-left: 10px;
    text-align: center;
    background-color: #201f41;
    border-radius: 5px;
    display: flex;
    border: 1px solid #262650
}

.sidebar-nav li a:focus .nav-icon img,
.sidebar-nav li a:hover .nav-icon img,
.sidebar-nav li.active a .nav-icon img {
    filter: brightness(160%)
}

.hamburger i {
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

body.dashboard .navbar.navbar-default {
    background-color: transparent;
    border-color: transparent;
    padding-left: 290px;
    transition: .6s ease-in-out
}

.dashboard .nav.navbar-nav.navbar-right.navbar-right-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-wrapper.toggle .navbar.navbar-default.navbar-static-top {
    padding-left: 165px;
    transition: .6s ease-in-out
}

body.dashboard .well {
    padding: 19px;
    border-color: #9d91ac
}

.usr-blnce .badge {
    background-color: #f14250;
    color: #fff;
    padding: 5px 15px
}

.navbar-right.navbar-right-block .dropdown button {
    background-color: transparent;
    border: 0;
    margin-right: 15px
}

.navbar-right.navbar-right-block .dropdown button i {
    background-color: #40344e;
    padding: 0;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 10px
}

.dash-navpills {
    display: flex;
    flex-wrap: wrap
}

.dash-navpills li {
    margin-right: 10px;
    margin-left: 0 !important
}

.dash-navpills li:last-child {
    margin-right: 0
}

.dash-navpills li a {
    min-width: 140px;
    text-align: center;
    background-color: #161438;
    border: 1px solid #262650;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #9393a2;
    text-transform: uppercase;
    transition: .5s ease-in-out
}

.dash-navpills li a:focus,
.dash-navpills li a:hover,
.dash-navpills li.active a,
.dash-navpills li.active a:focus,
.dash-navpills li.active a:hover {
    background-color: #201f41;
    border-color: #262650;
    color: #fff;
    transition: .5s ease-in-out
}

.fund-history {
    background-color: #100122;
    padding: 12px 15px;
    border-radius: 8px;
    color: #fff
}

.nav-tabs {
    border-bottom: 0
}

.fund-form .dash-navpills li a {
    margin-bottom: 12px;
    border-radius: 5px;
    background-color: #161438;
    border-color: #262650;
    text-transform: capitalize
}

.fund-form .dash-navpills li a:focus,
.fund-form .dash-navpills li a:hover,
.fund-form .dash-navpills li.active a,
.fund-form .dash-navpills li.active a:focus,
.fund-form .dash-navpills li.active a:hover {
    background-color: #201f41;
    border-color: #262650
}

.dashboard .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px
}

.dashboard .nav-tabs li {
    margin-right: 20px
}

.dashboard .fund-form .nav-tabs {
    justify-content: space-between
}

.dashboard .nav-tabs li a {
    text-transform: uppercase;
    padding: 7px 7px;
    border-radius: 100px;
    color: #fff
}

.dashboard .nav-tabs li a:focus,
.dashboard .nav-tabs li a:hover,
.dashboard .nav-tabs li.active a {
    background-color: #f14250
}

.payment-content {
    padding: 25px 0
}

.payment-content h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600
}

.titcket-title {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600
}

.ticket-message-right .ticket-message {
    background-color: RGBA(90, 246, 204, .4);
    color: #5af6cc;
    border: 2px solid #5af6cc;
    border-radius: 30px 30px 0 30px;
    font-weight: 400
}

.info small,
.info strong {
    color: #9494a3
}

.ticket-message-left .ticket-message {
    border-radius: 30px 30px 30px 0;
    font-weight: 400;
    text-align: left;
    border: 2px solid #a9a7bc;
    color: #fff;
    background-color: #59586a
}

.ticket-message-right .message {
    display: flex;
    justify-content: space-between
}

.ticket-message-right .message {
    display: flex;
    justify-content: flex-start
}

.ticket-message-right .message strong {
    margin-right: 15px
}

.dashboard textarea {
    height: 180px !important
}

.term-wrap {
    padding: 20px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #24243e
}

.term-wrap h2 {
    font-size: 42px;
    color: #82829b;
    text-decoration: underline;
    font-weight: 500;
    font-family: Rubik, sans-serif
}

.faq-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around !important
}

.faq-tabs .nav-item {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 15px
}

.faq-tabs li.nav-item a {
    border: 1px solid #f14250;
    border-radius: 8px
}

.faq-tabs li.nav-item a {
    border: 1px solid #f14250;
    border-radius: 8px;
    margin: 0 5px;
    text-align: center;
    padding: 25px;
    min-height: 166px;
    color: #fff
}

.faq-tabs li.nav-item a:hover,
.faq-tabs li.nav-item.active a {
    background-color: #f14250
}

.faq-tabs li.nav-item a:hover i,
.faq-tabs li.nav-item.active a i {
    color: #fff;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.faq-tabs li.nav-item a i {
    display: block;
    margin-bottom: 20px;
    font-size: 54px;
    color: #f14250;
    transition: .3s
}

.faq-tab-content h2 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding: 15px 0 20px;
    border-bottom: 1px solid #f14250
}

.news-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.news-date p,
.news-sts p {
    font-size: 16px;
    color: #efb131
}

.news-body {
    border: 1px solid #9d91ac;
    border-radius: 8px;
    padding: 8px;
    position: relative;
    margin-top: 5px;
    transition: 1s ease-in-out
}

.news-body::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #9d91ac;
    top: -13px;
    left: 11px
}

.single-news {
    margin-bottom: 25px
}

.single-news:hover .news-body {
    background-color: #9d91ac;
    transition: 1s ease-in-out
}

.news-wrap {
    height: 650px;
    overflow: auto
}

.dashboard .navbar-right .search-well {
    padding: 9px 0;
    background-color: transparent;
    border-radius: 100px;
    margin-bottom: 0
}

.dashboard .navbar-right .search-well .input-group input {
    background-color: #40344e;
    border-radius: 100px;
    width: 100%;
    height: 40px;
    color: #839496
}

.dashboard .navbar-right .search-well .input-group-btn button {
    position: absolute;
    right: 8px;
    border-radius: 100px;
    top: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    transform: translateY(-50%)
}

.dashboard .navbar-right .search-well .input-group:focus input,
.dashboard .navbar-right .search-well .input-group:hover input {
    box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, .5);
    transition: .5s ease-in-out
}

.service-description .btn.btn-primary {
    background-color: #efb131;
    color: #100122;
    padding: 12px 15px
}

.order-link {
    color: #256bee
}

td.status .badge {
    padding: 15px;
    border-radius: 100px;
    font-weight: 700
}

.Pending {
    background-color: #3d2425;
    color: #dda32f
}

.In.progress {
    background-color: #0d234c;
    color: #03a9f5;
    height: auto
}

.Completed {
    background-color: #29282a;
    color: #8cc24a
}

.Partial {
    background-color: #0d1f36;
    color: #009788
}

.Processing {
    background-color: #3b0c4d;
    color: #c625e1
}

.Canceled,
.Expired {
    background-color: #3c0522;
    color: #a92945
}

.dash-title-wrap .nav-tabs li a {
    font-size: 16px;
    font-weight: 700;
    color: #82829b;
    text-transform: uppercase;
    background-color: #1d1d37;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.dash-title-wrap .nav-tabs li a:focus,
.dash-title-wrap .nav-tabs li a:hover,
.dash-title-wrap .nav-tabs li.active a,
.dash-title-wrap .nav-tabs li.active a:focus,
.dash-title-wrap .nav-tabs li.active a:hover {
    background-color: #1d1d37;
    color: #fff;
    border-color: #fff
}

.affiliate-page thead {
    border-bottom: 5px solid #f26845 !important
}

.affiliate-page .table {
    border-collapse: collapse;
    border: 0;
    border-radius: 0
}

.affiliate-page .table>tbody>tr>td,
.affiliate-page .table>tbody>tr>th,
.affiliate-page .table>tfoot>tr>td,
.affiliate-page .table>tfoot>tr>th,
.affiliate-page .table>thead>tr>td,
.affiliate-page .table>thead>tr>th {
    border-bottom: 1px solid #40344e !important;
    border-top: none !important
}

.affiliate-page thead tr th {
    background-color: #40344e
}

.affiliate-page .box {
    background-color: #40344e;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 8px;
    text-align: center
}

.affiliate-page .box img {
    margin: auto
}

.affiliate-page .box b {
    font-size: 22px;
    letter-spacing: 2px
}

.balance-head {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 300
}

.main-wrapper.toggle .balance-head {
    display: none
}

.balance-amount {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #5af6cc;
    text-shadow: 0 0 20px #5af6cc
}

.sidebar-social {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.sidebar-social a {
    width: 45px;
    height: 45px;
    display: block;
    border: 1px solid;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    margin: 0 10px;
    transition: all .3s ease-in
}

.sidebar-social a:hover {
    transform: translateY(-2px)
}

.sidebar-social .teleg-icon {
    border-color: #039be5;
    background-color: rgba(3, 155, 229, .25);
    box-shadow: 0 0 45px -10px #039be5
}

.sidebar-social a.twit-icon {
    border-color: #1da1f2;
    background-color: RGBA(29, 161, 242, .25);
    box-shadow: 0 0 45px -10px #1da1f2
}

.sidebar-social .inst-icon {
    border-color: #c036a2;
    background-color: RGBA(192, 54, 162, .25);
    box-shadow: 0 0 45px -10px #c036a2
}

.sidebar-social .disc-icon {
    border-color: #7289da;
    background-color: RGBA(114, 137, 218, .25);
    box-shadow: 0 0 45px -10px #7289da
}

.logout-btn {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #fe5858
}

.hamburger svg {
    fill: #5af6cc
}

.hamburger svg .a {
    transition: all .3s ease-in
}

.hamburger:hover svg .a:first-child {
    width: 26px
}

.hamburger:hover svg .a:nth-child(2) {
    width: 15px
}

.hamburger:hover svg .a:last-child {
    width: 22px
}

.breadcrums,
.breadcrums a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    list-style: none;
    display: flex
}

.breadcrums a {
    color: #82829b
}

.breadcrums .current-page {
    position: relative;
    padding-left: 20px
}

.breadcrums .current-page::before {
    content: '-';
    position: absolute;
    left: 8px;
    top: 0
}

.breadcrums .current-page::after {
    content: '';
    background-color: #fff;
    border-radius: 100px;
    height: 5px;
    width: 80%;
    display: block;
    position: absolute;
    bottom: -35px
}

.hamburger {
    cursor: pointer;
    margin-right: 15px
}

.navbar-nav.navbar-right li.add-btn a,
.navbar-nav.navbar-right li.aff-btn a {
    border: 2px solid;
    font-size: 14px;
    font-weight: 700;
    margin-left: 20px;
    border-radius: 100px;
    line-height: 14px;
    min-width: 135px;
    text-align: center
}

.navbar-nav.navbar-right li.aff-btn a {
    background-color: RGBA(246, 168, 90, .4);
    color: #f6dc5a;
    border-color: #f6dc5a;
    box-shadow: 0 0 25px -5px #f6dc5a
}

.navbar-nav.navbar-right li.add-btn a {
    background-color: RGBA(90, 246, 204, .4);
    color: #5af6cc;
    border-color: #5af6cc;
    box-shadow: 0 0 25px -5px #5af6cc
}

.dashboard .navbar-nav.navbar-right img {
    width: 31px;
    margin-right: 5px
}

.dashboard .navbar-right.navbar-right-block .dropdown button {
    background-color: transparent;
    border: 0;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 22px 0 15px;
    position: relative
}

.dashboard .navbar-right.navbar-right-block .dropdown.open button::after {
    content: '';
    position: absolute;
    left: 0;
    right: -13px;
    height: 5px;
    width: 90%;
    display: block;
    background-color: #fff;
    border-radius: 50px;
    margin: auto;
    bottom: -20px
}

.dashboard .navbar.navbar-default #navbar {
    padding: 20px 0;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.dashboard .navbar.navbar-default #navbar::after,
.dashboard .navbar.navbar-default #navbar::before {
    display: none
}

body.dashboard .navbar.navbar-default .navbar-header {
    position: absolute;
    display: block;
    width: 79.5%;
    height: 5px;
    border-radius: 10px;
    left: auto;
    right: 15px;
    bottom: 0;
    background-color: rgba(255, 255, 255, .05);
    transition: .6s ease-in-out
}

body.dashboard .main-wrapper.toggle .navbar.navbar-default .navbar-header {
    width: 98%;
    transition: .6s ease-in-out
}

.dashboard .navbar-right .dropdown-menu {
    background-color: #171731;
    border: 1px solid rgba(255, 255, 255, .15);
    float: none;
    right: 15px;
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 0
}

.dashboard .navbar-right .dropdown-menu>li {
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.dashboard .navbar-right .dropdown-menu>li:last-child {
    border: none
}

.dashboard .navbar-right .dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #fff;
    line-height: 32px
}

#order_email .form-control,
.ig2 .form-control {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    height: 60px;
    box-shadow: none;
}

.fun-form #order_email .form-control,
.fund-form .ig2 .form-control {
    box-shadow: none;
    background-color: #171731;
    border-color: #262650;
    border-radius: 10px
}

.ig2 .form-control option {
    color: #fff
}

.ig2 .form-control.number,
.ig2 .form-control[type=number] {
    color: #5af6cc
}

.input-group.ig2 .input-group-addon {
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #f6c85a
}

.input-group.ig2 .form-control {
    background-color: transparent;
    border: none;
    font-size: 16px;
    font-weight: 300;
    color: #fff
}

.input-group.ig2 .form-control option {
    background-color: #1d1d37;
    color: #fff;
    line-height: 34px;
    font-size: 16px
}

.input-group.ig2 {
    background-color: #1d1d37;
    border: 1px solid #3f3f55;
    border-radius: 5px
}

#order_email .control-label,
.ig2 .control-label {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #82829b;
    display: block;
    position: relative;
    margin-bottom: 8px
}

.ig2 .control-label .note {
    font-size: 14px;
    color: RGBA(130, 130, 155, .5);
    font-weight: 300;
    text-transform: none;
    float: right
}

.ig2 .panel-body.border-solid.border-rounded {
    background-color: #1d1d37;
    border: 1px solid #3f3f55;
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #fff
}

.ig2 p {
    font-size: 14px;
    color: #82829b;
    font-weight: 300
}

.ig2 .panel-body.border-solid.border-rounded h2 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px
}

.ig2 .panel-body.border-solid.border-rounded p {
    color: #82829b
}

.ig2 .api-example-title {
    color: #82829b;
    font-size: 24px;
    padding-bottom: 30px;
    border-bottom: 2px solid #24243e;
    margin-bottom: 30px;
    line-height: 24px;
    font-weight: 400;
    text-transform: capitalize
}

.dashboard .btn.btn-primary {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 15px;
    background-color: RGBA(90, 246, 204, .4);
    color: #5af6cc;
    box-shadow: 0 0 25px -10px #5af6cc;
    border: 1px solid #5af6cc
}

.dashboard .btn.btn-secondary {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 15px;
    background-color: #192045;
    color: #4a8eff;
    border: 1px solid #4a8eff;
    border-radius: 5px
}

.cat-name {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 38px
}

.table>tbody>tr>td,
.table>thead>tr>th {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    vertical-align: middle
}

.table>thead>tr>th {
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #24243e
}

.table>tbody>tr>td {
    font-weight: 300;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #24243e
}

.table.padd-table>tbody>tr>td {
    padding-top: 20px;
    padding-bottom: 20px
}

.text-color-1 {
    color: #4a8eff
}

.text-color-2 {
    color: #f6dc5a
}

.text-color-3 {
    color: #5af6cc
}

.underline {
    display: block;
    position: relative
}

.underline::after {
    content: '';
    width: 75%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0
}

.underline.text-color-1::after {
    background-color: #4a8eff
}

.underline.text-color-2::after {
    background-color: #f6dc5a
}

.underline.text-color-3::after {
    background-color: #5af6cc
}

.badge.badge-rate {
    background-color: #192045;
    border: 1px solid #3c6fcc;
    font-size: 16px;
    font-weight: 300;
    color: #4a8eff;
    min-width: 87px;
    line-height: 29px;
    border-radius: 50px
}

.btn.btn-table {
    background-color: RGBA(246, 200, 90, .24);
    border: 1px solid #f6c85a;
    font-size: 16px;
    font-weight: 500;
    color: #f6c85a;
    min-width: 87px;
    line-height: 29px;
    border-radius: 50px;
    padding: 3px 7px
}

.dash-btn {
    font-size: 16px;
    font-weight: 700;
    color: #82829b;
    text-transform: uppercase;
    background-color: #1d1d37;
    padding: 12px 20px;
    border-radius: 5px;
    margin-left: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.image-wrap {
    background-color: #1d1d37;
    max-width: 280px;
    text-align: center;
    border: 1px solid #3f3f55;
    border-radius: 5px;
    padding: 25px;
    display: block;
    text-decoration: none
}

.image-wrap:active,
.image-wrap:focus,
.image-wrap:hover {
    border-color: #fff;
    text-decoration: none
}

.image-wrap img {
    width: 50px;
    margin: 0 auto 15px;
    display: block
}

.image-wrap span {
    color: #82829b;
    font-size: 14px;
    font-weight: 400
}

.image-wrap:active span,
.image-wrap:focus span,
.image-wrap:hover span {
    color: #fff
}

#tglr {
    width: 24px;
    height: 24px;
    background-color: #fff;
    color: #171731;
    border-radius: 60px;
    margin-left: 10px;
    padding: 0;
    font-size: 13px
}

.popover.right {
    max-width: 220px;
    width: 220px;
    box-shadow: 0 0 20px -5px #000;
    background-color: #192045;
    border: 1px solid #365fb0;
    top: -10px !important;
    border-radius: 0
}

.popover.right .popover-title {
    display: none
}

.popover.right>.arrow {
    top: 12% !important;
    left: -12px;
    margin-top: 0;
    border-left-width: 0;
    border-right-color: #365fb0;
    border-width: 6px
}

.popover.right>.arrow::after {
    border-width: 0
}

.popover.right .popover-content {
    font-size: 16px;
    font-weight: 300
}

.popover.right .popover-content p {
    color: #fff
}

.popover.right .popover-content ul {
    color: #82829b;
    padding: 0 !important;
    list-style: none;
    margin: 0
}

.image-change-wrap a {
    color: #4a8eff;
    font-size: 32px;
    display: block;
    line-height: 1;
    text-decoration: none;
    margin-left: 15px
}

.image-change-wrap {
    display: flex;
    align-items: center
}

.table.api-table {
    table-layout: fixed;
    border: none;
    border-collapse: separate;
    border-spacing: 8px 8px
}

.table.api-table>tbody>tr>td {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #3a3a50;
    color: #82829b;
    background-color: #171731;
    padding: 15px
}

.table.api-table>thead>tr>th {
    padding: 8px;
    border: 1px solid #5a597a !important;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    background-color: #202038;
    text-transform: capitalize
}

.table.api-table>thead>tr>th {
    border: 1px solid #5a597a !important;
    color: #fff !important;
    background-color: #202038 !important;
    padding: 15px !important
}

.api-head {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    border-bottom: 2px solid #24243e;
    padding-bottom: 25px;
    margin-bottom: 15px;
    position: relative
}

.api-head .form-inline {
    position: absolute;
    left: 0
}

.api-head .ig2 select.form-control {
    background-color: transparent;
    border: none;
    box-shadow: none
}

pre {
    background-color: #0f0f1e;
    border: 1px solid #5a597a;
    font-size: 16px;
    font-weight: 300;
    color: #82829b;
    border-radius: 5px;
    font-family: Rubik
}

.term-wrap p {
    font-size: 16px;
    font-weight: 300;
    font-family: Rubik, sans-serif
}

.panel-group .panel+.panel {
    margin-top: 15px
}

.panel-default>.panel-heading {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #82829b
}

.panel-default>.panel-heading>.panel-title>a {
    font-size: 15px;
    font-weight: 500;
    border: none;
    display: block;
    border-radius: 5px;
    padding: 10px 10px 10px 73px;
    padding-right: 40px;
    line-height: 32px;
    text-decoration: none;
    position: relative
}

.panel-default>.panel-heading>.panel-title>a.collapsed {
    color: #fff;
    background: #252627;
}

.panel-default>.panel-heading>.panel-title>.arrow-bt {
    content: '';
    position: absolute;
    width: 8px;
    display: block;
    right: 35px;
    top: 50%;
    transform: translateY(-50%) rotateX(2deg)
}

.panel-default>.panel-heading>.panel-title>a[aria-expanded=true] {
    color: #fff;
    background: #252627;
}

.panel-default>.panel-heading>.panel-title>a .faq-icon {
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1.5px solid #fff
}

.panel-default>.panel-heading>.panel-title>a .tab-down {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: 20px;
    z-index: 1;
}

.panel-default>.panel-heading>.panel-title>a .tab-open {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: 20px;
    z-index: 2;
}

.panel-default>.panel-heading>.panel-title>a.collapsed .tab-down {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: 20px;
    z-index: 2;
}

.panel-default>.panel-heading>.panel-title>a.collapsed .tab-open {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: 20px;
    z-index: 1;
}

.panel-group .panel-default .panel-body {
    border-bottom: none;
    font-size: 15px;
    font-weight: 400;
    border-top: none !important;
    color: #fff;
    padding-left: 75px;
    padding-bottom: 0
}

.ser-panelgp.panel-group .panel-default .panel-body {
    padding-left: 0
}

.panel.panel-default {
    border: none;
    border-radius: 0;
    box-shadow: none
}

#Signinmodal {
    background-color: rgba(12, 12, 36, .9)
}

.guest.modal-open section {
    filter: blur(5px)
}

#Signinmodal .modal-content {
    background-color: transparent;
    border: 0;
    box-shadow: none
}

#Signinmodal .modal-title,
.signup h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

#Signinmodal .modal-header {
    border-bottom: 2px solid #24243e
}

#Signinmodal label.control-label {
    color: #898996;
    font-size: 18px;
    font-weight: 500
}

#Signinmodal .form-group .form-control,
.reset-pswd .form-group .form-control {
    background-color: transparent;
    font-size: 18px;
    color: #fff !important;
    border: 1px solid #171731;
    box-shadow: none;
    border-radius: 5px
}

#Signinmodal .form-group .form-control::placeholder,
.reset-pswd .form-group .form-control::placeholder {
    color: #fff !important;
    font-size: 18px !important
}

#Signinmodal .checkbox {
    position: absolute;
    margin: 0;
    right: 35px;
    top: 42px;
    font-family: Rubik;
    color: rgba(255, 255, 255, .35)
}

#Signinmodal .checkbox input[type=checkbox] {
    margin-left: 10px
}

#Signinmodal .checkbox input[type=checkbox] {
    margin-left: 10px;
    border: 1px solid #515165;
    border-radius: 5px;
    background: #1b1b34 !important;
    color: #1b1b34 !important
}

.forgot-password1 {
    color: #686878;
    font-size: 16px;
    font-weight: 300
}

.forgot-password1 span {
    color: #fff
}

#Signinmodal hr {
    background-color: #24243e;
    border-top: 2px solid #24243e
}

#Signinmodal .btn.btn-defualt,
#Signinmodal .btn.btn-primary,
.button-wrap .btn.btn-defualt,
.button-wrap .btn.btn-primary {
    background-color: #4a8eff;
    color: #000;
    font-size: 18px;
    height: 60px;
    width: 100%;
    display: block;
    margin: auto;
    padding: 12px 0;
    border-radius: 100px;
    border: 0;
    font-family: Rubik
}

#Signinmodal .btn.btn-defualt,
.button-wrap .btn.btn-defualt {
    background: linear-gradient(to right, #f6c75a 0, #ff9233 100%)
}

#Signinmodal .btn.btn-defualt,
.button-wrap .btn.btn-defualt {
    display: flex;
    justify-content: center;
    align-items: center
}

.button-wrap {
    width: 410px;
    text-align: center;
    margin: auto
}

.button-wrap p {
    margin: 12px auto
}

.reset-pswd h3 {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.reset-pswd hr,
.signup hr {
    border-top: 2px solid #24243e
}

.reset-pswd form label {
    color: #898996;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.go-back {
    margin-bottom: 15px
}

.go-back a {
    font-size: 16px;
    font-weight: 300;
    color: #686878
}

.go-back a span {
    color: #f6c85a
}

.signup .input-group.ig2 .input-group-addon {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.input-group.ig2 .input-group-addon,
.signup .input-group.ig2 .form-control {
    background-color: #171731
}

.signup .checkbox,
.signup .checkbox label {
    font-size: 16px;
    font-weight: 300;
    color: #686878
}

.signup .checkbox a {
    color: #fff;
    font-weight: 500
}

.home-page #exper .row:last-child::after {
    content: '';
    position: absolute;
    background-image: url(https://i.imgur.com/cNAuBFt.png);
    width: 469px;
    height: 387px;
    top: -70px;
    right: -400px
}

.home-page #exper .row:last-child::before {
    content: '';
    position: absolute;
    background-image: url(https://i.imgur.com/oV6eGJa.png);
    width: 469px;
    height: 387px;
    top: -70px;
    left: -400px
}

.home-page #exper .row:last-child {
    position: relative
}

.home-page #exper {
    overflow: hidden
}

footer .folow-title {
    font-size: 25px;
    color: #fff !important;
    font-family: Rubik !important;
    position: relative !important
}

footer {
    background-color: #000000 !important;
}

.Quick-link,
.ftr-services {
    padding-left: 0 !important
}

.news-letter .folow-title {
    color: #f6c85a !important
}

.news-letter .input-group {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important
}

.news-letter .input-group input {
    border-bottom: 1px solid #33304a !important
}

.news-letter .input-group .input-group-btn button {
    background-color: #f6c85a !important;
    color: #2a2337 !important
}

.row.ftr-bottom.text-center .follow-us ul {
    justify-content: center !important;
    margin-top: 0 !important;
    margin-bottom: 0
}

.row.ftr-bottom.text-center .follow-us {
    margin-top: 0 !important
}

#signup {
    padding: 80px 0 65px
}

#signup,
#signup a,
#signup li,
#signup p {
    font-family: Rubik
}

#signup .button-wrap {
    margin-top: 50px
}

#accordion .panel-body p {
    color: #fff !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    font-family: Rubik !important
}

.dash-title-wrap.update-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.liveupdate {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.1;
    color: #5af6cc;
    text-shadow: 0 0 25px #5af6cc;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.liveupdate i {
    font-size: 12px;
    margin-right: 6px;
    text-shadow: 0 0 25px #5af6cc
}

#table-updates.update-table .width-service-name {
    width: 400px
}

.btn.btn-sm.update {
    font-size: 16px;
    font-weight: 300;
    border-radius: 28px;
    padding: 7.5px 25px
}

#table-updates.update-table tbody tr td,
#table-updates.update-table thead tr th {
    padding: 15px !important
}

#table-updates.update-table tbody::before {
    content: "-";
    display: block;
    line-height: 35px;
    color: transparent
}

#table-updates.update-table thead tr th {
    border-top: 1px solid #5a597a;
    border-bottom: 1px solid #5a597a
}

#table-updates.update-table thead tr,
#table-updates.update-table thead tr th:first-child {
    border-left: 1px solid #5a597a;
    border-radius: 5px 0 0 5px !important
}

#table-updates.update-table thead tr,
#table-updates.update-table thead tr th:last-child {
    border-right: 1px solid #5a597a;
    border-radius: 0 5px 5px 0 !important
}

.table-pagination ul {
    padding-left: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center
}

.table-pagination ul li a {
    margin: 12px
}

.table-pagination ul li.active a {
    color: #fff
}

#Signinmodal1 .modal-body,
.modal-header {
    background-color: #171731
}

#Signinmodal1 .control-label {
    font-weight: 700;
    font-size: 18px;
    font-family: Rubik
}

#Signinmodal1 .modal-logo,
#signup .modal-logo {
    display: block;
    margin: 15px auto
}

#Signinmodal1 .modal-btn-wrap,
#signup .modal-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px
}

#Signinmodal1 .modal-btn-wrap .btn,
#signup .modal-btn-wrap .btn {
    background-color: #292946;
    color: #9494a3;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    padding: 6px 12px;
    min-width: 95px;
    display: block;
    margin: 0 8px;
    height: 34px
}

#Signinmodal1 .modal-btn-wrap .btn.btn-primary,
#signup .modal-btn-wrap .btn.btn-primary {
    background: linear-gradient(45deg, #f6c75a 0, #ff9233 100%);
    color: #fff
}

#Signinmodal1 .form-group .form-control {
    font-size: 18px;
    font-weight: 400;
    font-family: Rubik;
    color: #fff;
    background-color: rgba(23, 23, 49, .38);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px
}

#Signinmodal1 .checkbox {
    position: absolute;
    margin: 0;
    right: 35px;
    top: 42px;
    font-family: Rubik;
    color: rgba(255, 255, 255, .35)
}

#Signinmodal1 .checkbox input[type=checkbox] {
    margin-left: 10px;
    border: 1px solid #515165
}

#Signinmodal1 .button-wrap .btn.btn-primary,
.signip-frm.signip-frm1 .button-wrap .btn.btn-primary {
    background-color: #3939ce;
    color: #fff;
    border-radius: 3px;
    margin: 40px auto
}

#Signinmodal1 .forgot-password1 {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin: auto;
    display: block;
    color: #686878
}

#Signinmodal1 .modal-body,
.modal-header {
    background-color: #171731;
    box-shadow: 0 0 25px rgba(255, 255, 255, .38)
}

#Signinmodal1 .modal-content {
    border: 0;
    border-radius: 4px !important
}

#Signinmodal1 .checkbox label {
    font-size: 15px
}

.signip-frm.signip-frm1 .checkbox,
.signip-frm.signip-frm1 .checkbox label {
    text-align: center;
    color: #686878;
    font-size: 16px;
    font-weight: 300
}

.signip-frm.signip-frm1 .checkbox label a {
    font-weight: 500
}

.signip-frm.signip-frm1 .g-recaptcha.form-group>div {
    display: block;
    margin: auto
}

#Signinmodal1.signup-modal .checkbox {
    position: unset
}

#Signinmodal1.signup-modal .checkbox input[type=checkbox] {
    margin-left: -20px
}

#Signinmodal1 .g-recaptcha>div {
    margin: auto
}

.new-footer {
    position: relative;
}

.new-footer .ftr-logo {
    display: flex;
}

.new-footer .ftr-logo .company-name {
    font-size: 24px;
    color: #fff;
    margin-top: 14px;
}

.new-footer .ftr-card {
    position: relative;
}

.new-footer .ftr-card .ftr-card-bg {
    width: 180px;
    height: 200px;
    background: #1F2329;
    opacity: 0.5;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
}

.new-footer .ftr-card .ftr-card-content {
    padding: 20px 0px 20px 30px;
    position: relative;
    font-size: 18px;
    z-index: 3;
}

.new-footer .ftr-card .ftr-card-content ul {
    padding-left: 0;
}

.new-footer .ftr-card h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

.new-footer .ftr-card ul {
    list-style: none;
}

.new-footer .ftr-card ul li {
    list-style: none;
    margin: 4px 0;
}

.new-footer .ftr-card a {
    color: #fff;
    font-size: 18x;
    color: #686E73;
    margin-right: 7px;
}

.new-footer .ftr-logo img {
    display: block;
    width: 48px;
    height: 48px;
}

footer.new-footer .folow-title {
    color: #595394 !important;
    font-size: 19px;
    font-weight: 500;
    font-family: Montserrat !important;
    margin-bottom: 20px;
    text-transform: uppercase;
}

footer.new-footer .folow-title::after {
    display: none;
}

.new-footer .Quick-link li a,
.new-footer .ftr-services li a {
    font-family: Montserrat !important;
    font-weight: 400;
    margin-bottom: 13px
}

.new-footer .news-letter .input-group {
    border: 1px solid #595394 !important;
    border-radius: 23px !important
}

.new-footer .news-letter .input-group .form-control {
    height: 45px;
    box-shadow: none;
    border: 0 !important
}

.new-footer .news-letter .input-group .form-control {
    height: 45px;
    box-shadow: none;
    border: 0 !important;
    font-size: 15px;
    font-weight: 400;
    color: #8b8b8b
}

.ftr-top-border {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.new-footer .news-letter .input-group .form-control::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #8b8b8b !important
}

.top-ftr .row .col-sm-3:last-child {
    position: relative
}

.news-letter .copy-right {
    color: #f6c85a;
    font-size: 12px;
    font-weight: 500;
    font-family: Montserrat !important;
    margin: 20px 0;
    text-transform: uppercase;
    text-align: center
}

.top-ftr {
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    padding-bottom: 33px;
    position: relative;
}

.ftr-bottom-title {
    color: #fff;
    font-size: 16px;
    padding: 15px 0 25px 0;
}

.top-ftr .ftr-bg-content {
    top: 20px;
    right: 0;
    position: absolute;
    z-index: 2;
    right: -100px;
}

.top-ftr .ftr-bg-mask {
    top: -55px;
    right: -130px;
    position: absolute;
    z-index: 1;
    right: -200px;
}

.top-ftr .ftr-pay-mark {
    top: 115px;
    right: 0;
    position: absolute;
    z-index: 2;
    right: -115px;
}

.top-ftr .ftr-tech-mark {
    top: 140px;
    right: 0;
    position: absolute;
    z-index: 2;
    right: -118px;
}

.top-ftr .row {
    display: flex;
    flex-wrap: wrap
}

footer.new-footer {
    padding: 37px 120px 0 120px;
    overflow: hidden;
}

body.dashboard .fund-form .well {
    border-color: #1d1d3a;
    background-color: #1d1d3a
}

.dropdown.bootstrap-select.form-control.slkt {
    height: 52px;
    background-color: #171731;
    border-color: #262650;
    border-radius: 10px;
    z-index: auto
}

.dropdown.bootstrap-select.form-control.slkt .filter-option-inner-inner i {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #262650;
    border-radius: 5px;
    margin-right: 10px
}

.slkt .dropdown-menu>li>a .iko {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background-color: #171731;
    border-radius: 5px
}

.slkt .dropdown-menu {
    background-color: #1d1d37
}

.slkt .dropdown-menu>li>a {
    color: #fff
}

.slkt .dropdown-menu>li.selected.active>a,
.slkt .dropdown-menu>li>a:hover {
    background-color: transparent
}

.fund-form .ig2 .form-control.nmbr {
    background-color: #171731;
    border-color: #262650;
    color: #f6c85a;
    box-shadow: none;
    border: none;
    padding-left: 2px
}

.fund-form .input-group.ig2 .input-group-addon {
    color: #f6c85a;
    background-color: transparent;
    border: none
}

.fund-form .input-group.ig2 .input-group-addon#sizing-addon1 {
    padding-right: 0;
    padding-top: 7px
}

.fund-form .ig2 .control-label {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500
}

.fund-form .ig2 .panel-body.border-solid.border-rounded {
    background-color: #171731;
    border-color: #262650;
    border-radius: 10px
}

.fund-form .input-group.ig2 {
    background-color: #161438;
    border-color: #262650;
    border-radius: 5px
}

.fund-form .well h4.well-title,
.fund-form .well2 h4.well-title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 15px
}

.well .well-para,
.well2 .well-para {
    font-size: 16px;
    font-weight: 300;
    color: #82829b
}

.howto {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.howto li {
    height: 52px;
    background-color: #161438;
    margin-top: 10px;
    border: 1px solid #262650;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    padding: 0 20px
}

.howto li i {
    color: #424274;
    font-size: 22px;
    margin: 0 8px;
    width: 25px;
    text-align: center
}

.form-group.ig3 .form-control {
    height: 52px;
    background-color: #161438;
    border: 1px solid #262650;
    border-radius: 5px;
    box-shadow: none
}

.form-group.ig3 {
    position: relative
}

.form-group.ig3 label {
    display: block;
    margin-bottom: -10px;
    margin-left: 13px;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase
}

.form-group.ig3.igYellow .form-control,
.form-group.ig3.igYellow label {
    color: #f6dc5a
}

.form-group.ig3.igBlue .form-control,
.form-group.ig3.igBlue label {
    color: #4a8eff
}

.form-group.ig3.igGreen .form-control,
.form-group.ig3.igGreen label {
    color: #5af6cc
}

.table-well {
    background-color: #161438;
    border: 1px solid #262650;
    border-radius: 10px;
    padding: 10px 20px 5px
}

.table-well .table>thead>tr>th {
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #34346e
}

.table-well .table>tbody>tr>td {
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #34346e
}

.table-well .form-group.ig3 .form-control {
    background-color: #201f41;
    border-color: #262650
}

.d-flex {
    display: flex;
    flex-wrap: wrap
}

.h-100 {
    height: 100%
}

.dash-title-wrap {
    display: none
}

#charge {
    color: #f6c85a;
    padding-left: 12px
}

.order-info-detail-inner .btn.btn-primary {
    color: #231514 !important
}

#accordion.ser-panelgp .panel-body p.ser-name,
#accordion.ser-panelgp .panel-body p.ser-rate {
    font-weight: 600 !important
}

.sidebar-wrap {
    background-color: #161438
}

.sidebar-logo {
    margin-left: -15px;
    background-color: #201f41;
    padding-bottom: 20px;
    margin-right: -15px
}

.balance-amount {
    background-color: #161438;
    padding: 7px 12px;
    margin-top: 10px;
    color: #f6c85a;
    text-shadow: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #262650
}

.sidebar-nav ul>li {
    background-color: transparent
}

.sidebar-nav li a {
    color: #9494a3;
    background-color: transparent;
    text-align: left;
    padding-left: 50px;
    font-size: 16px
}

.nav-icon {
    color: #8b8aaa
}

.hamburger svg {
    fill: #f6c85a
}

.hamburger svg .a {
    width: 26px
}

body.dashboard {
    background-color: #100d2e
}

body.dashboard .fund-form .well {
    border-color: transparent;
    background-color: transparent
}

.dashboard .fun-form #order_email .form-control,
.dashboard .fund-form .ig2 .form-control {
    background-color: #161438;
    border-radius: 5px;
    border-color: #262650;
    font-size: 16px;
    font-weight: 400
}

.sidebar-nav ul>li {
    border-bottom: 0;
    padding-bottom: 0
}

.sidebar-social {
    margin-top: 100px;
    margin-bottom: 5px
}

.sidebar-social a {
    border: 0;
    background-color: transparent !important;
    box-shadow: none !important;
    margin: 0
}

.sidebar-copyright {
    color: #f6c85a;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    text-align: center
}

.dashboard .fund-form .ig2 .panel-body.border-solid.border-rounded {
    background-color: #161438;
    border-color: #262650;
    border-radius: 5px
}

.dashboard .btn.btn-primary {
    background: #f7c154;
    background: -moz-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f7c154), color-stop(100%, #ff9233));
    background: -webkit-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: -o-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: -ms-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: linear-gradient(to right, #f7c154 0, #ff9233 100%);
    border: transparent;
    border-radius: 5px;
    color: #231514;
    font-weight: 500;
    box-shadow: none
}

.dashboard .navbar-right.navbar-right-block .dropdown button {
    color: #5af6cc
}

.navbar-nav.navbar-right li.add-btn a,
.navbar-nav.navbar-right li.aff-btn a {
    background: 0 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    color: #8b8aaa
}

.navbar-nav.navbar-right li.add-btn a i,
.navbar-nav.navbar-right li.aff-btn a i {
    margin-right: 10px
}

.usd {
    color: #f6c85a;
    font-weight: 500;
    position: absolute;
    right: 30px;
    top: 50%;
    font-size: 16px;
    transform: translateY(-50%)
}

body.dashboard .navbar.navbar-default .navbar-header {
    background: #100d2e;
    background: -moz-linear-gradient(left, #100d2e 0, #1a173f 50%, #100d2e 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #100d2e), color-stop(50%, #1a173f), color-stop(100%, #100d2e));
    background: -webkit-linear-gradient(left, #100d2e 0, #1a173f 50%, #100d2e 100%);
    background: -o-linear-gradient(left, #100d2e 0, #1a173f 50%, #100d2e 100%);
    background: -ms-linear-gradient(left, #100d2e 0, #1a173f 50%, #100d2e 100%);
    background: linear-gradient(to right, #100d2e 0, #1a173f 50%, #100d2e 100%)
}

.breadcrums .current-page::after {
    background-color: #f6c85a;
    border-radius: 0;
    bottom: -12px
}

.breadcrums a {
    color: #59588d;
    font-weight: 400
}

.breadcrums .current-page {
    font-size: 16px;
    font-weight: 400
}

.navbar-nav.navbar-right li.add-btn a,
.navbar-nav.navbar-right li.aff-btn a {
    color: #59588d;
    font-size: 16px;
    font-weight: 500
}

.dashboard .navbar-right.navbar-right-block .dropdown {
    border-left: 4px solid #19163d
}

.dashboard .navbar-nav.navbar-right img {
    margin: 0 20px 0 10px
}

.dashboard .navbar-nav.navbar-right span {
    margin: 0 15px 0 0
}

.dashboard .navbar-right.navbar-right-block .dropdown button {
    color: #f6c85a;
    font-size: 16px;
    font-weight: 500
}

.inner-wrap {
    background-color: rgba(16, 13%, 46%, 65%)
}

.mobile-table {
    display: none
}

.update-box {
    background: #161438;
    background: linear-gradient(45deg, #161438 0, #161438 50%, #262650 100%);
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px
}

.update-title {
    font-size: 13px;
    font-weight: 500;
    color: #9b9ba4;
    margin-top: 0;
    margin-bottom: 5px
}

.update-box p {
    margin-bottom: 0;
    color: #63637c;
    font-size: 14px;
    font-weight: 400
}

.update-box .servRow p {
    font-size: 16px;
    color: #fff;
    max-height: 46px;
    min-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis ellipsis
}

.row.servRow {
    margin-top: 20px;
    margin-bottom: 20px
}

.update-box .form-group.ig3 label {
    font-size: 12px
}

.update-box .form-group.ig3 .form-control {
    font-size: 16px;
    font-weight: 400
}

.update-box .form-group.ig3.enabled label {
    color: #59f4ca
}

.update-box .form-group.ig3.enabled .form-control {
    background-color: #32706f;
    border-color: #59f4ca;
    color: #59f4ca
}

.update-box .form-group.ig3.enabled label {
    color: #59f4ca
}

.update-box .form-group.ig3.enabled .form-control {
    background-color: #32706f;
    border-color: #59f4ca;
    color: #59f4ca
}

.update-box .form-group.ig3.disabled label {
    color: #a7424b
}

.update-box .form-group.ig3.disabled .form-control {
    background-color: #3b2137;
    border-color: #a7424b;
    color: #a7424b
}

.update-box .form-group.ig3.decreased label,
.update-box .form-group.ig3.increased label {
    color: #355eae
}

.update-box .form-group.ig3.decreased .form-control,
.update-box .form-group.ig3.increased .form-control {
    background-color: #192045;
    border-color: #355eae;
    color: #355eae
}

.ticket-subject::before,
.view-btn::before {
    display: none !important
}

.view-btn .btn.btn-success {
    background-color: #161438;
    border: 2px solid #7bed9f;
    box-shadow: 0 0 15px -4px RGBA(123, 237, 159, .46);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #7bed9f;
    line-height: 31px
}

.pagination {
    margin-top: 35px;
    text-align: center;
    display: flex;
    justify-content: center
}

.pagination>li>a,
.pagination>li>span {
    background-color: #161438;
    border-color: #262650;
    color: #9b9ba4
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #fff;
    background-color: #262650;
    border-color: #3c3c6f
}

@media (max-width:1200px) {
    .boxx {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .how-box {
        height: 190px;
    }

    .dwn {
        font-size: 28px;
    }

    .flex-shrink-0 {
        margin: 0 !important;
    }



    .guest .navbar.navbar-default li a {
        margin: 0 2px;
        padding: 15px 0
    }

    .social-blast {
        right: 0
    }

    .speaker-man {
        top: 96px
    }

    .emoji-icon,
    .emoji-txt {
        flex: 0 0 50%;
        max-width: 50%
    }

    .new-footer .ftr-card h4 {
        font-size: 18px;
    }

    .new-footer .ftr-card a {
        font-size: 14px;
    }

    .new-footer .ftr-card .ftr-card-bg {
        width: 150px;
        height: 175px;
    }

    .new-footer .ftr-card h4 {
        font-size: 16px;
    }

    .new-footer .ftr-card a {
        font-size: 10px;
    }

    .new-footer .ftr-card .ftr-card-content {
        font-size: 10px;
    }

    .top-ftr .ftr-bg-content {
        width: 100%;
    }

    .top-ftr .ftr-bg-mask {
        width: 180%;
    }

    .top-ftr .ftr-pay-mark {
        width: 130%;
        top: 100px;
        right: 0;
        position: absolute;
        z-index: 2;
        right: -115px;
    }

    .top-ftr .ftr-tech-mark {
        top: 123px;
        right: 0;
        position: absolute;
        z-index: 2;
        right: -118px;
    }

    #ftr-naizop-ico {
        width: 34px;
        height: 34px;
        margin-top: 15px;
    }

    .new-footer .ftr-logo .company-name {
        font-size: 20px;
        margin-top: 20px;
    }

    .top-ftr {
        padding-bottom: 53px;
    }

}

@media (max-width:991px) {
    .guest .navbar.navbar-default li a {
        font-size: 12px;
        min-width: 60px;
        padding: 5px 0
    }

    #top-sec {
        padding: 80px 0 150px
    }

    #top-sec h1 {
        font-size: 55px;
        line-height: 65px
    }

    .social-blast {
        top: 0
    }

    .social-blast,
    .speaker-man {
        width: 100%
    }

    .stats-card {
        top: 320px
    }

    #top-sec h2 {
        margin-top: 20px
    }

    #top-sec .btn.btn-primary {
        margin-top: 10px
    }

    #info {
        padding: 30px 0
    }

    h2.title {
        font-size: 35px;
        font-weight: 600;
        line-height: 45px
    }

    .emoji-icon.emoji-icon2 span {
        background-position: -52px 122px;
        background-size: 247px
    }

    #achieve,
    #business,
    #confuse,
    #represent {
        padding: 40px 0
    }

    #business h2.title {
        font-size: 48px;
        line-height: 55px
    }

    #business h2.title br {
        display: none
    }

    p.business-check span {
        font-size: 18px
    }

    p.business-check {
        font-size: 14px
    }

    .main-wrapper.toggle .nav.navbar-nav.navbar-left-block {
        padding-left: 0
    }

    .inner-wrap {
        padding-top: 0
    }

    .main-wrapper.toggle .inner-wrap {
        padding: 0 0
    }

    .home-page #top-sec h1 {
        font-size: 48px;
        line-height: 58px
    }

    .home-page .top-right .abs.social-blast {
        right: -110px;
        width: 260px;
        top: 20px
    }

    #represent .emoji-txt p {
        font-size: 18px;
        margin-bottom: 0
    }

    .emoji-icon i {
        font-size: 45px
    }

    .home-page .busi-crd-wrap ul {
        padding-left: 8px
    }

    .home-page .busi-crd-wrap {
        max-width: 280px
    }


    footer.new-footer .folow-title {
        font-size: 16px;
        margin-bottom: 12px
    }
}

@media (max-width:767px) {
    .guest #navbar {
        background-color: #1c2021
    }

    .guest #navbar ul li a {
        margin-bottom: 12px
    }

    .guest .navbar-default .navbar-toggle {}

    .guest .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .social-blast {
        top: -760px;
        width: 290px !important
    }

    #top-sec {
        padding: 150px 0 120px
    }

    .stats-card {
        top: 252px
    }

    .speaker-man {
        top: 96px;
        width: 280px !important
    }

    #info {
        padding: 670px 0 40px
    }

    .infowrap {
        margin-bottom: 15px
    }

    .infowrap.mt-80 {
        margin-top: 0
    }

    .emoji-icon,
    .emoji-txt {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin: auto
    }

    .emoji-icon span {
        margin: 25px auto
    }

    .emoji-icon.emoji-icon2 span {
        background-position: -79px 2px;
        width: 96px;
        height: 51px;
        background-size: unset
    }

    h2.title {
        font-size: 30px;
        font-weight: 600;
        line-height: 40px
    }

    h3.social-card-title {
        margin-bottom: 0;
        text-align: center
    }

    .social-card.mt-25 {
        margin-top: 0
    }

    .social-card {
        margin-bottom: 25px
    }

    .row.social-row .col-sm-6:last-child {
        padding-top: 0
    }

    .row.social-row {
        margin-top: 25px
    }

    .Quick-link,
    .ftr-services {
        padding-left: 0
    }

    .Quick-link .folow-title,
    .ftr-services .folow-title,
    .news-letter .folow-title {
        margin-bottom: 25px;
        margin-top: 35px
    }

    .table-responsive {
        border: 0
    }

    .search-well {
        padding: 5px
    }

    .dashboard #navbar ul.nav.navbar-nav {
        flex: 0 0 50%;
        max-width: 50%;
        display: flex;
        flex-wrap: wrap
    }

    .dashboard #navbar {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0
    }

    .dashboard #navbar ul.nav.navbar-nav.navbar-right {
        justify-content: flex-end
    }

    .dashboard #navbar .navbar-nav .open .dropdown-menu {
        position: absolute;
        left: auto;
        right: 0
    }

    .home-page .top-right .abs.social-blast {
        display: none
    }

    .home-page .top-right .abs.social-blast {
        display: block;
        right: 0;
        width: 200px !important;
        top: 60px
    }

    .home-page .abs.top-right-img {
        left: 0;
        right: 0;
        max-width: 100%;
        position: relative;
        top: 90px
    }

    #info {
        padding: 40px 0 40px
    }

    .home-page #represent .row .col-sm-6 {
        width: 100%
    }

    .home-page .offer-crd-wrap {
        margin-bottom: 15px
    }

    .home-page .busi-crd-wrap {
        margin-bottom: 35px
    }

    .home-page #exper .title,
    .home-page #experience .title {
        font-size: 48px;
        margin-bottom: 90px;
        line-height: 52px
    }

    .home-page #experience .title {
        margin-bottom: 40px
    }

    .home-page #exper .title span,
    .home-page #experience .title span {
        font-size: 58px;
        font-weight: 700;
        line-height: 68px
    }

    .row.ftr-bottom.text-center {
        margin-top: 60px
    }

    .guest .navbar.navbar-default li a:hover::after,
    .guest .navbar.navbar-default li.active a::after,
    .guest .navbar.navbar-default li.active a:hover::after {
        left: 0;
        bottom: -6px;
        right: 0;
        margin: auto
    }

    .guest .navbar.navbar-default li a {
        margin: auto
    }

    .folow-title::after {
        bottom: -10px;
        width: 100%
    }

    .emoji-wrap.mt-25 {
        margin-top: 0
    }

    .emoji-wrap {
        margin-bottom: 20px
    }

    .emoji-icon {
        margin-bottom: 12px
    }

    .login-modal .modal-dialog {
        width: 90%;
        margin: 20px auto
    }

    .new-footer .ftr-logo img {
        margin: auto auto auto 0;
        display: block
    }

}

@media (max-width:550px) {
    .nav-title {
        display: contents !important;
    }

    .main-wrapper.toggle .sidebar-wrap {
        left: -150px
    }

    .main-wrapper.toggle .navbar.navbar-default.navbar-static-top {
        padding-left: 0
    }

    .guest .navbar.navbar-default::after {
        display: none
    }

    .guest .navbar.navbar-default li a {
        font-size: 14px;
        min-width: 60px;
        padding: 8px 15px
    }

    .guest #navbar ul li a {
        margin-bottom: 0
    }

    .guest .navbar.navbar-default li a {
        text-align: left
    }

    .guest ul.nav.navbar-nav.navbar-left {
        margin-bottom: 0
    }

    .guest ul.nav.navbar-nav.navbar-right {
        display: flex;
        justify-content: space-between
    }

    .guest ul.nav.navbar-nav.navbar-left,
    .guest ul.nav.navbar-nav.navbar-right {
        margin-left: 0;
        margin-right: 0
    }

    .guest ul.nav.navbar-nav.navbar-right li {
        max-width: 50%;
        flex: 0 0 50%
    }

    .guest .navbar.navbar-default .navbar-left li a {
        margin-bottom: 5px
    }

    #top-sec {
        padding: 80px 0
    }

    #top-sec h1 {
        font-size: 40px;
        line-height: 45px
    }

    #top-sec h2 {
        font-size: 16px;
        line-height: 22px
    }

    #top-sec h2 br,
    .social-blast {
        display: none
    }

    .fund-form .dash-navpills li a,
    .search-nav .dash-navpills li a {
        min-width: 40px;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }

    #top-sec .btn.btn-primary {
        margin: 30px auto;
        padding: 12px 25px;
        display: block;
        width: max-content
    }

    .speaker-man {
        top: 40px;
        width: 230px !important
    }

    .stats-card {
        top: 186px;
        width: 290px;
        max-width: 290px
    }

    #info {
        padding: 40px 0 40px;
    }

    .info-txt p {
        font-size: 18px;
        line-height: 20px
    }

    #business h2.title,
    h2.title {
        font-size: 28px;
        line-height: 35px
    }

    p.business-check span {
        font-size: 16px;
        line-height: 18px
    }

    p.business-check {
        font-size: 12px;
        line-height: 15px
    }

    .service-description .modal-body,
    .service-description .modal-title {
        white-space: normal;
        text-align: center
    }

    .dashboard #navbar .nav.navbar-nav.navbar-left-block li,
    .dashboard #navbar .nav.navbar-nav.navbar-right li a {
        padding: 10px 4px
    }

    .dashboard #navbar li .breadcrums {
        font-size: 12px;
        padding-top: 1px
    }

    .dashboard #navbar .navbar-nav .open .dropdown-menu {
        background-color: #000
    }

    .dashboard #navbar .navbar-nav .open .dropdown-menu li a {
        color: #fff;
        padding-left: 15px
    }

    .main-wrapper #navbar ul.nav.navbar-nav li,
    .main-wrapper #navbar ul.nav.navbar-nav.navbar-right,
    .main-wrapper .inner-wrap {
        opacity: 0;
        transition: 1s ease-in-out
    }

    .main-wrapper #navbar ul.nav.navbar-nav li:nth-child(1),
    .main-wrapper.toggle #navbar ul.nav.navbar-nav li,
    .main-wrapper.toggle #navbar ul.nav.navbar-nav.navbar-right,
    .main-wrapper.toggle .inner-wrap {
        opacity: 1;
        transition: 1s ease-in-out
    }

    .hamburger {
        z-index: 1;
        position: relative
    }

    .dashboard .nav.navbar-nav.navbar-left-block {
        padding-left: 300px
    }

    .dashboard .navbar-right .search-well .input-group-btn button {
        z-index: 999
    }

    .dash-navpills,
    .dashboard .fund-form .nav-tabs {
        justify-content: center
    }

    .dash-navpills li,
    .dashboard .fund-form .nav-tabs li {
        margin: 5px
    }

    .payment-content h2 {
        font-size: 28px
    }

    body.dashboard {
        overflow-x: hidden
    }

    .faq-tabs .nav-item {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .faq-tabs li.nav-item a {
        padding: 10px;
        font-size: 14px;
        text-align: left;
        min-height: auto
    }

    .faq-tabs li.nav-item a i {
        display: inline-block;
        margin-bottom: 0;
        font-size: 24px;
        margin-right: 20px
    }

    .service-well .table {
        border: none
    }

    #Signinmodal .modal-title {
        font-size: 1.8rem
    }

    #Signinmodal .form-group .form-control {
        font-size: 1.2rem
    }

    .forgot-password {
        position: absolute;
        right: 0;
        bottom: 17px;
        color: #18716a;
        font-size: 10px
    }

    .guest #navbar {
        background-color: #1c2021 !important
    }

    .home-page #top-sec h1 {
        font-size: 44px;
        line-height: 44px
    }

    .home-page .top-right .abs.social-blast {
        top: 0
    }

    .home-page .abs.top-right-img {
        position: relative;
        left: 0;
        right: 0;
        max-width: 100%;
        margin-top: 0;
        top: 60px
    }

    .home-page #info .row .col-sm-3 {
        padding: 0 15px
    }

    .home-page .infowrap {
        margin-bottom: 15px
    }

    .home-page #represent h2.title,
    .home-page #represent h2.title+p {
        text-align: center
    }

    .home-page .row.emoji-row {
        margin: 50px 0 0
    }

    .home-page .emoji-icon.emoji-icon2 span {
        background-position: -79px 74px;
        width: 96px
    }

    .home-page .offer-crd-wrap {
        margin-bottom: 15px
    }

    .home-page #business h2.title {
        font-size: 40px;
        line-height: 50px
    }

    .home-page .busi-crd-wrap {
        margin-bottom: 15px
    }

    .home-page .busi-crd-wrap::after {
        left: -1px;
        top: -2px
    }

    .home-page #exper,
    .home-page #experience {
        padding: 15px 0 45px
    }

    .home-page #exper .title,
    .home-page #experience .title {
        font-size: 48px;
        margin-bottom: 70px;
        line-height: 58px
    }

    .home-page #experience .title {
        margin-bottom: 35px
    }

    .home-page #exper .btn.btn-primary,
    .home-page #experience .btn.btn-primary {
        width: 180px;
        padding: 12px;
        text-align: center
    }

    .home-page #info {
        padding: 40px 0
    }

    .home-page #represent .title {
        margin-top: 35px
    }

    .guest .navbar.navbar-default li a:hover::after,
    .guest .navbar.navbar-default li.active a::after,
    .guest .navbar.navbar-default li.active a:hover::after {
        left: 15px;
        bottom: 0;
        right: auto;
        margin: auto;
        width: 25px;
        height: 2px
    }

    .sign-in a,
    .sign-up a {
        margin: auto !important;
        width: 90%
    }

    .guest .navbar.navbar-default .navbar-right li a {
        text-align: center
    }

    .home-page #represent .represent-img {
        padding-right: 0;
        margin: auto;
        max-width: 100%
    }

    .home-page #represent .row .col-sm-6 {
        width: 100%
    }

    .emoji-wrap.mt-25 {
        margin-top: 0
    }

    .home-page #exper .title span {
        font-size: 48px
    }

    .folow-title::after {
        bottom: -10px;
        width: 100%
    }

    .row.ftr-bottom.text-center {
        margin-top: 35px
    }

    .row.ftr-bottom.text-center {
        padding: 15px 0;
        margin-top: 35px
    }

    .home-page .emoji-icon.emoji-icon1 span {
        width: 45px;
        height: 45px;
        margin: 12px auto;
        background-size: 210px;
        background-repeat: no-repeat
    }

    .home-page .emoji-icon.emoji-icon2 span {
        margin: 12px auto;
        background-size: 210px;
        background-repeat: no-repeat;
        background-position: -47px 4px;
        width: 62px;
        height: 39px
    }

    .emoji-icon.emoji-icon3 span {
        margin: 12px auto;
        background-size: 210px;
        background-repeat: no-repeat;
        background-position: -112px 4px;
        width: 48px;
        height: 49px
    }

    .emoji-icon.emoji-icon4 span {
        margin: 12px auto;
        background-size: 210px;
        background-repeat: no-repeat;
        background-position: -164px 2px;
        width: 47px;
        height: 48px
    }

    .home-page .busi-crd-wrap {
        min-height: auto
    }

    .dashboard .navbar-right.navbar-right-block .dropdown button span,
    .navbar-nav.navbar-right li.add-btn,
    .navbar-nav.navbar-right li.aff-btn {
        display: none
    }

    .dashboard .navbar-nav.navbar-right img {
        width: 32px;
        margin-right: -2px
    }

    .dashboard #navbar ul.nav.navbar-nav.navbar-left-block {
        margin: 0;
        padding-left: 0
    }

    .dashboard .navbar.navbar-default #navbar {
        margin: 0;
        padding: 8px 0
    }

    .dashboard #navbar ul.nav.navbar-nav.navbar-left-block li:last-child {
        display: none
    }

    .dashboard .navbar-right.navbar-right-block .dropdown.open button::after {
        bottom: -15px
    }

    .dashboard #navbar .navbar-nav .open .dropdown-menu {
        background-color: #171731;
        right: 10px
    }

    .dashboard .navbar-right .dropdown-menu>li>a {
        line-height: 20px;
        font-size: 14px
    }

    .main-wrapper.toggle .nav.navbar-nav.navbar-left-block {
        padding-left: 0
    }

    .api-head,
    .dash-title-wrap h2 {
        font-size: 20px
    }

    .ig2 .control-label {
        font-size: 14px
    }

    .cat-name {
        font-size: 16px;
        line-height: 32px
    }

    .table>tbody>tr>td,
    .table>thead>tr>th {
        font-size: 14px
    }

    .table.api-table {
        table-layout: auto
    }

    .dashboard .nav-tabs {
        margin-left: 0;
        margin-top: 15px
    }

    .ig2 .control-label .note {
        font-size: 12px;
        letter-spacing: 1px;
        margin: 3px 0
    }

    .button-wrap {
        width: 100%
    }

    #Signinmodal .checkbox {
        position: relative;
        margin: 0;
        right: 0;
        top: 8px;
        left: -20px
    }

    .home-page #exper .row:last-child::after {
        content: '';
        position: absolute;
        background-image: url(https://i.imgur.com/cNAuBFt.png);
        width: 146px;
        height: 120px;
        top: -30px;
        right: -79px;
        background-size: 146px 120px
    }

    .home-page #exper .row:last-child::before {
        content: '';
        position: absolute;
        background-image: url(https://i.imgur.com/oV6eGJa.png);
        width: 146px;
        height: 120px;
        top: -30px;
        left: -79px;
        background-size: 146px 120px
    }

    .dropdown.spdrp .dropdown-menu {
        top: 100% !important
    }

    .support-title-wrap .btn.btn-dash.support-poper {
        float: right !important;
        margin-left: 0 !important
    }

    .rate:not(:checked)>label {
        width: 30px !important;
        height: 30px !important;
        font-size: 23px !important;
        line-height: 1.1 !important;
        margin-right: 10px !important
    }

    .rate {
        height: 30px !important
    }

    .vote-pic li {
        margin: 0 5px 10px !important
    }

    .vote-pic {
        justify-content: center !important
    }

    .login-modal .modal-header {
        padding: 15px 20px
    }

    .login-modal .media-heading {
        font-size: 16px
    }

    .login-modal .media-left {
        padding-right: 20px
    }

    .login-modal .media-left img {
        width: 30px
    }

    .login-modal .modal-body {
        padding: 15px
    }

    .login-modal-btn {
        font-size: 16px
    }

    .login-modal-btn-wrap .login-modal-btn:first-child {
        margin-right: 12px
    }

    .login-modal-btn-wrap .login-modal-btn:last-child {
        margin-left: 12px
    }

    .login-modal label {
        font-size: 14px;
        margin-bottom: 5px
    }

    .login-modal .form-group .form-control {
        font-size: 14px;
        height: 42px;
        line-height: 22px
    }

    .login-modal .checkbox {
        right: 30px;
        top: 39px
    }

    .login-modal .checkbox label {
        font-size: 12px;
        padding-left: 0
    }

    .login-modal .checkbox label input {
        margin-right: 0;
        margin-left: 5px
    }

    .flex-btn-row .forgot-password1 {
        font-size: 14px
    }

    .flex-btn-row .btn.btn-primary {
        padding: 8px 15px;
        font-size: 14px;
        min-height: 40px
    }

    .login-modal .checkbox.unset {
        padding-left: 20px
    }

    .flex-btn-row {
        margin-top: 20px
    }

    .flex-btn-row .g-recaptcha.form-group {
        margin: auto;
        transform-origin: center
    }

    .qual-box {
        width: 260px;
        height: 54px;
        margin: auto
    }

    .first-col .qual-box {
        margin-bottom: 40px;
        margin-top: 0
    }

    .qual-box::before {
        transform: translateY(-50%);
        right: -57px;
        bottom: 50%;
        width: 55px
    }

    .qual-box::after {
        width: 55px;
        height: 2px;
        right: 260px;
        bottom: 50%;
        transform: translateY(-50%)
    }

    .last-col .qual-box {
        margin-top: 0;
        margin-bottom: 40px
    }

    .last-col .qual-box:first-child {
        margin-top: -70px
    }

    .last-col .qual-box::before {
        left: -57px;
        transform: translateY(-50%)
    }

    .last-col .qual-box::after {
        left: 260px
    }

    #quality-serv {
        padding: 60px 0 20px
    }

    .qual-box h3 {
        font-size: 18px;
        line-height: 24px
    }

    .new-footer .ftr-logo img {
        margin: auto
    }

    .new-footer .Quick-link li a,
    .new-footer .ftr-services li a,
    footer.new-footer .folow-title {
        text-align: center
    }

    .fund-form .col-sm-3 {
        width: 100% !important
    }

    #order-category,
    #order-services {
        white-space: nowrap !important;
        overflow: hidden
    }

    .desktop-table {
        display: none
    }

    .mobile-table {
        display: block
    }

    .ticket-h-row {
        background-color: #161438;
        border: 1px solid #262650;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 15px
    }

    .mobile-table .ticket-h-title {
        font-size: 12px
    }

    .mobile-table .ticket-h-title .tyme {
        float: right;
        font-weight: 400;
        color: #63637c
    }

    .mobile-table .ticket-h-title+p {
        font-size: 12px
    }

    .mobile-table .ticket-h-title+p.servName {
        color: #f6dc5a
    }

    .mobile-table .row:nth-child(1) {
        margin-bottom: 15px
    }

    .table-btns {
        display: flex;
        justify-content: space-between;
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        margin-top: 15px
    }

    .table-btns {
        margin-bottom: 0;
        padding: 0;
        list-style: none;
        margin-top: 15px;
        display: flex;
        justify-content: space-around
    }

    .table-btns .badge {
        padding: 14px 12px;
        border-radius: 5px;
        border: 1px solid;
        width: 100px
    }

    .table-btns .badge.Completed {
        background-color: RGBA(90, 246, 204, .4);
        color: #5af6cc;
        box-shadow: 0 0 25px -5px #5af6cc
    }

    .well2 {
        margin-bottom: 19px
    }

    #top-sec .top-right .animate-1 {
        margin-top: 0
    }

    #quality-serv .img-responsive.animate-1 {
        transform: scale(1) !important;
        margin-top: -50px
    }

    .home-page #experience .title span {
        font-size: 50px
    }

    #quality-serv {
        overflow: hidden
    }
}

input:-moz-autofill,
input:-moz-autofill-preview,
input:-webkit-autofill {
    filter: none !important;
    background: #fff !important
}

input {
    filter: none
}

.sidebar-social {
    margin-top: 0;
}

.crypto-btn-wrap button {
    font-size: 15px;
    line-height: 18px;
    color: #66511F;
    width: 100%;
}

.crypto-logo {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-around;
    list-style: none;
    padding: 0;
    margin: 12px auto;
}

.crypto-logo img {
    width: 56px;
}

.crypto-btn-wrap {
    margin: 30px -15px -30px;
    padding: 30px 15px 30px;
    background-color: #0C0A23;
    transition: .6s ease-in-out;
}

.crypto-btn-wrap {
    margin: 30px 0 -30px;
    padding: 30px 15px 30px;
    background-color: #0C0A23;
    position: fixed;
    left: 0;
    right: 0;
    width: 275px;
    bottom: 0;
    transition: .6s ease-in-out;
}

.main-wrapper.toggle .crypto-btn-wrap {
    width: 150px;
    transition: .6s ease-in-out;
}

.main-wrapper.toggle .crypto-btn-wrap .btn.btn-primary {
    white-space: normal;
    transition: .6s ease-in-out;
}

.main-wrapper.toggle .crypto-btn-wrap .crypto-logo li {
    flex: 0 0 50%;
    max-width: 50%;
    transition: .6s ease-in-out;
}

.main-wrapper.toggle .crypto-btn-wrap .crypto-logo {
    flex-wrap: wrap;
    transition: .6s ease-in-out;
}

.sidebar-wrap-inner {
    position: relative;
    height: 100%;
}

.sidebar-bottom {
    margin-bottom: 168px;
}

.cryptomodal .modal-header {
    background: #201F41;
    border-radius: 5px 5px 0px 0px;
    box-shadow: none;
    position: relative;
}

.cryptomodal .modal-header .close {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 300;
    opacity: 1;
}

.cryptomodal .modal-header .modal-title {
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
}

.cryptomodal .modal-body {
    background: #161438;
    border-radius: 0px 0px 5px 5px;
    padding: 35px 15px;
}

.cryptomodal .modal-content,
.cryptomodal .modal-header {
    border: 0;
    box-shadow: none;
}

.crypto-title {
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 12px;
}

.crypto-txt {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.crypto-logo-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.crypto-modal-logo {
    flex: 0 0 340px;
    max-width: 340px;
    text-align: center;
    height: 122px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #FEFEFE;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), inset -1px 1px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    margin: 0 5px;
}

.cryptomodal .modal-dialog {
    width: 747px;
}

.cryptomodal {
    z-index: 99999999999999999;
}

.crypto-logo-wrap .crypto-modal-logo-blue {
    background-color: #1951EB;
}

#crypto-modal {
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.card-wrap {
    margin-bottom: 19px;
}

.page-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.card-head {
    background: linear-gradient(270deg, #201F41 49.95%, #201F41 49.95%, #F6C85A 99.99%);
    border-radius: 5px 5px 0px 0px;
}

.prof-card .card-head {
    background: #201F41;
}

.card-head h3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
}

.card-body {
    background: #161438;
    border-radius: 0px 0px 5px 5px;
    padding: 20px;
}

.status-list {
    padding: 0 0 15px;
    list-style: none;
    margin: 0 auto 15px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #24243e;
}

.status-list li {
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    background: #100D2E;
    border-radius: 5px;
    display: block;
    line-height: 31px;
    padding: 0 10px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.status-list li.active {
    background: linear-gradient(270deg, #FE9232 0%, #F7C154 100%);
}

.status-list li.crossed {
    background-color: #302F4E;
    text-decoration: line-through;
}

h4.note {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 0;
}

h4.note i {
    font-size: 12px;
    margin-right: 4px;
    color: #C4C4C4;
}

.card-body p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.prof-pic {
    width: 94px;
    height: 94px;
    background-color: #C4C4C4;
    border-radius: 60px;
    margin: 0 auto 10px;
    overflow: hidden;
}

.prof-pic img {
    display: block;
    width: 100%;
}

.acc-list {
    padding: 0 0 10px;
    margin: 0 auto 10px;
    border-bottom: 2px solid #24243e;
}

.acc-list li {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    background-color: #100D2E;
    line-height: 41px;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 7px;
    padding: 0 15px;
}

.point-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.point-list li {
    display: inline-flex;
    width: 100%;
    background-color: #F6C85A;
    padding: 0 15px;
    line-height: 41px;
    font-size: 15px;
    font-weight: 400;
    justify-content: space-between;
    color: #100D2E;
    margin-top: 7px;
}

.status-list li+.tooltip .tooltip-inner {
    background-color: #2A2664;
    padding: 11.5px 8px;
    color: #fff;
    font-size: 15px;
    border: 1px solid #a898ff;
    font-family: Rubik, sans-serif;
}

.prof-card .card-head.card-flex-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.extra-acc-info {
    display: block;
    height: 24px;
    margin-right: 20px;
}

#rank-modal .modal-dialog {
    width: 355px;
    margin: auto;
}

#rank-modal .modal-dialog .modal-content {
    background-color: rgba(12, 10, 35, 97%);
    border-color: rgba(12, 10, 35, 97%);
    border-radius: 0;
    box-shadow: none;
    margin: 50px auto;
}

#rank-modal .modal-body {
    padding: 40px;
    position: relative;
}

.rank-modal-title {
    text-align: center;
    font-size: 15px;
    margin: 12px auto;
}

.rank-title-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.rank-title-wrap .rank-modal-title {
    margin: 0;
    font-weight: 400;
}

.next-rank {
    background-color: #1C1843;
    padding: 16px;
}

.rank-level-wrap {
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 25%);
    width: 100%;
    height: 6px;
}

.rank-level {
    width: 50%;
    background-color: #fff;
    height: 6px;
}

.next-rank.next-rank2 {
    background-color: #100D2E;
}

#rank-modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: auto;
}

#rank-modal .modal-body button.close {
    position: absolute;
    width: 22px;
    height: 22px;
    color: #fff;
    opacity: 1;
    right: 20px;
    top: -40px;
    background-color: #201F41;
    font-size: 14px;
}

.dashboard .navbar-right .dropdown-menu>li>a {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    display: block;
    color: #ffffff !important;
    line-height: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.dashboard .navbar-right .dropdown-menu {
    background-color: #161438;
    border: 0;
    float: none;
    right: 15px;
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 15%);
    border-radius: 5px;
}

.dashboard .navbar-right .dropdown-menu>li {
    border-bottom: 1px solid #201F41;
}

.dashboard .navbar-nav.navbar-right span.icons {
    font-size: 20.5px;
}

.dashboard .navbar-right.navbar-right-block .dropdown.open button::after {
    display: none;
}

.redeem-history-btn {
    display: block;
    margin-top: 15px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}

.redeem-history-btn:hover {
    text-decoration: none;
    color: #f7c154;
}

.tooltip.bottom .tooltip-arrow {
    width: 11px;
    height: 11px;
    background-color: #2A2664;
    border: 1px solid #a898ff;
    transform: rotate(45deg);
    top: 0;
    border-right: 0;
    border-bottom: 0;
}

.top-right-design {
    display: flex;
    flex-direction: row;
    padding: 19px;
    border-bottom: 1px solid #353467;
    justify-content: space-around;
    width: 100%;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new {
    width: 300px;
}

.top-right-pic span {
    width: 47px;
    height: 47px;
    display: flex;
    border-radius: 100%;
    background-color: #C4C4C4;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.top-right-pic span .profile-pic {
    margin: 0 auto !important;
    width: auto !important;
    max-width: 100%;
}

.top-right-design .user-name {
    font-size: 15px;
    font-weight: 700;
    color: #efc258;
    margin-bottom: 0;
    line-height: 1.4;
}

.top-right-name .user-status {
    font-size: 15px;
    color: #fff;
    line-height: 1.4;
    margin: 5px 0;
}

.top-right-logout {
    text-align: right;
    margin-left: 35px;
}

.top-right-logout a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #100D2E;
    width: 27px !important;
    height: 27px;
}

.top-right-logout a span {
    margin: 0 !important;
    font-size: 18px;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new .top-right-design-li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5px;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li {
    flex: 0 0 50%;
    max-width: 50%;
    display: inline-flex;
    align-items: center;
    align-content: center;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li a {
    font-weight: 500;
    padding: 3px 13px;
    width: 100%;
    color: #fff !important;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li .icons,
.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li svg {
    margin-right: 5px;
    font-size: 18px;
}

.dashboard .navbar-nav.navbar-right .top-right-pic span {
    margin-right: 0;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li a:hover {
    background: transparent;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li {
    border-bottom-color: transparent;
}

.dashboard .navbar-right.navbar-right-block .dropdown.open .dropdown-menu-new {
    display: flex;
    flex-wrap: wrap;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li:last-child,
.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li:nth-last-child(2) {
    margin-bottom: 8px;
}

.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li a:hover,
.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li a:hover span,
.dashboard .navbar-right .dropdown-menu.dropdown-menu-new li a:hover svg path {
    color: #EFC258 !important;
    /* fill:#EFC258 !important; */
}

.ticket-h-row.no-after td:nth-child(5)::before {
    display: none;
}

.redeem-btn:hover {
    cursor: pointer;
}

.ig2 .dropdown.spdrp button span>span.ico-tumb,
.ig2 .dropdown.spdrp button.dropdown-item>span.ico-tumb {
    background-color: #2f4156;
}

.ig2 .dropdown.spdrp.rembck button span>span,
.ig2 .dropdown.spdrp.rembck button.dropdown-item>span {
    background: #262650;
}

.blog-wrap {
    padding: 19px;
    border-color: #9d91ac;
}

.blog-title {
    margin: 20px auto;
    height: 66px;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 500;
}

.blog-wrap .btn.btn-primary {
    background: #f7c154;
    background: -moz-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f7c154), color-stop(100%, #ff9233));
    background: -webkit-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: -o-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: -ms-linear-gradient(left, #f7c154 0, #ff9233 100%);
    background: linear-gradient(to right, #f7c154 0, #ff9233 100%);
    border: transparent;
    border-radius: 5px;
    color: #231514;
    font-weight: 500;
    box-shadow: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 15px;
}

.blog-wrap h1,
.blog-wrap h2,
.blog-wrap h3,
.blog-wrap h4,
.blog-wrap h5,
.blog-wrap h6 {
    color: #fff;
}

.blog-image-wrap img {
    margin: auto;
    display: block;
    max-width: 100%;
}

.sinaweibo img,
.stumbleupon img,
.amazon img,
.bing img,
.ebay img,
.ok img,
.imgur img,
.buysellads img,
.craigslist img,
.fiver img,
.yelp img,
.medium img {
    filter: none !important;
}

#quality-serv {
    background-color: #161438;
    padding: 80px 0 20px;
}

.quality-serv-content-row {
    margin-top: 200px;
}

.qual-box {
    width: auto;
    padding: 15px;
}

.qual-box h3 {
    text-align: left;
}

.tooltip-inner {
    background-color: #1b1a3c;
    border: 1px solid #242244;
    padding: 20px;
    text-align: left;
    font-size: 16px;
    max-width: 380px !important;
    width: 380px;
}

.tooltip.top .tooltip-arrow {
    background-color: #1b1a3c;
    bottom: -34px;
    width: 30px;
    height: 30px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    bottom: -24px;
    border: 1px solid #242244 !important;
    left: 0 !important;
    right: 0;
    margin: auto;
}

.home-page .busi-crd-dec,
.home-page .busi-crd-wrap ul {
    height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #f7c155 #fff;
    padding-right: 10px;
}

#panel-service .nav-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 0;
}

#panel-service .nav-tabs li a {
    min-width: 185px;
    text-align: center;
    padding: 19px 12px;
    border-radius: 5px;
    border: 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#panel-service .nav-tabs li a i {
    font-size: 25px;
    margin-right: 10px;
}

#panel-service {
    background-color: #080707;
    padding: 80px 0 0;
}

#panel-service .nav-tabs li a[href="#facebook"] {
    background-color: #035cdd;
}

#panel-service .nav-tabs li a[href="#instagram"] {
    background: linear-gradient(to right, rgba(243, 140, 55, 1) 0%, rgba(223, 18, 121, 1) 45%, rgba(132, 31, 199, 1) 100%);
}

#panel-service .nav-tabs li a[href="#twitter"] {
    background-color: #00acf3;
}

#panel-service .nav-tabs li a[href="#soundcloud"] {
    background-color: #f67a11;
}

#panel-service .nav-tabs li a[href="#spotify"] {
    background-color: #00ff7e;
}

#panel-service .nav-tabs li a.active,
#panel-service .nav-tabs li.active a,
#panel-service .nav-tabs li.active a:hover,
#panel-service .nav-tabs li a:hover,
#panel-service .nav-tabs li a:focus,
#panel-service .nav-tabs li a:focus-visible {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 80%);
}

#panel-service .tab-content {
    padding: 50px 0 0;
}

.tab-title {
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.tab-title span {
    color: #f7c155;
}

.tab-content-box {
    background-color: #1f1c3e;
    padding: 25px;
    border: 1px solid #242244;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    border-radius: 5px;
    min-height: 280px;
}

#panel-service .tab-content .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
}

#panel-service .nav-tabs li a[href="#youtube"] {
    background-color: #f60000;
}

#faq2 {
    background-color: #080707;
    padding: 80px 0;
}

#faq2 .title {
    margin-bottom: 60px;
    font-size: 50px;
}

.pickout-img-wrap {
    position: relative;
}

.pickout-img {
    position: absolute;
    right: -500px;
    top: -50px;
}

#pickout {
    padding: 0 0 0 150px;
    background-color: #080707;
    overflow: hidden;
    min-height: 800px;
}

.pickout-title {
    font-size: 30px;
    font-weight: 600;
    color: #f7c155;
    line-height: 1.3;
}

#pickout h2.title {
    margin-bottom: 45px;
}

.pickout-txt {
    font-size: 18px;
    font-weight: 400;
}

@media(max-width:550px) {
    .status-list li {
        font-size: 14px;
        line-height: 28px;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .card-body p {
        font-size: 14px;
    }

    .acc-list li {
        line-height: 36px;
        font-size: 14px;
    }

    .point-list li {
        line-height: 36px;
        font-size: 14px;
    }

    .main-wrapper.toggle .crypto-btn-wrap {
        left: -150px;
    }

    .crypto-btn-wrap {
        padding: 15px;
    }

    .crypto-btn-wrap .btn.btn-primary {
        font-size: 14px;
        width: max-content;
        margin: auto;
        display: block;
        padding: 10px 15px;
        transition: .6s ease-in-out;
    }

    .crypto-logo {
        margin-top: 8px;
    }

    .main-wrapper.toggle .crypto-btn-wrap .btn.btn-primary {
        width: auto;
        transition: .6s ease-in-out;
    }

    .crypto-btn-wrap {
        position: relative;
        left: 0;
        margin: 30px 0 0 -15px;
        bottom: auto;
    }

    .sidebar-bottom {
        margin-bottom: 20px;
    }

    .cryptomodal .modal-dialog {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .crypto-modal-logo {
        flex: 0 0 46%;
        max-width: 46%;
        height: 40px;
        padding: 8px;
        display: flex;
        margin: 0 5px;
    }

    .crypto-modal-logo img {
        max-width: 70%;
        width: auto;
    }

    .crypto-slider-nav .slick-arrow {
        width: 20px;
        height: 20px;
    }

    .crypto-slider-nav .slick-arrow .material-icons-outlined {
        font-size: 14px;
    }

    .inner-wrap {
        padding: 10px 0 20px 0;
    }

    .cryptomodal .modal-body {
        padding: 15px 10px;
    }

    .crypto-slider-nav {
        top: 10px;
        left: 10px;
    }

    #crypto-modal {
        overflow: unset;
    }

    .crypto-slider-nav .slick-arrow {
        width: 20px;
        height: 20px;
    }

    .crypto-modal-logo svg {
        width: 90px;
        height: auto;
    }

    #rank-modal .modal-body {
        padding: 15px;
    }

    .rank-modal-title {
        margin: 6px auto;
    }

    .next-rank {
        padding: 12px 16px;
    }

    #rank-modal .modal-body button.close {
        right: 0;
        top: 0;
    }

    .dashboard #navbar .navbar-nav .open .dropdown-menu li .top-right-logout a {
        padding: 0;
    }
}

.crypto-slider-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 30px);
    top: 20px;
}

.crypto-slider-nav .slick-arrow {
    background: #201F41;
    border-radius: 5px;
    width: 33px;
    height: 33px;
    border: 0;
    box-shadow: none;
    color: #424274;
    font-size: 18px;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    position: relative;
    z-index: 9;
}

.iko.material-icons {
    font-family: 'Material Icons Outlined';
    font-size: 16px;
    line-height: 22.85px;
}

.material-icons.cart::before {
    content: 'shopping_basket';
}

.material-icons.dollar::before {
    content: 'attach_money';
}

.material-icons.request::before {
    content: 'move_to_inbox';
}

.material-icons.others::before {
    content: 'sim_card';
}

.material-icons.refill::before {
    content: 'check_circle_outline';
}

.material-icons.restart::before {
    content: 'autorenew';
}

.material-icons.cancel::before {
    content: 'cancel';
}

.material-icons.redeem::after {
    content: 'redeem';
}

.faq-icon .material-icons-outlined,
.faq-icon i {
    font-size: 15px;
    color: #fff;
}

.add-btn a {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.crypto-logo a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.form-group.ig3 {
    position: relative;
}

.ref-link-icon {
    position: absolute;
    right: 0;
    top: 40%;
    transform: translate(-50%);
}

.nav-icon {
    /* left:0;
    width: 36px;
    height: 36px;
    background-image: url('https://i.imgur.com/KHCEpbx.png'); */
    width: 20px;
    height: 20px;
    background-image: url('https://storage.perfectcdn.com/0a268b/czkwzcy8i465u5d4.png');
    background-size: 345px auto;
}

.nav-icon.neworder {
    background-position: left 0;
}

.nav-icon.massorder {
    background-position: -29px 0;
}

.nav-icon.services {
    background-position: -59.5px 0;
}

.nav-icon.orders {
    background-position: -87px 0;
}

.nav-icon.addfunds {
    background-position: -147.5px 0;
}

.nav-icon.ticket {
    background-position: -178.5px 0;
}

.nav-icon.affiliates {
    background-position: -207.5px 0;
}

.nav-icon.child {
    background-position: -238.5px 0;
}

.nav-icon.api {
    background-position: -266.5px 0;
}

.nav-icon.terms {
    background-position: -295.5px 0;
}

.nav-icon.faq {
    background-position: -325.5px 0;
}

.sidebar-nav li a:focus .nav-icon,
.sidebar-nav li a:hover .nav-icon,
.sidebar-nav li.active a .nav-icon {
    background-position-y: -27px;
}

.dashboard .nav.navbar-nav.navbar-right.navbar-right-block .aff-btn svg,
.dashboard .nav.navbar-nav.navbar-right.navbar-right-block .add-btn svg {
    margin: 0 10px 0 10px;
}

.dashboard .nav.navbar-nav.navbar-right.navbar-right-block .aff-btn a,
.dashboard .nav.navbar-nav.navbar-right.navbar-right-block .add-btn a {
    display: flex;
    align-items: center;
}

.ref-link-icon button {
    background: transparent;
    border: 0;
    box-shadow: none;
    height: auto;
    padding: 0;
    margin: 0;
}

footer.new-footer .folow-title,
.new-footer .Quick-link li a,
.new-footer .ftr-services li a,
.news-letter .copy-right,
.new-footer .news-letter .input-group .form-control {
    font-family: Rubik !important;
}

.copied {
    width: 150px;
    display: none;
    position: fixed;
    /* top: 25%; */
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 15px 15px;
    background-color: #161438;
    border: 1px solid #f6c85a;
    border-radius: 5px;
    box-shadow: none;
    color: #f6c85a;
    text-align: center;
}

.guest .navbar.navbar-default .navbar-left li a i {
    font-size: 20px;
}

.guest .navbar.navbar-default .navbar-left li a {
    font-size: 14px;
}

.ico-duck img {
    filter: none !important;
}

.row.blog-wrapper+.row .pagination {
    margin-bottom: 25px;
}

#more {
    display: none;
}

#morebtn {
    color: #f7c155;
}

#more.active {
    display: block;
}

#whatwedo {
    padding: 60px 0;
    background-color: #161438;
}

.row.whatwedo-row {
    padding: 50px 30px;
    background-color: #1e1c3f;
}

.row.whatwedo-row .txt {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 20px;
}

.guest #contact-page {
    padding: 80px 0;
}

.contact-box {
    background-color: #1f1e45;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.contact-box-icon {
    width: 70px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #262650;
    border-radius: 8px;
    font-size: 40px;
}

.contact-box-title {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-box-txt {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width:550px) {
    #faq2 .title {
        margin-bottom: 15px;
        font-size: 40px;
    }

    #quality-serv {
        padding: 40px 0 20px;
    }

    .quality-serv-content-row {
        margin-top: 50px;
    }

    .first-col .qual-box {
        margin-bottom: 20px;
    }

    .qual-box h3 {
        display: block;
        text-align: left;
        margin-right: auto;
    }

    .qual-box::before,
    .qual-box::after {
        display: none;
    }

    .panel-group .part2 {
        margin-top: 15px;
    }

    #panel-service {
        padding: 5px 0px 0 0;
    }

    #panel-service .nav-tabs {
        flex-wrap: wrap;
        justify-content: center;
    }

    #panel-service .nav-tabs li {
        margin-bottom: 12px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #panel-service .tab-content {
        padding: 25px 0 0;
    }

    #faq2 {
        padding: 15px 0;
    }

    #pickout {
        padding: 0 0 120px 0;
        height: auto;
    }

    #pickout h2.title {
        margin-bottom: 15px;
    }

    .pickout-title {
        font-size: 18px;
    }

    .pickout-txt {
        font-size: 16px;
    }

    .pickout-img {
        position: unset;
        max-width: 100%;
    }

    .panel-group .panel-default .panel-body {
        padding: 25px 15px;
        font-size: 12px;
        line-height: 20px;
    }

    .panel-default>.panel-heading>.panel-title>a {
        padding: 10px 30px 10px 45px;
    }

    .panel-default>.panel-heading>.panel-title>a .tab-down {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 15px;
        z-index: 1;
        width: 30px;
        height: 30px;
    }

    .panel-default>.panel-heading>.panel-title>a .tab-open {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 15px;
        z-index: 2;
        width: 30px;
        height: 30px;
    }

    .panel-default>.panel-heading>.panel-title>a.collapsed .tab-down {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 15px;
        z-index: 2;
        width: 30px;
        height: 30px;
    }

    .panel-default>.panel-heading>.panel-title>a.collapsed .tab-open {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 15px;
        z-index: 1;
        width: 30px;
        height: 30px;
    }

    .panel-default>.panel-heading>.panel-title>.arrow-bt {
        width: 6px;
        right: 28px;
    }

    .panel-default>.panel-heading>.panel-title>a .faq-icon {
        width: 16px;
        height: 16px;
        ;
        left: 15px;
    }

    .panel-default>.panel-heading>.panel-title>a .faq-icon svg {
        width: 6.25px;
        height: 10px;
    }

    .pickout-img-wrap {
        margin-top: 30px;
    }

    #whatwedo {
        padding: 20px 0;
    }

    #quality-serv .img-responsive.animate-1 {
        margin-top: -20px;
    }

    .guest #contact-page {
        padding: 20px 0;
    }
}

@media only screen and (min-width: 0) {
    .w-xs-10 {
        width: 10% !important;
    }

    .w-xs-20 {
        width: 20% !important;
    }

    .w-xs-30 {
        width: 30% !important;
    }

    .w-xs-40 {
        width: 40% !important;
    }

    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-60 {
        width: 60% !important;
    }

    .w-xs-70 {
        width: 70% !important;
    }

    .w-xs-80 {
        width: 80% !important;
    }

    .w-xs-90 {
        width: 90% !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .w-xs-initial {
        width: initial !important;
    }

    .m-xs-5 {
        margin: 5px !important;
    }

    .mt-xs-5 {
        margin-top: 5px !important;
    }

    .mr-xs-5 {
        margin-right: 5px !important;
    }

    .mb-xs-5 {
        margin-bottom: 5px !important;
    }

    .ml-xs-5 {
        margin-left: 5px !important;
    }

    .m-xs-10 {
        margin: 10px !important;
    }

    .mt-xs-10 {
        margin-top: 10px !important;
    }

    .mr-xs-10 {
        margin-right: 10px !important;
    }

    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .ml-xs-10 {
        margin-left: 10px !important;
    }

    .m-xs-15 {
        margin: 15px !important;
    }

    .mt-xs-15 {
        margin-top: 15px !important;
    }

    .mr-xs-15 {
        margin-right: 15px !important;
    }

    .mb-xs-15 {
        margin-bottom: 15px !important;
    }

    .ml-xs-15 {
        margin-left: 15px !important;
    }

    .m-xs-20 {
        margin: 20px !important;
    }

    .mt-xs-20 {
        margin-top: 20px !important;
    }

    .mr-xs-20 {
        margin-right: 20px !important;
    }

    .mb-xs-20 {
        margin-bottom: 20px !important;
    }

    .ml-xs-20 {
        margin-left: 20px !important;
    }

    .m-xs-25 {
        margin: 25px !important;
    }

    .mt-xs-25 {
        margin-top: 25px !important;
    }

    .mr-xs-25 {
        margin-right: 25px !important;
    }

    .mb-xs-25 {
        margin-bottom: 25px !important;
    }

    .ml-xs-25 {
        margin-left: 25px !important;
    }

    .m-xs-30 {
        margin: 30px !important;
    }

    .mt-xs-30 {
        margin-top: 30px !important;
    }

    .mr-xs-30 {
        margin-right: 30px !important;
    }

    .mb-xs-30 {
        margin-bottom: 30px !important;
    }

    .ml-xs-30 {
        margin-left: 30px !important;
    }

    .m-xs-35 {
        margin: 35px !important;
    }

    .mt-xs-35 {
        margin-top: 35px !important;
    }

    .mr-xs-35 {
        margin-right: 35px !important;
    }

    .mb-xs-35 {
        margin-bottom: 35px !important;
    }

    .ml-xs-35 {
        margin-left: 35px !important;
    }

    .m-xs-40 {
        margin: 40px !important;
    }

    .mt-xs-40 {
        margin-top: 40px !important;
    }

    .mr-xs-40 {
        margin-right: 40px !important;
    }

    .mb-xs-40 {
        margin-bottom: 40px !important;
    }

    .ml-xs-40 {
        margin-left: 40px !important;
    }

    .m-xs-45 {
        margin: 45px !important;
    }

    .mt-xs-45 {
        margin-top: 45px !important;
    }

    .mr-xs-45 {
        margin-right: 45px !important;
    }

    .mb-xs-45 {
        margin-bottom: 45px !important;
    }

    .ml-xs-45 {
        margin-left: 45px !important;
    }

    .m-xs-50 {
        margin: 50px !important;
    }

    .mt-xs-50 {
        margin-top: 50px !important;
    }

    .mr-xs-50 {
        margin-right: 50px !important;
    }

    .mb-xs-50 {
        margin-bottom: 50px !important;
    }

    .ml-xs-50 {
        margin-left: 50px !important;
    }

    .m-xs-55 {
        margin: 55px !important;
    }

    .mt-xs-55 {
        margin-top: 55px !important;
    }

    .mr-xs-55 {
        margin-right: 55px !important;
    }

    .mb-xs-55 {
        margin-bottom: 55px !important;
    }

    .ml-xs-55 {
        margin-left: 55px !important;
    }

    .m-xs-60 {
        margin: 60px !important;
    }

    .mt-xs-60 {
        margin-top: 60px !important;
    }

    .mr-xs-60 {
        margin-right: 60px !important;
    }

    .mb-xs-60 {
        margin-bottom: 60px !important;
    }

    .ml-xs-60 {
        margin-left: 60px !important;
    }

    .m-xs-65 {
        margin: 65px !important;
    }

    .mt-xs-65 {
        margin-top: 65px !important;
    }

    .mr-xs-65 {
        margin-right: 65px !important;
    }

    .mb-xs-65 {
        margin-bottom: 65px !important;
    }

    .ml-xs-65 {
        margin-left: 65px !important;
    }

    .m-xs-70 {
        margin: 70px !important;
    }

    .mt-xs-70 {
        margin-top: 70px !important;
    }

    .mr-xs-70 {
        margin-right: 70px !important;
    }

    .mb-xs-70 {
        margin-bottom: 70px !important;
    }

    .ml-xs-70 {
        margin-left: 70px !important;
    }

    .m-xs-75 {
        margin: 75px !important;
    }

    .mt-xs-75 {
        margin-top: 75px !important;
    }

    .mr-xs-75 {
        margin-right: 75px !important;
    }

    .mb-xs-75 {
        margin-bottom: 75px !important;
    }

    .ml-xs-75 {
        margin-left: 75px !important;
    }

    .m-xs-80 {
        margin: 80px !important;
    }

    .mt-xs-80 {
        margin-top: 80px !important;
    }

    .mr-xs-80 {
        margin-right: 80px !important;
    }

    .mb-xs-80 {
        margin-bottom: 80px !important;
    }

    .ml-xs-80 {
        margin-left: 80px !important;
    }

    .m-xs-85 {
        margin: 85px !important;
    }

    .mt-xs-85 {
        margin-top: 85px !important;
    }

    .mr-xs-85 {
        margin-right: 85px !important;
    }

    .mb-xs-85 {
        margin-bottom: 85px !important;
    }

    .ml-xs-85 {
        margin-left: 85px !important;
    }

    .m-xs-90 {
        margin: 90px !important;
    }

    .mt-xs-90 {
        margin-top: 90px !important;
    }

    .mr-xs-90 {
        margin-right: 90px !important;
    }

    .mb-xs-90 {
        margin-bottom: 90px !important;
    }

    .ml-xs-90 {
        margin-left: 90px !important;
    }

    .m-xs-95 {
        margin: 95px !important;
    }

    .mt-xs-95 {
        margin-top: 95px !important;
    }

    .mr-xs-95 {
        margin-right: 95px !important;
    }

    .mb-xs-95 {
        margin-bottom: 95px !important;
    }

    .ml-xs-95 {
        margin-left: 95px !important;
    }

    .m-xs-100 {
        margin: 100px !important;
    }

    .mt-xs-100 {
        margin-top: 100px !important;
    }

    .mr-xs-100 {
        margin-right: 100px !important;
    }

    .mb-xs-100 {
        margin-bottom: 100px !important;
    }

    .ml-xs-100 {
        margin-left: 100px !important;
    }

    .p-xs-5 {
        padding: 5px !important;
    }

    .pt-xs-5 {
        padding-top: 5px !important;
    }

    .pr-xs-5 {
        padding-right: 5px !important;
    }

    .pb-xs-5 {
        padding-bottom: 5px !important;
    }

    .pl-xs-5 {
        padding-left: 5px !important;
    }

    .p-xs-10 {
        padding: 10px !important;
    }

    .pt-xs-10 {
        padding-top: 10px !important;
    }

    .pr-xs-10 {
        padding-right: 10px !important;
    }

    .pb-xs-10 {
        padding-bottom: 10px !important;
    }

    .pl-xs-10 {
        padding-left: 10px !important;
    }

    .p-xs-15 {
        padding: 15px !important;
    }

    .pt-xs-15 {
        padding-top: 15px !important;
    }

    .pr-xs-15 {
        padding-right: 15px !important;
    }

    .pb-xs-15 {
        padding-bottom: 15px !important;
    }

    .pl-xs-15 {
        padding-left: 15px !important;
    }

    .p-xs-20 {
        padding: 20px !important;
    }

    .pt-xs-20 {
        padding-top: 20px !important;
    }

    .pr-xs-20 {
        padding-right: 20px !important;
    }

    .pb-xs-20 {
        padding-bottom: 20px !important;
    }

    .pl-xs-20 {
        padding-left: 20px !important;
    }

    .p-xs-25 {
        padding: 25px !important;
    }

    .pt-xs-25 {
        padding-top: 25px !important;
    }

    .pr-xs-25 {
        padding-right: 25px !important;
    }

    .pb-xs-25 {
        padding-bottom: 25px !important;
    }

    .pl-xs-25 {
        padding-left: 25px !important;
    }

    .p-xs-30 {
        padding: 30px !important;
    }

    .pt-xs-30 {
        padding-top: 30px !important;
    }

    .pr-xs-30 {
        padding-right: 30px !important;
    }

    .pb-xs-30 {
        padding-bottom: 30px !important;
    }

    .pl-xs-30 {
        padding-left: 30px !important;
    }

    .p-xs-35 {
        padding: 35px !important;
    }

    .pt-xs-35 {
        padding-top: 35px !important;
    }

    .pr-xs-35 {
        padding-right: 35px !important;
    }

    .pb-xs-35 {
        padding-bottom: 35px !important;
    }

    .pl-xs-35 {
        padding-left: 35px !important;
    }

    .p-xs-40 {
        padding: 40px !important;
    }

    .pt-xs-40 {
        padding-top: 40px !important;
    }

    .pr-xs-40 {
        padding-right: 40px !important;
    }

    .pb-xs-40 {
        padding-bottom: 40px !important;
    }

    .pl-xs-40 {
        padding-left: 40px !important;
    }

    .p-xs-45 {
        padding: 45px !important;
    }

    .pt-xs-45 {
        padding-top: 45px !important;
    }

    .pr-xs-45 {
        padding-right: 45px !important;
    }

    .pb-xs-45 {
        padding-bottom: 45px !important;
    }

    .pl-xs-45 {
        padding-left: 45px !important;
    }

    .p-xs-50 {
        padding: 50px !important;
    }

    .pt-xs-50 {
        padding-top: 50px !important;
    }

    .pr-xs-50 {
        padding-right: 50px !important;
    }

    .pb-xs-50 {
        padding-bottom: 50px !important;
    }

    .pl-xs-50 {
        padding-left: 50px !important;
    }

    .p-xs-55 {
        padding: 55px !important;
    }

    .pt-xs-55 {
        padding-top: 55px !important;
    }

    .pr-xs-55 {
        padding-right: 55px !important;
    }

    .pb-xs-55 {
        padding-bottom: 55px !important;
    }

    .pl-xs-55 {
        padding-left: 55px !important;
    }

    .p-xs-60 {
        padding: 60px !important;
    }

    .pt-xs-60 {
        padding-top: 60px !important;
    }

    .pr-xs-60 {
        padding-right: 60px !important;
    }

    .pb-xs-60 {
        padding-bottom: 60px !important;
    }

    .pl-xs-60 {
        padding-left: 60px !important;
    }

    .p-xs-65 {
        padding: 65px !important;
    }

    .pt-xs-65 {
        padding-top: 65px !important;
    }

    .pr-xs-65 {
        padding-right: 65px !important;
    }

    .pb-xs-65 {
        padding-bottom: 65px !important;
    }

    .pl-xs-65 {
        padding-left: 65px !important;
    }

    .p-xs-70 {
        padding: 70px !important;
    }

    .pt-xs-70 {
        padding-top: 70px !important;
    }

    .pr-xs-70 {
        padding-right: 70px !important;
    }

    .pb-xs-70 {
        padding-bottom: 70px !important;
    }

    .pl-xs-70 {
        padding-left: 70px !important;
    }

    .p-xs-75 {
        padding: 75px !important;
    }

    .pt-xs-75 {
        padding-top: 75px !important;
    }

    .pr-xs-75 {
        padding-right: 75px !important;
    }

    .pb-xs-75 {
        padding-bottom: 75px !important;
    }

    .pl-xs-75 {
        padding-left: 75px !important;
    }

    .p-xs-80 {
        padding: 80px !important;
    }

    .pt-xs-80 {
        padding-top: 80px !important;
    }

    .pr-xs-80 {
        padding-right: 80px !important;
    }

    .pb-xs-80 {
        padding-bottom: 80px !important;
    }

    .pl-xs-80 {
        padding-left: 80px !important;
    }

    .p-xs-85 {
        padding: 85px !important;
    }

    .pt-xs-85 {
        padding-top: 85px !important;
    }

    .pr-xs-85 {
        padding-right: 85px !important;
    }

    .pb-xs-85 {
        padding-bottom: 85px !important;
    }

    .pl-xs-85 {
        padding-left: 85px !important;
    }

    .p-xs-90 {
        padding: 90px !important;
    }

    .pt-xs-90 {
        padding-top: 90px !important;
    }

    .pr-xs-90 {
        padding-right: 90px !important;
    }

    .pb-xs-90 {
        padding-bottom: 90px !important;
    }

    .pl-xs-90 {
        padding-left: 90px !important;
    }

    .p-xs-95 {
        padding: 95px !important;
    }

    .pt-xs-95 {
        padding-top: 95px !important;
    }

    .pr-xs-95 {
        padding-right: 95px !important;
    }

    .pb-xs-95 {
        padding-bottom: 95px !important;
    }

    .pl-xs-95 {
        padding-left: 95px !important;
    }

    .p-xs-100 {
        padding: 100px !important;
    }

    .pt-xs-100 {
        padding-top: 100px !important;
    }

    .pr-xs-100 {
        padding-right: 100px !important;
    }

    .pb-xs-100 {
        padding-bottom: 100px !important;
    }

    .pl-xs-100 {
        padding-left: 100px !important;
    }

    .space-xs-5 {
        height: 5px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-10 {
        height: 10px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-15 {
        height: 15px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-20 {
        height: 20px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-25 {
        height: 25px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-30 {
        height: 30px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-35 {
        height: 35px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-40 {
        height: 40px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-45 {
        height: 45px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-50 {
        height: 50px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-55 {
        height: 55px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-60 {
        height: 60px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-65 {
        height: 65px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-70 {
        height: 70px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-75 {
        height: 75px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-80 {
        height: 80px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-85 {
        height: 85px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-90 {
        height: 90px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-95 {
        height: 95px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }

    .space-xs-100 {
        height: 100px;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mt-xs-auto {
        margin-top: auto;
    }

    .mr-xs-auto {
        margin-right: auto;
    }

    .mb-xs-auto {
        margin-bottom: auto;
    }

    .ml-xs-auto {
        margin-left: auto;
    }

    .mx-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xs-block {
        display: block;
    }

    .d-xs-inline-block {
        display: inline-block;
    }

    .d-xs-flex {
        display: flex;
    }

    .d-xs-inline-flex {
        display: inline-flex;
    }

    .d-xs-none {
        display: none;
    }
}

@media only screen and (min-width: 576px) {
    .w-sm-10 {
        width: 10% !important;
    }

    .w-sm-20 {
        width: 20% !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-60 {
        width: 60% !important;
    }

    .w-sm-70 {
        width: 70% !important;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .w-sm-90 {
        width: 90% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-initial {
        width: initial !important;
    }

    .m-sm-5 {
        margin: 5px !important;
    }

    .mt-sm-5 {
        margin-top: 5px !important;
    }

    .mr-sm-5 {
        margin-right: 5px !important;
    }

    .mb-sm-5 {
        margin-bottom: 5px !important;
    }

    .ml-sm-5 {
        margin-left: 5px !important;
    }

    .m-sm-10 {
        margin: 10px !important;
    }

    .mt-sm-10 {
        margin-top: 10px !important;
    }

    .mr-sm-10 {
        margin-right: 10px !important;
    }

    .mb-sm-10 {
        margin-bottom: 10px !important;
    }

    .ml-sm-10 {
        margin-left: 10px !important;
    }

    .m-sm-15 {
        margin: 15px !important;
    }

    .mt-sm-15 {
        margin-top: 15px !important;
    }

    .mr-sm-15 {
        margin-right: 15px !important;
    }

    .mb-sm-15 {
        margin-bottom: 15px !important;
    }

    .ml-sm-15 {
        margin-left: 15px !important;
    }

    .m-sm-20 {
        margin: 20px !important;
    }

    .mt-sm-20 {
        margin-top: 20px !important;
    }

    .mr-sm-20 {
        margin-right: 20px !important;
    }

    .mb-sm-20 {
        margin-bottom: 20px !important;
    }

    .ml-sm-20 {
        margin-left: 20px !important;
    }

    .m-sm-25 {
        margin: 25px !important;
    }

    .mt-sm-25 {
        margin-top: 25px !important;
    }

    .mr-sm-25 {
        margin-right: 25px !important;
    }

    .mb-sm-25 {
        margin-bottom: 25px !important;
    }

    .ml-sm-25 {
        margin-left: 25px !important;
    }

    .m-sm-30 {
        margin: 30px !important;
    }

    .mt-sm-30 {
        margin-top: 30px !important;
    }

    .mr-sm-30 {
        margin-right: 30px !important;
    }

    .mb-sm-30 {
        margin-bottom: 30px !important;
    }

    .ml-sm-30 {
        margin-left: 30px !important;
    }

    .m-sm-35 {
        margin: 35px !important;
    }

    .mt-sm-35 {
        margin-top: 35px !important;
    }

    .mr-sm-35 {
        margin-right: 35px !important;
    }

    .mb-sm-35 {
        margin-bottom: 35px !important;
    }

    .ml-sm-35 {
        margin-left: 35px !important;
    }

    .m-sm-40 {
        margin: 40px !important;
    }

    .mt-sm-40 {
        margin-top: 40px !important;
    }

    .mr-sm-40 {
        margin-right: 40px !important;
    }

    .mb-sm-40 {
        margin-bottom: 40px !important;
    }

    .ml-sm-40 {
        margin-left: 40px !important;
    }

    .m-sm-45 {
        margin: 45px !important;
    }

    .mt-sm-45 {
        margin-top: 45px !important;
    }

    .mr-sm-45 {
        margin-right: 45px !important;
    }

    .mb-sm-45 {
        margin-bottom: 45px !important;
    }

    .ml-sm-45 {
        margin-left: 45px !important;
    }

    .m-sm-50 {
        margin: 50px !important;
    }

    .mt-sm-50 {
        margin-top: 50px !important;
    }

    .mr-sm-50 {
        margin-right: 50px !important;
    }

    .mb-sm-50 {
        margin-bottom: 50px !important;
    }

    .ml-sm-50 {
        margin-left: 50px !important;
    }

    .m-sm-55 {
        margin: 55px !important;
    }

    .mt-sm-55 {
        margin-top: 55px !important;
    }

    .mr-sm-55 {
        margin-right: 55px !important;
    }

    .mb-sm-55 {
        margin-bottom: 55px !important;
    }

    .ml-sm-55 {
        margin-left: 55px !important;
    }

    .m-sm-60 {
        margin: 60px !important;
    }

    .mt-sm-60 {
        margin-top: 60px !important;
    }

    .mr-sm-60 {
        margin-right: 60px !important;
    }

    .mb-sm-60 {
        margin-bottom: 60px !important;
    }

    .ml-sm-60 {
        margin-left: 60px !important;
    }

    .m-sm-65 {
        margin: 65px !important;
    }

    .mt-sm-65 {
        margin-top: 65px !important;
    }

    .mr-sm-65 {
        margin-right: 65px !important;
    }

    .mb-sm-65 {
        margin-bottom: 65px !important;
    }

    .ml-sm-65 {
        margin-left: 65px !important;
    }

    .m-sm-70 {
        margin: 70px !important;
    }

    .mt-sm-70 {
        margin-top: 70px !important;
    }

    .mr-sm-70 {
        margin-right: 70px !important;
    }

    .mb-sm-70 {
        margin-bottom: 70px !important;
    }

    .ml-sm-70 {
        margin-left: 70px !important;
    }

    .m-sm-75 {
        margin: 75px !important;
    }

    .mt-sm-75 {
        margin-top: 75px !important;
    }

    .mr-sm-75 {
        margin-right: 75px !important;
    }

    .mb-sm-75 {
        margin-bottom: 75px !important;
    }

    .ml-sm-75 {
        margin-left: 75px !important;
    }

    .m-sm-80 {
        margin: 80px !important;
    }

    .mt-sm-80 {
        margin-top: 80px !important;
    }

    .mr-sm-80 {
        margin-right: 80px !important;
    }

    .mb-sm-80 {
        margin-bottom: 80px !important;
    }

    .ml-sm-80 {
        margin-left: 80px !important;
    }

    .m-sm-85 {
        margin: 85px !important;
    }

    .mt-sm-85 {
        margin-top: 85px !important;
    }

    .mr-sm-85 {
        margin-right: 85px !important;
    }

    .mb-sm-85 {
        margin-bottom: 85px !important;
    }

    .ml-sm-85 {
        margin-left: 85px !important;
    }

    .m-sm-90 {
        margin: 90px !important;
    }

    .mt-sm-90 {
        margin-top: 90px !important;
    }

    .mr-sm-90 {
        margin-right: 90px !important;
    }

    .mb-sm-90 {
        margin-bottom: 90px !important;
    }

    .ml-sm-90 {
        margin-left: 90px !important;
    }

    .m-sm-95 {
        margin: 95px !important;
    }

    .mt-sm-95 {
        margin-top: 95px !important;
    }

    .mr-sm-95 {
        margin-right: 95px !important;
    }

    .mb-sm-95 {
        margin-bottom: 95px !important;
    }

    .ml-sm-95 {
        margin-left: 95px !important;
    }

    .m-sm-100 {
        margin: 100px !important;
    }

    .mt-sm-100 {
        margin-top: 100px !important;
    }

    .mr-sm-100 {
        margin-right: 100px !important;
    }

    .mb-sm-100 {
        margin-bottom: 100px !important;
    }

    .ml-sm-100 {
        margin-left: 100px !important;
    }

    .p-sm-5 {
        padding: 5px !important;
    }

    .pt-sm-5 {
        padding-top: 5px !important;
    }

    .pr-sm-5 {
        padding-right: 5px !important;
    }

    .pb-sm-5 {
        padding-bottom: 5px !important;
    }

    .pl-sm-5 {
        padding-left: 5px !important;
    }

    .p-sm-10 {
        padding: 10px !important;
    }

    .pt-sm-10 {
        padding-top: 10px !important;
    }

    .pr-sm-10 {
        padding-right: 10px !important;
    }

    .pb-sm-10 {
        padding-bottom: 10px !important;
    }

    .pl-sm-10 {
        padding-left: 10px !important;
    }

    .p-sm-15 {
        padding: 15px !important;
    }

    .pt-sm-15 {
        padding-top: 15px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .pb-sm-15 {
        padding-bottom: 15px !important;
    }

    .pl-sm-15 {
        padding-left: 15px !important;
    }

    .p-sm-20 {
        padding: 20px !important;
    }

    .pt-sm-20 {
        padding-top: 20px !important;
    }

    .pr-sm-20 {
        padding-right: 20px !important;
    }

    .pb-sm-20 {
        padding-bottom: 20px !important;
    }

    .pl-sm-20 {
        padding-left: 20px !important;
    }

    .p-sm-25 {
        padding: 25px !important;
    }

    .pt-sm-25 {
        padding-top: 25px !important;
    }

    .pr-sm-25 {
        padding-right: 25px !important;
    }

    .pb-sm-25 {
        padding-bottom: 25px !important;
    }

    .pl-sm-25 {
        padding-left: 25px !important;
    }

    .p-sm-30 {
        padding: 30px !important;
    }

    .pt-sm-30 {
        padding-top: 30px !important;
    }

    .pr-sm-30 {
        padding-right: 30px !important;
    }

    .pb-sm-30 {
        padding-bottom: 30px !important;
    }

    .pl-sm-30 {
        padding-left: 30px !important;
    }

    .p-sm-35 {
        padding: 35px !important;
    }

    .pt-sm-35 {
        padding-top: 35px !important;
    }

    .pr-sm-35 {
        padding-right: 35px !important;
    }

    .pb-sm-35 {
        padding-bottom: 35px !important;
    }

    .pl-sm-35 {
        padding-left: 35px !important;
    }

    .p-sm-40 {
        padding: 40px !important;
    }

    .pt-sm-40 {
        padding-top: 40px !important;
    }

    .pr-sm-40 {
        padding-right: 40px !important;
    }

    .pb-sm-40 {
        padding-bottom: 40px !important;
    }

    .pl-sm-40 {
        padding-left: 40px !important;
    }

    .p-sm-45 {
        padding: 45px !important;
    }

    .pt-sm-45 {
        padding-top: 45px !important;
    }

    .pr-sm-45 {
        padding-right: 45px !important;
    }

    .pb-sm-45 {
        padding-bottom: 45px !important;
    }

    .pl-sm-45 {
        padding-left: 45px !important;
    }

    .p-sm-50 {
        padding: 50px !important;
    }

    .pt-sm-50 {
        padding-top: 50px !important;
    }

    .pr-sm-50 {
        padding-right: 50px !important;
    }

    .pb-sm-50 {
        padding-bottom: 50px !important;
    }

    .pl-sm-50 {
        padding-left: 50px !important;
    }

    .p-sm-55 {
        padding: 55px !important;
    }

    .pt-sm-55 {
        padding-top: 55px !important;
    }

    .pr-sm-55 {
        padding-right: 55px !important;
    }

    .pb-sm-55 {
        padding-bottom: 55px !important;
    }

    .pl-sm-55 {
        padding-left: 55px !important;
    }

    .p-sm-60 {
        padding: 60px !important;
    }

    .pt-sm-60 {
        padding-top: 60px !important;
    }

    .pr-sm-60 {
        padding-right: 60px !important;
    }

    .pb-sm-60 {
        padding-bottom: 60px !important;
    }

    .pl-sm-60 {
        padding-left: 60px !important;
    }

    .p-sm-65 {
        padding: 65px !important;
    }

    .pt-sm-65 {
        padding-top: 65px !important;
    }

    .pr-sm-65 {
        padding-right: 65px !important;
    }

    .pb-sm-65 {
        padding-bottom: 65px !important;
    }

    .pl-sm-65 {
        padding-left: 65px !important;
    }

    .p-sm-70 {
        padding: 70px !important;
    }

    .pt-sm-70 {
        padding-top: 70px !important;
    }

    .pr-sm-70 {
        padding-right: 70px !important;
    }

    .pb-sm-70 {
        padding-bottom: 70px !important;
    }

    .pl-sm-70 {
        padding-left: 70px !important;
    }

    .p-sm-75 {
        padding: 75px !important;
    }

    .pt-sm-75 {
        padding-top: 75px !important;
    }

    .pr-sm-75 {
        padding-right: 75px !important;
    }

    .pb-sm-75 {
        padding-bottom: 75px !important;
    }

    .pl-sm-75 {
        padding-left: 75px !important;
    }

    .p-sm-80 {
        padding: 80px !important;
    }

    .pt-sm-80 {
        padding-top: 80px !important;
    }

    .pr-sm-80 {
        padding-right: 80px !important;
    }

    .pb-sm-80 {
        padding-bottom: 80px !important;
    }

    .pl-sm-80 {
        padding-left: 80px !important;
    }

    .p-sm-85 {
        padding: 85px !important;
    }

    .pt-sm-85 {
        padding-top: 85px !important;
    }

    .pr-sm-85 {
        padding-right: 85px !important;
    }

    .pb-sm-85 {
        padding-bottom: 85px !important;
    }

    .pl-sm-85 {
        padding-left: 85px !important;
    }

    .p-sm-90 {
        padding: 90px !important;
    }

    .pt-sm-90 {
        padding-top: 90px !important;
    }

    .pr-sm-90 {
        padding-right: 90px !important;
    }

    .pb-sm-90 {
        padding-bottom: 90px !important;
    }

    .pl-sm-90 {
        padding-left: 90px !important;
    }

    .p-sm-95 {
        padding: 95px !important;
    }

    .pt-sm-95 {
        padding-top: 95px !important;
    }

    .pr-sm-95 {
        padding-right: 95px !important;
    }

    .pb-sm-95 {
        padding-bottom: 95px !important;
    }

    .pl-sm-95 {
        padding-left: 95px !important;
    }

    .p-sm-100 {
        padding: 100px !important;
    }

    .pt-sm-100 {
        padding-top: 100px !important;
    }

    .pr-sm-100 {
        padding-right: 100px !important;
    }

    .pb-sm-100 {
        padding-bottom: 100px !important;
    }

    .pl-sm-100 {
        padding-left: 100px !important;
    }

    .space-sm-5 {
        height: 5px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-10 {
        height: 10px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-15 {
        height: 15px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-20 {
        height: 20px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-25 {
        height: 25px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-30 {
        height: 30px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-35 {
        height: 35px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-40 {
        height: 40px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-45 {
        height: 45px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-50 {
        height: 50px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-55 {
        height: 55px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-60 {
        height: 60px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-65 {
        height: 65px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-70 {
        height: 70px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-75 {
        height: 75px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-80 {
        height: 80px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-85 {
        height: 85px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-90 {
        height: 90px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-95 {
        height: 95px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }

    .space-sm-100 {
        height: 100px;
    }

    .m-sm-auto {
        margin: auto;
    }

    .mt-sm-auto {
        margin-top: auto;
    }

    .mr-sm-auto {
        margin-right: auto;
    }

    .mb-sm-auto {
        margin-bottom: auto;
    }

    .ml-sm-auto {
        margin-left: auto;
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .d-sm-none {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .w-md-10 {
        width: 10% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-70 {
        width: 70% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-initial {
        width: initial !important;
    }

    .m-md-5 {
        margin: 5px !important;
    }

    .mt-md-5 {
        margin-top: 5px !important;
    }

    .mr-md-5 {
        margin-right: 5px !important;
    }

    .mb-md-5 {
        margin-bottom: 5px !important;
    }

    .ml-md-5 {
        margin-left: 5px !important;
    }

    .m-md-10 {
        margin: 10px !important;
    }

    .mt-md-10 {
        margin-top: 10px !important;
    }

    .mr-md-10 {
        margin-right: 10px !important;
    }

    .mb-md-10 {
        margin-bottom: 10px !important;
    }

    .ml-md-10 {
        margin-left: 10px !important;
    }

    .m-md-15 {
        margin: 15px !important;
    }

    .mt-md-15 {
        margin-top: 15px !important;
    }

    .mr-md-15 {
        margin-right: 15px !important;
    }

    .mb-md-15 {
        margin-bottom: 15px !important;
    }

    .ml-md-15 {
        margin-left: 15px !important;
    }

    .m-md-20 {
        margin: 20px !important;
    }

    .mt-md-20 {
        margin-top: 20px !important;
    }

    .mr-md-20 {
        margin-right: 20px !important;
    }

    .mb-md-20 {
        margin-bottom: 20px !important;
    }

    .ml-md-20 {
        margin-left: 20px !important;
    }

    .m-md-25 {
        margin: 25px !important;
    }

    .mt-md-25 {
        margin-top: 25px !important;
    }

    .mr-md-25 {
        margin-right: 25px !important;
    }

    .mb-md-25 {
        margin-bottom: 25px !important;
    }

    .ml-md-25 {
        margin-left: 25px !important;
    }

    .m-md-30 {
        margin: 30px !important;
    }

    .mt-md-30 {
        margin-top: 30px !important;
    }

    .mr-md-30 {
        margin-right: 30px !important;
    }

    .mb-md-30 {
        margin-bottom: 30px !important;
    }

    .ml-md-30 {
        margin-left: 30px !important;
    }

    .m-md-35 {
        margin: 35px !important;
    }

    .mt-md-35 {
        margin-top: 35px !important;
    }

    .mr-md-35 {
        margin-right: 35px !important;
    }

    .mb-md-35 {
        margin-bottom: 35px !important;
    }

    .ml-md-35 {
        margin-left: 35px !important;
    }

    .m-md-40 {
        margin: 40px !important;
    }

    .mt-md-40 {
        margin-top: 40px !important;
    }

    .mr-md-40 {
        margin-right: 40px !important;
    }

    .mb-md-40 {
        margin-bottom: 40px !important;
    }

    .ml-md-40 {
        margin-left: 40px !important;
    }

    .m-md-45 {
        margin: 45px !important;
    }

    .mt-md-45 {
        margin-top: 45px !important;
    }

    .mr-md-45 {
        margin-right: 45px !important;
    }

    .mb-md-45 {
        margin-bottom: 45px !important;
    }

    .ml-md-45 {
        margin-left: 45px !important;
    }

    .m-md-50 {
        margin: 50px !important;
    }

    .mt-md-50 {
        margin-top: 50px !important;
    }

    .mr-md-50 {
        margin-right: 50px !important;
    }

    .mb-md-50 {
        margin-bottom: 50px !important;
    }

    .ml-md-50 {
        margin-left: 50px !important;
    }

    .m-md-55 {
        margin: 55px !important;
    }

    .mt-md-55 {
        margin-top: 55px !important;
    }

    .mr-md-55 {
        margin-right: 55px !important;
    }

    .mb-md-55 {
        margin-bottom: 55px !important;
    }

    .ml-md-55 {
        margin-left: 55px !important;
    }

    .m-md-60 {
        margin: 60px !important;
    }

    .mt-md-60 {
        margin-top: 60px !important;
    }

    .mr-md-60 {
        margin-right: 60px !important;
    }

    .mb-md-60 {
        margin-bottom: 60px !important;
    }

    .ml-md-60 {
        margin-left: 60px !important;
    }

    .m-md-65 {
        margin: 65px !important;
    }

    .mt-md-65 {
        margin-top: 65px !important;
    }

    .mr-md-65 {
        margin-right: 65px !important;
    }

    .mb-md-65 {
        margin-bottom: 65px !important;
    }

    .ml-md-65 {
        margin-left: 65px !important;
    }

    .m-md-70 {
        margin: 70px !important;
    }

    .mt-md-70 {
        margin-top: 70px !important;
    }

    .mr-md-70 {
        margin-right: 70px !important;
    }

    .mb-md-70 {
        margin-bottom: 70px !important;
    }

    .ml-md-70 {
        margin-left: 70px !important;
    }

    .m-md-75 {
        margin: 75px !important;
    }

    .mt-md-75 {
        margin-top: 75px !important;
    }

    .mr-md-75 {
        margin-right: 75px !important;
    }

    .mb-md-75 {
        margin-bottom: 75px !important;
    }

    .ml-md-75 {
        margin-left: 75px !important;
    }

    .m-md-80 {
        margin: 80px !important;
    }

    .mt-md-80 {
        margin-top: 80px !important;
    }

    .mr-md-80 {
        margin-right: 80px !important;
    }

    .mb-md-80 {
        margin-bottom: 80px !important;
    }

    .ml-md-80 {
        margin-left: 80px !important;
    }

    .m-md-85 {
        margin: 85px !important;
    }

    .mt-md-85 {
        margin-top: 85px !important;
    }

    .mr-md-85 {
        margin-right: 85px !important;
    }

    .mb-md-85 {
        margin-bottom: 85px !important;
    }

    .ml-md-85 {
        margin-left: 85px !important;
    }

    .m-md-90 {
        margin: 90px !important;
    }

    .mt-md-90 {
        margin-top: 90px !important;
    }

    .mr-md-90 {
        margin-right: 90px !important;
    }

    .mb-md-90 {
        margin-bottom: 90px !important;
    }

    .ml-md-90 {
        margin-left: 90px !important;
    }

    .m-md-95 {
        margin: 95px !important;
    }

    .mt-md-95 {
        margin-top: 95px !important;
    }

    .mr-md-95 {
        margin-right: 95px !important;
    }

    .mb-md-95 {
        margin-bottom: 95px !important;
    }

    .ml-md-95 {
        margin-left: 95px !important;
    }

    .m-md-100 {
        margin: 100px !important;
    }

    .mt-md-100 {
        margin-top: 100px !important;
    }

    .mr-md-100 {
        margin-right: 100px !important;
    }

    .mb-md-100 {
        margin-bottom: 100px !important;
    }

    .ml-md-100 {
        margin-left: 100px !important;
    }

    .p-md-5 {
        padding: 5px !important;
    }

    .pt-md-5 {
        padding-top: 5px !important;
    }

    .pr-md-5 {
        padding-right: 5px !important;
    }

    .pb-md-5 {
        padding-bottom: 5px !important;
    }

    .pl-md-5 {
        padding-left: 5px !important;
    }

    .p-md-10 {
        padding: 10px !important;
    }

    .pt-md-10 {
        padding-top: 10px !important;
    }

    .pr-md-10 {
        padding-right: 10px !important;
    }

    .pb-md-10 {
        padding-bottom: 10px !important;
    }

    .pl-md-10 {
        padding-left: 10px !important;
    }

    .p-md-15 {
        padding: 15px !important;
    }

    .pt-md-15 {
        padding-top: 15px !important;
    }

    .pr-md-15 {
        padding-right: 15px !important;
    }

    .pb-md-15 {
        padding-bottom: 15px !important;
    }

    .pl-md-15 {
        padding-left: 15px !important;
    }

    .p-md-20 {
        padding: 20px !important;
    }

    .pt-md-20 {
        padding-top: 20px !important;
    }

    .pr-md-20 {
        padding-right: 20px !important;
    }

    .pb-md-20 {
        padding-bottom: 20px !important;
    }

    .pl-md-20 {
        padding-left: 20px !important;
    }

    .p-md-25 {
        padding: 25px !important;
    }

    .pt-md-25 {
        padding-top: 25px !important;
    }

    .pr-md-25 {
        padding-right: 25px !important;
    }

    .pb-md-25 {
        padding-bottom: 25px !important;
    }

    .pl-md-25 {
        padding-left: 25px !important;
    }

    .p-md-30 {
        padding: 30px !important;
    }

    .pt-md-30 {
        padding-top: 30px !important;
    }

    .pr-md-30 {
        padding-right: 30px !important;
    }

    .pb-md-30 {
        padding-bottom: 30px !important;
    }

    .pl-md-30 {
        padding-left: 30px !important;
    }

    .p-md-35 {
        padding: 35px !important;
    }

    .pt-md-35 {
        padding-top: 35px !important;
    }

    .pr-md-35 {
        padding-right: 35px !important;
    }

    .pb-md-35 {
        padding-bottom: 35px !important;
    }

    .pl-md-35 {
        padding-left: 35px !important;
    }

    .p-md-40 {
        padding: 40px !important;
    }

    .pt-md-40 {
        padding-top: 40px !important;
    }

    .pr-md-40 {
        padding-right: 40px !important;
    }

    .pb-md-40 {
        padding-bottom: 40px !important;
    }

    .pl-md-40 {
        padding-left: 40px !important;
    }

    .p-md-45 {
        padding: 45px !important;
    }

    .pt-md-45 {
        padding-top: 45px !important;
    }

    .pr-md-45 {
        padding-right: 45px !important;
    }

    .pb-md-45 {
        padding-bottom: 45px !important;
    }

    .pl-md-45 {
        padding-left: 45px !important;
    }

    .p-md-50 {
        padding: 50px !important;
    }

    .pt-md-50 {
        padding-top: 50px !important;
    }

    .pr-md-50 {
        padding-right: 50px !important;
    }

    .pb-md-50 {
        padding-bottom: 50px !important;
    }

    .pl-md-50 {
        padding-left: 50px !important;
    }

    .p-md-55 {
        padding: 55px !important;
    }

    .pt-md-55 {
        padding-top: 55px !important;
    }

    .pr-md-55 {
        padding-right: 55px !important;
    }

    .pb-md-55 {
        padding-bottom: 55px !important;
    }

    .pl-md-55 {
        padding-left: 55px !important;
    }

    .p-md-60 {
        padding: 60px !important;
    }

    .pt-md-60 {
        padding-top: 60px !important;
    }

    .pr-md-60 {
        padding-right: 60px !important;
    }

    .pb-md-60 {
        padding-bottom: 60px !important;
    }

    .pl-md-60 {
        padding-left: 60px !important;
    }

    .p-md-65 {
        padding: 65px !important;
    }

    .pt-md-65 {
        padding-top: 65px !important;
    }

    .pr-md-65 {
        padding-right: 65px !important;
    }

    .pb-md-65 {
        padding-bottom: 65px !important;
    }

    .pl-md-65 {
        padding-left: 65px !important;
    }

    .p-md-70 {
        padding: 70px !important;
    }

    .pt-md-70 {
        padding-top: 70px !important;
    }

    .pr-md-70 {
        padding-right: 70px !important;
    }

    .pb-md-70 {
        padding-bottom: 70px !important;
    }

    .pl-md-70 {
        padding-left: 70px !important;
    }

    .p-md-75 {
        padding: 75px !important;
    }

    .pt-md-75 {
        padding-top: 75px !important;
    }

    .pr-md-75 {
        padding-right: 75px !important;
    }

    .pb-md-75 {
        padding-bottom: 75px !important;
    }

    .pl-md-75 {
        padding-left: 75px !important;
    }

    .p-md-80 {
        padding: 80px !important;
    }

    .pt-md-80 {
        padding-top: 80px !important;
    }

    .pr-md-80 {
        padding-right: 80px !important;
    }

    .pb-md-80 {
        padding-bottom: 80px !important;
    }

    .pl-md-80 {
        padding-left: 80px !important;
    }

    .p-md-85 {
        padding: 85px !important;
    }

    .pt-md-85 {
        padding-top: 85px !important;
    }

    .pr-md-85 {
        padding-right: 85px !important;
    }

    .pb-md-85 {
        padding-bottom: 85px !important;
    }

    .pl-md-85 {
        padding-left: 85px !important;
    }

    .p-md-90 {
        padding: 90px !important;
    }

    .pt-md-90 {
        padding-top: 90px !important;
    }

    .pr-md-90 {
        padding-right: 90px !important;
    }

    .pb-md-90 {
        padding-bottom: 90px !important;
    }

    .pl-md-90 {
        padding-left: 90px !important;
    }

    .p-md-95 {
        padding: 95px !important;
    }

    .pt-md-95 {
        padding-top: 95px !important;
    }

    .pr-md-95 {
        padding-right: 95px !important;
    }

    .pb-md-95 {
        padding-bottom: 95px !important;
    }

    .pl-md-95 {
        padding-left: 95px !important;
    }

    .p-md-100 {
        padding: 100px !important;
    }

    .pt-md-100 {
        padding-top: 100px !important;
    }

    .pr-md-100 {
        padding-right: 100px !important;
    }

    .pb-md-100 {
        padding-bottom: 100px !important;
    }

    .pl-md-100 {
        padding-left: 100px !important;
    }

    .space-md-5 {
        height: 5px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-10 {
        height: 10px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-15 {
        height: 15px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-20 {
        height: 20px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-25 {
        height: 25px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-30 {
        height: 30px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-35 {
        height: 35px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-40 {
        height: 40px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-45 {
        height: 45px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-50 {
        height: 50px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-55 {
        height: 55px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-60 {
        height: 60px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-65 {
        height: 65px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-70 {
        height: 70px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-75 {
        height: 75px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-80 {
        height: 80px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-85 {
        height: 85px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-90 {
        height: 90px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-95 {
        height: 95px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }

    .space-md-100 {
        height: 100px;
    }

    .m-md-auto {
        margin: auto;
    }

    .mt-md-auto {
        margin-top: auto;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .mb-md-auto {
        margin-bottom: auto;
    }

    .ml-md-auto {
        margin-left: auto;
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .d-md-none {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .w-lg-10 {
        width: 10% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-initial {
        width: initial !important;
    }

    .m-lg-5 {
        margin: 5px !important;
    }

    .mt-lg-5 {
        margin-top: 5px !important;
    }

    .mr-lg-5 {
        margin-right: 5px !important;
    }

    .mb-lg-5 {
        margin-bottom: 5px !important;
    }

    .ml-lg-5 {
        margin-left: 5px !important;
    }

    .m-lg-10 {
        margin: 10px !important;
    }

    .mt-lg-10 {
        margin-top: 10px !important;
    }

    .mr-lg-10 {
        margin-right: 10px !important;
    }

    .mb-lg-10 {
        margin-bottom: 10px !important;
    }

    .ml-lg-10 {
        margin-left: 10px !important;
    }

    .m-lg-15 {
        margin: 15px !important;
    }

    .mt-lg-15 {
        margin-top: 15px !important;
    }

    .mr-lg-15 {
        margin-right: 15px !important;
    }

    .mb-lg-15 {
        margin-bottom: 15px !important;
    }

    .ml-lg-15 {
        margin-left: 15px !important;
    }

    .m-lg-20 {
        margin: 20px !important;
    }

    .mt-lg-20 {
        margin-top: 20px !important;
    }

    .mr-lg-20 {
        margin-right: 20px !important;
    }

    .mb-lg-20 {
        margin-bottom: 20px !important;
    }

    .ml-lg-20 {
        margin-left: 20px !important;
    }

    .m-lg-25 {
        margin: 25px !important;
    }

    .mt-lg-25 {
        margin-top: 25px !important;
    }

    .mr-lg-25 {
        margin-right: 25px !important;
    }

    .mb-lg-25 {
        margin-bottom: 25px !important;
    }

    .ml-lg-25 {
        margin-left: 25px !important;
    }

    .m-lg-30 {
        margin: 30px !important;
    }

    .mt-lg-30 {
        margin-top: 30px !important;
    }

    .mr-lg-30 {
        margin-right: 30px !important;
    }

    .mb-lg-30 {
        margin-bottom: 30px !important;
    }

    .ml-lg-30 {
        margin-left: 30px !important;
    }

    .m-lg-35 {
        margin: 35px !important;
    }

    .mt-lg-35 {
        margin-top: 35px !important;
    }

    .mr-lg-35 {
        margin-right: 35px !important;
    }

    .mb-lg-35 {
        margin-bottom: 35px !important;
    }

    .ml-lg-35 {
        margin-left: 35px !important;
    }

    .m-lg-40 {
        margin: 40px !important;
    }

    .mt-lg-40 {
        margin-top: 40px !important;
    }

    .mr-lg-40 {
        margin-right: 40px !important;
    }

    .mb-lg-40 {
        margin-bottom: 40px !important;
    }

    .ml-lg-40 {
        margin-left: 40px !important;
    }

    .m-lg-45 {
        margin: 45px !important;
    }

    .mt-lg-45 {
        margin-top: 45px !important;
    }

    .mr-lg-45 {
        margin-right: 45px !important;
    }

    .mb-lg-45 {
        margin-bottom: 45px !important;
    }

    .ml-lg-45 {
        margin-left: 45px !important;
    }

    .m-lg-50 {
        margin: 50px !important;
    }

    .mt-lg-50 {
        margin-top: 50px !important;
    }

    .mr-lg-50 {
        margin-right: 50px !important;
    }

    .mb-lg-50 {
        margin-bottom: 50px !important;
    }

    .ml-lg-50 {
        margin-left: 50px !important;
    }

    .m-lg-55 {
        margin: 55px !important;
    }

    .mt-lg-55 {
        margin-top: 55px !important;
    }

    .mr-lg-55 {
        margin-right: 55px !important;
    }

    .mb-lg-55 {
        margin-bottom: 55px !important;
    }

    .ml-lg-55 {
        margin-left: 55px !important;
    }

    .m-lg-60 {
        margin: 60px !important;
    }

    .mt-lg-60 {
        margin-top: 60px !important;
    }

    .mr-lg-60 {
        margin-right: 60px !important;
    }

    .mb-lg-60 {
        margin-bottom: 60px !important;
    }

    .ml-lg-60 {
        margin-left: 60px !important;
    }

    .m-lg-65 {
        margin: 65px !important;
    }

    .mt-lg-65 {
        margin-top: 65px !important;
    }

    .mr-lg-65 {
        margin-right: 65px !important;
    }

    .mb-lg-65 {
        margin-bottom: 65px !important;
    }

    .ml-lg-65 {
        margin-left: 65px !important;
    }

    .m-lg-70 {
        margin: 70px !important;
    }

    .mt-lg-70 {
        margin-top: 70px !important;
    }

    .mr-lg-70 {
        margin-right: 70px !important;
    }

    .mb-lg-70 {
        margin-bottom: 70px !important;
    }

    .ml-lg-70 {
        margin-left: 70px !important;
    }

    .m-lg-75 {
        margin: 75px !important;
    }

    .mt-lg-75 {
        margin-top: 75px !important;
    }

    .mr-lg-75 {
        margin-right: 75px !important;
    }

    .mb-lg-75 {
        margin-bottom: 75px !important;
    }

    .ml-lg-75 {
        margin-left: 75px !important;
    }

    .m-lg-80 {
        margin: 80px !important;
    }

    .mt-lg-80 {
        margin-top: 80px !important;
    }

    .mr-lg-80 {
        margin-right: 80px !important;
    }

    .mb-lg-80 {
        margin-bottom: 80px !important;
    }

    .ml-lg-80 {
        margin-left: 80px !important;
    }

    .m-lg-85 {
        margin: 85px !important;
    }

    .mt-lg-85 {
        margin-top: 85px !important;
    }

    .mr-lg-85 {
        margin-right: 85px !important;
    }

    .mb-lg-85 {
        margin-bottom: 85px !important;
    }

    .ml-lg-85 {
        margin-left: 85px !important;
    }

    .m-lg-90 {
        margin: 90px !important;
    }

    .mt-lg-90 {
        margin-top: 90px !important;
    }

    .mr-lg-90 {
        margin-right: 90px !important;
    }

    .mb-lg-90 {
        margin-bottom: 90px !important;
    }

    .ml-lg-90 {
        margin-left: 90px !important;
    }

    .m-lg-95 {
        margin: 95px !important;
    }

    .mt-lg-95 {
        margin-top: 95px !important;
    }

    .mr-lg-95 {
        margin-right: 95px !important;
    }

    .mb-lg-95 {
        margin-bottom: 95px !important;
    }

    .ml-lg-95 {
        margin-left: 95px !important;
    }

    .m-lg-100 {
        margin: 100px !important;
    }

    .mt-lg-100 {
        margin-top: 100px !important;
    }

    .mr-lg-100 {
        margin-right: 100px !important;
    }

    .mb-lg-100 {
        margin-bottom: 100px !important;
    }

    .ml-lg-100 {
        margin-left: 100px !important;
    }

    .p-lg-5 {
        padding: 5px !important;
    }

    .pt-lg-5 {
        padding-top: 5px !important;
    }

    .pr-lg-5 {
        padding-right: 5px !important;
    }

    .pb-lg-5 {
        padding-bottom: 5px !important;
    }

    .pl-lg-5 {
        padding-left: 5px !important;
    }

    .p-lg-10 {
        padding: 10px !important;
    }

    .pt-lg-10 {
        padding-top: 10px !important;
    }

    .pr-lg-10 {
        padding-right: 10px !important;
    }

    .pb-lg-10 {
        padding-bottom: 10px !important;
    }

    .pl-lg-10 {
        padding-left: 10px !important;
    }

    .p-lg-15 {
        padding: 15px !important;
    }

    .pt-lg-15 {
        padding-top: 15px !important;
    }

    .pr-lg-15 {
        padding-right: 15px !important;
    }

    .pb-lg-15 {
        padding-bottom: 15px !important;
    }

    .pl-lg-15 {
        padding-left: 15px !important;
    }

    .p-lg-20 {
        padding: 20px !important;
    }

    .pt-lg-20 {
        padding-top: 20px !important;
    }

    .pr-lg-20 {
        padding-right: 20px !important;
    }

    .pb-lg-20 {
        padding-bottom: 20px !important;
    }

    .pl-lg-20 {
        padding-left: 20px !important;
    }

    .p-lg-25 {
        padding: 25px !important;
    }

    .pt-lg-25 {
        padding-top: 25px !important;
    }

    .pr-lg-25 {
        padding-right: 25px !important;
    }

    .pb-lg-25 {
        padding-bottom: 25px !important;
    }

    .pl-lg-25 {
        padding-left: 25px !important;
    }

    .p-lg-30 {
        padding: 30px !important;
    }

    .pt-lg-30 {
        padding-top: 30px !important;
    }

    .pr-lg-30 {
        padding-right: 30px !important;
    }

    .pb-lg-30 {
        padding-bottom: 30px !important;
    }

    .pl-lg-30 {
        padding-left: 30px !important;
    }

    .p-lg-35 {
        padding: 35px !important;
    }

    .pt-lg-35 {
        padding-top: 35px !important;
    }

    .pr-lg-35 {
        padding-right: 35px !important;
    }

    .pb-lg-35 {
        padding-bottom: 35px !important;
    }

    .pl-lg-35 {
        padding-left: 35px !important;
    }

    .p-lg-40 {
        padding: 40px !important;
    }

    .pt-lg-40 {
        padding-top: 40px !important;
    }

    .pr-lg-40 {
        padding-right: 40px !important;
    }

    .pb-lg-40 {
        padding-bottom: 40px !important;
    }

    .pl-lg-40 {
        padding-left: 40px !important;
    }

    .p-lg-45 {
        padding: 45px !important;
    }

    .pt-lg-45 {
        padding-top: 45px !important;
    }

    .pr-lg-45 {
        padding-right: 45px !important;
    }

    .pb-lg-45 {
        padding-bottom: 45px !important;
    }

    .pl-lg-45 {
        padding-left: 45px !important;
    }

    .p-lg-50 {
        padding: 50px !important;
    }

    .pt-lg-50 {
        padding-top: 50px !important;
    }

    .pr-lg-50 {
        padding-right: 50px !important;
    }

    .pb-lg-50 {
        padding-bottom: 50px !important;
    }

    .pl-lg-50 {
        padding-left: 50px !important;
    }

    .p-lg-55 {
        padding: 55px !important;
    }

    .pt-lg-55 {
        padding-top: 55px !important;
    }

    .pr-lg-55 {
        padding-right: 55px !important;
    }

    .pb-lg-55 {
        padding-bottom: 55px !important;
    }

    .pl-lg-55 {
        padding-left: 55px !important;
    }

    .p-lg-60 {
        padding: 60px !important;
    }

    .pt-lg-60 {
        padding-top: 60px !important;
    }

    .pr-lg-60 {
        padding-right: 60px !important;
    }

    .pb-lg-60 {
        padding-bottom: 60px !important;
    }

    .pl-lg-60 {
        padding-left: 60px !important;
    }

    .p-lg-65 {
        padding: 65px !important;
    }

    .pt-lg-65 {
        padding-top: 65px !important;
    }

    .pr-lg-65 {
        padding-right: 65px !important;
    }

    .pb-lg-65 {
        padding-bottom: 65px !important;
    }

    .pl-lg-65 {
        padding-left: 65px !important;
    }

    .p-lg-70 {
        padding: 70px !important;
    }

    .pt-lg-70 {
        padding-top: 70px !important;
    }

    .pr-lg-70 {
        padding-right: 70px !important;
    }

    .pb-lg-70 {
        padding-bottom: 70px !important;
    }

    .pl-lg-70 {
        padding-left: 70px !important;
    }

    .p-lg-75 {
        padding: 75px !important;
    }

    .pt-lg-75 {
        padding-top: 75px !important;
    }

    .pr-lg-75 {
        padding-right: 75px !important;
    }

    .pb-lg-75 {
        padding-bottom: 75px !important;
    }

    .pl-lg-75 {
        padding-left: 75px !important;
    }

    .p-lg-80 {
        padding: 80px !important;
    }

    .pt-lg-80 {
        padding-top: 80px !important;
    }

    .pr-lg-80 {
        padding-right: 80px !important;
    }

    .pb-lg-80 {
        padding-bottom: 80px !important;
    }

    .pl-lg-80 {
        padding-left: 80px !important;
    }

    .p-lg-85 {
        padding: 85px !important;
    }

    .pt-lg-85 {
        padding-top: 85px !important;
    }

    .pr-lg-85 {
        padding-right: 85px !important;
    }

    .pb-lg-85 {
        padding-bottom: 85px !important;
    }

    .pl-lg-85 {
        padding-left: 85px !important;
    }

    .p-lg-90 {
        padding: 90px !important;
    }

    .pt-lg-90 {
        padding-top: 90px !important;
    }

    .pr-lg-90 {
        padding-right: 90px !important;
    }

    .pb-lg-90 {
        padding-bottom: 90px !important;
    }

    .pl-lg-90 {
        padding-left: 90px !important;
    }

    .p-lg-95 {
        padding: 95px !important;
    }

    .pt-lg-95 {
        padding-top: 95px !important;
    }

    .pr-lg-95 {
        padding-right: 95px !important;
    }

    .pb-lg-95 {
        padding-bottom: 95px !important;
    }

    .pl-lg-95 {
        padding-left: 95px !important;
    }

    .p-lg-100 {
        padding: 100px !important;
    }

    .pt-lg-100 {
        padding-top: 100px !important;
    }

    .pr-lg-100 {
        padding-right: 100px !important;
    }

    .pb-lg-100 {
        padding-bottom: 100px !important;
    }

    .pl-lg-100 {
        padding-left: 100px !important;
    }

    .space-lg-5 {
        height: 5px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-10 {
        height: 10px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-15 {
        height: 15px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-20 {
        height: 20px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-25 {
        height: 25px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-30 {
        height: 30px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-35 {
        height: 35px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-40 {
        height: 40px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-45 {
        height: 45px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-50 {
        height: 50px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-55 {
        height: 55px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-60 {
        height: 60px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-65 {
        height: 65px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-70 {
        height: 70px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-75 {
        height: 75px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-80 {
        height: 80px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-85 {
        height: 85px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-90 {
        height: 90px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-95 {
        height: 95px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }

    .space-lg-100 {
        height: 100px;
    }

    .m-lg-auto {
        margin: auto;
    }

    .mt-lg-auto {
        margin-top: auto;
    }

    .mr-lg-auto {
        margin-right: auto;
    }

    .mb-lg-auto {
        margin-bottom: auto;
    }

    .ml-lg-auto {
        margin-left: auto;
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .d-lg-none {
        display: none;
    }
}

@media only screen and (min-width: 1220px) {
    .w-xl-10 {
        width: 10% !important;
    }

    .w-xl-20 {
        width: 20% !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-70 {
        width: 70% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-initial {
        width: initial !important;
    }

    .m-xl-5 {
        margin: 5px !important;
    }

    .mt-xl-5 {
        margin-top: 5px !important;
    }

    .mr-xl-5 {
        margin-right: 5px !important;
    }

    .mb-xl-5 {
        margin-bottom: 5px !important;
    }

    .ml-xl-5 {
        margin-left: 5px !important;
    }

    .m-xl-10 {
        margin: 10px !important;
    }

    .mt-xl-10 {
        margin-top: 10px !important;
    }

    .mr-xl-10 {
        margin-right: 10px !important;
    }

    .mb-xl-10 {
        margin-bottom: 10px !important;
    }

    .ml-xl-10 {
        margin-left: 10px !important;
    }

    .m-xl-15 {
        margin: 15px !important;
    }

    .mt-xl-15 {
        margin-top: 15px !important;
    }

    .mr-xl-15 {
        margin-right: 15px !important;
    }

    .mb-xl-15 {
        margin-bottom: 15px !important;
    }

    .ml-xl-15 {
        margin-left: 15px !important;
    }

    .m-xl-20 {
        margin: 20px !important;
    }

    .mt-xl-20 {
        margin-top: 20px !important;
    }

    .mr-xl-20 {
        margin-right: 20px !important;
    }

    .mb-xl-20 {
        margin-bottom: 20px !important;
    }

    .ml-xl-20 {
        margin-left: 20px !important;
    }

    .m-xl-25 {
        margin: 25px !important;
    }

    .mt-xl-25 {
        margin-top: 25px !important;
    }

    .mr-xl-25 {
        margin-right: 25px !important;
    }

    .mb-xl-25 {
        margin-bottom: 25px !important;
    }

    .ml-xl-25 {
        margin-left: 25px !important;
    }

    .m-xl-30 {
        margin: 30px !important;
    }

    .mt-xl-30 {
        margin-top: 30px !important;
    }

    .mr-xl-30 {
        margin-right: 30px !important;
    }

    .mb-xl-30 {
        margin-bottom: 30px !important;
    }

    .ml-xl-30 {
        margin-left: 30px !important;
    }

    .m-xl-35 {
        margin: 35px !important;
    }

    .mt-xl-35 {
        margin-top: 35px !important;
    }

    .mr-xl-35 {
        margin-right: 35px !important;
    }

    .mb-xl-35 {
        margin-bottom: 35px !important;
    }

    .ml-xl-35 {
        margin-left: 35px !important;
    }

    .m-xl-40 {
        margin: 40px !important;
    }

    .mt-xl-40 {
        margin-top: 40px !important;
    }

    .mr-xl-40 {
        margin-right: 40px !important;
    }

    .mb-xl-40 {
        margin-bottom: 40px !important;
    }

    .ml-xl-40 {
        margin-left: 40px !important;
    }

    .m-xl-45 {
        margin: 45px !important;
    }

    .mt-xl-45 {
        margin-top: 45px !important;
    }

    .mr-xl-45 {
        margin-right: 45px !important;
    }

    .mb-xl-45 {
        margin-bottom: 45px !important;
    }

    .ml-xl-45 {
        margin-left: 45px !important;
    }

    .m-xl-50 {
        margin: 50px !important;
    }

    .mt-xl-50 {
        margin-top: 50px !important;
    }

    .mr-xl-50 {
        margin-right: 50px !important;
    }

    .mb-xl-50 {
        margin-bottom: 50px !important;
    }

    .ml-xl-50 {
        margin-left: 50px !important;
    }

    .m-xl-55 {
        margin: 55px !important;
    }

    .mt-xl-55 {
        margin-top: 55px !important;
    }

    .mr-xl-55 {
        margin-right: 55px !important;
    }

    .mb-xl-55 {
        margin-bottom: 55px !important;
    }

    .ml-xl-55 {
        margin-left: 55px !important;
    }

    .m-xl-60 {
        margin: 60px !important;
    }

    .mt-xl-60 {
        margin-top: 60px !important;
    }

    .mr-xl-60 {
        margin-right: 60px !important;
    }

    .mb-xl-60 {
        margin-bottom: 60px !important;
    }

    .ml-xl-60 {
        margin-left: 60px !important;
    }

    .m-xl-65 {
        margin: 65px !important;
    }

    .mt-xl-65 {
        margin-top: 65px !important;
    }

    .mr-xl-65 {
        margin-right: 65px !important;
    }

    .mb-xl-65 {
        margin-bottom: 65px !important;
    }

    .ml-xl-65 {
        margin-left: 65px !important;
    }

    .m-xl-70 {
        margin: 70px !important;
    }

    .mt-xl-70 {
        margin-top: 70px !important;
    }

    .mr-xl-70 {
        margin-right: 70px !important;
    }

    .mb-xl-70 {
        margin-bottom: 70px !important;
    }

    .ml-xl-70 {
        margin-left: 70px !important;
    }

    .m-xl-75 {
        margin: 75px !important;
    }

    .mt-xl-75 {
        margin-top: 75px !important;
    }

    .mr-xl-75 {
        margin-right: 75px !important;
    }

    .mb-xl-75 {
        margin-bottom: 75px !important;
    }

    .ml-xl-75 {
        margin-left: 75px !important;
    }

    .m-xl-80 {
        margin: 80px !important;
    }

    .mt-xl-80 {
        margin-top: 80px !important;
    }

    .mr-xl-80 {
        margin-right: 80px !important;
    }

    .mb-xl-80 {
        margin-bottom: 80px !important;
    }

    .ml-xl-80 {
        margin-left: 80px !important;
    }

    .m-xl-85 {
        margin: 85px !important;
    }

    .mt-xl-85 {
        margin-top: 85px !important;
    }

    .mr-xl-85 {
        margin-right: 85px !important;
    }

    .mb-xl-85 {
        margin-bottom: 85px !important;
    }

    .ml-xl-85 {
        margin-left: 85px !important;
    }

    .m-xl-90 {
        margin: 90px !important;
    }

    .mt-xl-90 {
        margin-top: 90px !important;
    }

    .mr-xl-90 {
        margin-right: 90px !important;
    }

    .mb-xl-90 {
        margin-bottom: 90px !important;
    }

    .ml-xl-90 {
        margin-left: 90px !important;
    }

    .m-xl-95 {
        margin: 95px !important;
    }

    .mt-xl-95 {
        margin-top: 95px !important;
    }

    .mr-xl-95 {
        margin-right: 95px !important;
    }

    .mb-xl-95 {
        margin-bottom: 95px !important;
    }

    .ml-xl-95 {
        margin-left: 95px !important;
    }

    .m-xl-100 {
        margin: 100px !important;
    }

    .mt-xl-100 {
        margin-top: 100px !important;
    }

    .mr-xl-100 {
        margin-right: 100px !important;
    }

    .mb-xl-100 {
        margin-bottom: 100px !important;
    }

    .ml-xl-100 {
        margin-left: 100px !important;
    }

    .p-xl-5 {
        padding: 5px !important;
    }

    .pt-xl-5 {
        padding-top: 5px !important;
    }

    .pr-xl-5 {
        padding-right: 5px !important;
    }

    .pb-xl-5 {
        padding-bottom: 5px !important;
    }

    .pl-xl-5 {
        padding-left: 5px !important;
    }

    .p-xl-10 {
        padding: 10px !important;
    }

    .pt-xl-10 {
        padding-top: 10px !important;
    }

    .pr-xl-10 {
        padding-right: 10px !important;
    }

    .pb-xl-10 {
        padding-bottom: 10px !important;
    }

    .pl-xl-10 {
        padding-left: 10px !important;
    }

    .p-xl-15 {
        padding: 15px !important;
    }

    .pt-xl-15 {
        padding-top: 15px !important;
    }

    .pr-xl-15 {
        padding-right: 15px !important;
    }

    .pb-xl-15 {
        padding-bottom: 15px !important;
    }

    .pl-xl-15 {
        padding-left: 15px !important;
    }

    .p-xl-20 {
        padding: 20px !important;
    }

    .pt-xl-20 {
        padding-top: 20px !important;
    }

    .pr-xl-20 {
        padding-right: 20px !important;
    }

    .pb-xl-20 {
        padding-bottom: 20px !important;
    }

    .pl-xl-20 {
        padding-left: 20px !important;
    }

    .p-xl-25 {
        padding: 25px !important;
    }

    .pt-xl-25 {
        padding-top: 25px !important;
    }

    .pr-xl-25 {
        padding-right: 25px !important;
    }

    .pb-xl-25 {
        padding-bottom: 25px !important;
    }

    .pl-xl-25 {
        padding-left: 25px !important;
    }

    .p-xl-30 {
        padding: 30px !important;
    }

    .pt-xl-30 {
        padding-top: 30px !important;
    }

    .pr-xl-30 {
        padding-right: 30px !important;
    }

    .pb-xl-30 {
        padding-bottom: 30px !important;
    }

    .pl-xl-30 {
        padding-left: 30px !important;
    }

    .p-xl-35 {
        padding: 35px !important;
    }

    .pt-xl-35 {
        padding-top: 35px !important;
    }

    .pr-xl-35 {
        padding-right: 35px !important;
    }

    .pb-xl-35 {
        padding-bottom: 35px !important;
    }

    .pl-xl-35 {
        padding-left: 35px !important;
    }

    .p-xl-40 {
        padding: 40px !important;
    }

    .pt-xl-40 {
        padding-top: 40px !important;
    }

    .pr-xl-40 {
        padding-right: 40px !important;
    }

    .pb-xl-40 {
        padding-bottom: 40px !important;
    }

    .pl-xl-40 {
        padding-left: 40px !important;
    }

    .p-xl-45 {
        padding: 45px !important;
    }

    .pt-xl-45 {
        padding-top: 45px !important;
    }

    .pr-xl-45 {
        padding-right: 45px !important;
    }

    .pb-xl-45 {
        padding-bottom: 45px !important;
    }

    .pl-xl-45 {
        padding-left: 45px !important;
    }

    .p-xl-50 {
        padding: 50px !important;
    }

    .pt-xl-50 {
        padding-top: 50px !important;
    }

    .pr-xl-50 {
        padding-right: 50px !important;
    }

    .pb-xl-50 {
        padding-bottom: 50px !important;
    }

    .pl-xl-50 {
        padding-left: 50px !important;
    }

    .p-xl-55 {
        padding: 55px !important;
    }

    .pt-xl-55 {
        padding-top: 55px !important;
    }

    .pr-xl-55 {
        padding-right: 55px !important;
    }

    .pb-xl-55 {
        padding-bottom: 55px !important;
    }

    .pl-xl-55 {
        padding-left: 55px !important;
    }

    .p-xl-60 {
        padding: 60px !important;
    }

    .pt-xl-60 {
        padding-top: 60px !important;
    }

    .pr-xl-60 {
        padding-right: 60px !important;
    }

    .pb-xl-60 {
        padding-bottom: 60px !important;
    }

    .pl-xl-60 {
        padding-left: 60px !important;
    }

    .p-xl-65 {
        padding: 65px !important;
    }

    .pt-xl-65 {
        padding-top: 65px !important;
    }

    .pr-xl-65 {
        padding-right: 65px !important;
    }

    .pb-xl-65 {
        padding-bottom: 65px !important;
    }

    .pl-xl-65 {
        padding-left: 65px !important;
    }

    .p-xl-70 {
        padding: 70px !important;
    }

    .pt-xl-70 {
        padding-top: 70px !important;
    }

    .pr-xl-70 {
        padding-right: 70px !important;
    }

    .pb-xl-70 {
        padding-bottom: 70px !important;
    }

    .pl-xl-70 {
        padding-left: 70px !important;
    }

    .p-xl-75 {
        padding: 75px !important;
    }

    .pt-xl-75 {
        padding-top: 75px !important;
    }

    .pr-xl-75 {
        padding-right: 75px !important;
    }

    .pb-xl-75 {
        padding-bottom: 75px !important;
    }

    .pl-xl-75 {
        padding-left: 75px !important;
    }

    .p-xl-80 {
        padding: 80px !important;
    }

    .pt-xl-80 {
        padding-top: 80px !important;
    }

    .pr-xl-80 {
        padding-right: 80px !important;
    }

    .pb-xl-80 {
        padding-bottom: 80px !important;
    }

    .pl-xl-80 {
        padding-left: 80px !important;
    }

    .p-xl-85 {
        padding: 85px !important;
    }

    .pt-xl-85 {
        padding-top: 85px !important;
    }

    .pr-xl-85 {
        padding-right: 85px !important;
    }

    .pb-xl-85 {
        padding-bottom: 85px !important;
    }

    .pl-xl-85 {
        padding-left: 85px !important;
    }

    .p-xl-90 {
        padding: 90px !important;
    }

    .pt-xl-90 {
        padding-top: 90px !important;
    }

    .pr-xl-90 {
        padding-right: 90px !important;
    }

    .pb-xl-90 {
        padding-bottom: 90px !important;
    }

    .pl-xl-90 {
        padding-left: 90px !important;
    }

    .p-xl-95 {
        padding: 95px !important;
    }

    .pt-xl-95 {
        padding-top: 95px !important;
    }

    .pr-xl-95 {
        padding-right: 95px !important;
    }

    .pb-xl-95 {
        padding-bottom: 95px !important;
    }

    .pl-xl-95 {
        padding-left: 95px !important;
    }

    .p-xl-100 {
        padding: 100px !important;
    }

    .pt-xl-100 {
        padding-top: 100px !important;
    }

    .pr-xl-100 {
        padding-right: 100px !important;
    }

    .pb-xl-100 {
        padding-bottom: 100px !important;
    }

    .pl-xl-100 {
        padding-left: 100px !important;
    }

    .space-xl-5 {
        height: 5px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-10 {
        height: 10px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-15 {
        height: 15px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-20 {
        height: 20px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-25 {
        height: 25px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-30 {
        height: 30px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-35 {
        height: 35px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-40 {
        height: 40px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-45 {
        height: 45px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-50 {
        height: 50px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-55 {
        height: 55px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-60 {
        height: 60px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-65 {
        height: 65px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-70 {
        height: 70px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-75 {
        height: 75px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-80 {
        height: 80px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-85 {
        height: 85px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-90 {
        height: 90px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-95 {
        height: 95px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }

    .space-xl-100 {
        height: 100px;
    }

    .m-xl-auto {
        margin: auto;
    }

    .mt-xl-auto {
        margin-top: auto;
    }

    .mr-xl-auto {
        margin-right: auto;
    }

    .mb-xl-auto {
        margin-bottom: auto;
    }

    .ml-xl-auto {
        margin-left: auto;
    }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .d-xl-none {
        display: none;
    }
}

/*# sourceMappingURL=bootstrap-helpers.css.map */

body.dashboard {
    background-color: #080707;
    position: relative;
}

body.dashboard:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(https://storage.perfectcdn.com/idhwx8/82k2ipekzbnmzxaa.png); */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    mix-blend-mode: difference;
}

.guest .navbar.navbar-default {
    position: static !important;
}

.navbar-2 {
    height: 90px;
    padding: 0 !important;
    background: #101314 !important;
    margin-bottom: 0;
}

.navbar-2 .container {
    height: 100%;
    width: 90%;
    max-width: 1350px;
    padding: 0 15px;
}

.navbar-2 .container .navbar-header {
    height: 100% !important;
    position: static !important;
    width: initial !important;
    background: transparent !important;
}

.navbar .container {
    height: 100%;
    width: 90%;
    max-width: 1350px;
    padding: 0 15px;
}

.navbar-2 .container .navbar-brand {
    width: 250px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    position: relative;
}

.navbar-2 .container .navbar-brand:after {
    content: "";
    display: inline-block;
    width: 100%;
    width: 229px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.08);
    position: absolute;
    left: 0;
    bottom: -1px;
}

.navbar-2 .container .navbar-left {
    height: 90px;
    display: flex;
    align-items: center;
}

.navbar-2 .container .navbar-left li:before {
    display: none !important;
}

.navbar-2 .container .navbar-left li.user-nav a {
    display: flex;
    color: rgb(255, 255, 255) !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    gap: 10px;
    height: 90px;
    align-items: center;
    padding-left: 43px;
    padding-right: 47px;
    font-family: "Space Grotesk";
    text-transform: initial;
    text-align: left;
}

.navbar-2 .container .navbar-left li.user-nav span {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Space Grotesk";
    text-transform: initial;
    font-weight: bold;
    text-align: left;
}

.navbar-2 .container .navbar-left li.user-nav div.name-container {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk";
    text-transform: initial;
    font-weight: bold;
}

.navbar-2 .container .navbar-left li.user-nav div.img-container {
    display: flex;
    flex-direction: column;
    background: #222222;
    border: solid 1px white;
    padding: 2px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.navbar-2 .container .navbar-left li.user-nav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar-2 .container .navbar-left li.user-balance a {
    display: flex;
    flex-direction: column;
    width: 120px;
    height: 90px;
    background: radial-gradient(221.67% 295.56% at 50% -178.89%, #FFB60E 0%, rgba(255, 182, 14, 0) 100%);
    padding-top: 30px;
    padding-left: 20px;
}

.navbar-2 .container .navbar-left li.user-balance a span {
    font-family: "Space Grotesk";
    text-transform: initial;
    font-weight: bold;
    text-align: left;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
}

.navbar-2 .container .navbar-left li.user-balance a span:last-child {
    color: #FFB60E;
    font-size: 18px;
    line-height: 20px;
    text-transform: initial;
}

.navbar-2 .container .navbar-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 90px;
    gap: 10px;
}

.navbar-2 .container .navbar-right li a {
    border-radius: 25px;
    background: #252627;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 50px;
    min-width: initial !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: "Space Grotesk" !important;
    color: #fff !important;
    padding: 10px 13px !important;
    margin: 0 !important;
}

.navbar-2 .container .navbar-right li a:hover {
    background: #252627 !important;
}

.navbar-2 .container .navbar-right li.wallet a {
    background: #FFB60E !important;
    color: #000 !important;
    position: relative;
    padding: 10px 19px !important;
}

.navbar-2 .container .navbar-right li.wallet a:before {
    content: "";
    display: inline-block;
    background: #FFB60E;
    opacity: 0.25;
    filter: blur(10px);
    border-radius: 25px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.navbar-2 .container .navbar-right li.progress-nav a {
    background: none !important;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    gap: 6px;
    border-radius: 0;
    margin-right: 24px !important;
}

.navbar-2 .container .navbar-right li.progress-nav a span {
    display: inline-block;
}

.navbar-2 .container .navbar-right li.progress-nav a .progress-text {
    font-size: 14px;
    line-height: 20px;
}

.navbar-2 .container .navbar-right li.progress-nav a .progress-bar {
    background: #252627;
    border-radius: 10px;
    width: 100px;
    height: 17px;
    position: relative;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.185);
}

.navbar-2 .container .navbar-right li.progress-nav a .progress-bar:after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://storage.perfectcdn.com/idhwx8/uxjrzl63ad4meoyx.png);
    position: absolute;
    top: -6px;
    right: -10px;
}

.navbar-2 .container .navbar-right li.progress-nav a .progress-indicator {
    border-radius: 10px;
    background: radial-gradient(167.52% 820.83% at -36.22% 213.33%, #FFFFFF 0%, #85F7E2 47.4%, #FFB60E 100%);
    height: 100%;
    left: 0;
    position: absolute;
}

/* ==========================================================================
[Service]
========================================================================== */
#service_description {
    line-height: 18px;
}

.main-content .container {
    width: 90%;
    max-width: 1350px;
    padding: 0 15px;
}

.main-content .sidebar {
    padding: 0;
    position: relative;
}

.main-content .sidebar:before {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 250px;
    height: calc(100% + 90px);
    background: radial-gradient(240.8% 68.41% at -61% -16.08%, rgba(135, 144, 153, 0.2) 0%, rgba(135, 144, 153, 0) 100%), rgba(16, 19, 20, 0.5);
    top: -110px;
    border-radius: 0px 0px 10px 10px;
}

.main-content .sidebar .sidebar-content {
    max-width: 250px;
    padding: 0 0 30px 0;
    color: #fff;
}

.main-content .sidebar .sidebar-content>* {
    position: relative;
    z-index: 2;
}

.main-content .sidebar .sidebar-content ul {
    position: relative;
    z-index: 2;
    padding: 20px 0 0 23px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.main-content .sidebar .sidebar-content ul li {
    list-style: none;
}

.main-content .sidebar .sidebar-content ul li ul {
    display: none;
    padding-top: 10px;
}

.main-content .sidebar .sidebar-content ul li a {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 11px;
    height: 40px;
    max-width: 210px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.main-content .sidebar .sidebar-content ul li a:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    flex-shrink: 0;
}

.main-content .sidebar .sidebar-content ul li a span {
    display: flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    align-items: center;
    margin-left: auto;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #000;
    background: #FFB60E;
    position: relative;
    right: 22px;
}

.main-content .sidebar .sidebar-content ul li.place_new_order>a:before {
    background-image: url('data:image/svg+xml, <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M9.92289 2.07656H7.96084C7.47205 2.07979 7.00799 1.86237 6.69825 1.485L6.05214 0.591749C5.74758 0.211076 5.28353 -0.00737019 4.79547 0.000189972H3.4084C0.918792 0.000189972 7.00144e-06 1.46134 7.00144e-06 3.94589V6.63157C-0.00309078 6.92692 13.3304 6.92655 13.3313 6.63157V5.85071C13.3431 3.36616 12.4481 2.07656 9.92289 2.07656Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5548 3.02894C12.768 3.27833 12.9329 3.5652 13.0408 3.87487C13.2532 4.51133 13.3515 5.18016 13.3313 5.85068V9.35271C13.3304 9.64769 13.3086 9.94223 13.2661 10.2341C13.185 10.7493 13.0038 11.2436 12.7326 11.6894C12.6079 11.9047 12.4566 12.1034 12.2821 12.2809C11.4922 13.0059 10.4433 13.3832 9.37161 13.328H3.95374C2.88033 13.3828 1.82974 13.0056 1.03734 12.2809C0.864936 12.1031 0.715578 11.9043 0.592766 11.6894C0.323167 11.244 0.145794 10.7491 0.071133 10.2341C0.0236596 9.94272 -0.000128462 9.64795 6.28462e-07 9.35271V5.85068C-0.000114965 5.5582 0.0157155 5.26593 0.0474224 4.97517C0.0540899 4.92416 0.0640906 4.87398 0.0739877 4.82431C0.0904873 4.74152 0.106699 4.66018 0.106699 4.57883C0.166871 4.22794 0.276639 3.88736 0.43272 3.56726C0.895076 2.57936 1.8435 2.07653 3.39654 2.07653H9.91695C10.7868 2.00926 11.6502 2.27112 12.3354 2.81006C12.4144 2.87698 12.4877 2.95018 12.5548 3.02894ZM3.31356 9.02735H10.0237H10.0355C10.1827 9.03375 10.3264 8.98105 10.4344 8.88102C10.5425 8.78099 10.6059 8.64195 10.6105 8.49495C10.6188 8.36574 10.5763 8.23839 10.4919 8.14001C10.3949 8.00781 10.2412 7.92891 10.077 7.92705H3.31356C3.0091 7.92705 2.76228 8.17336 2.76228 8.4772C2.76228 8.78104 3.0091 9.02735 3.31356 9.02735Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.subscriptions>a:before {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml, <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.96634 15.6934C5.66634 15.6934 3.72571 16.0692 3.72571 17.5197C3.72571 18.9708 5.67888 19.3334 7.96634 19.3334C10.2663 19.3334 12.207 18.9576 12.207 17.5071C12.207 16.056 10.2538 15.6934 7.96634 15.6934" fill="white"/><path opacity="0.4" d="M7.96635 14.3114C9.52375 14.3114 10.7725 13.0555 10.7725 11.4891C10.7725 9.92212 9.52375 8.66675 7.96635 8.66675C6.40894 8.66675 5.16016 9.92212 5.16016 11.4891C5.16016 13.0555 6.40894 14.3114 7.96635 14.3114" fill="white"/><path opacity="0.4" d="M14.0589 12.1462C14.4618 10.5612 13.2805 9.1377 11.7762 9.1377C11.6127 9.1377 11.4563 9.15571 11.3035 9.18633C11.2832 9.19113 11.2605 9.20133 11.2485 9.21935C11.2348 9.24216 11.245 9.27278 11.2599 9.29259C11.7118 9.93018 11.9714 10.7065 11.9714 11.5398C11.9714 12.3383 11.7333 13.0827 11.3154 13.7005C11.2724 13.7642 11.3106 13.85 11.3864 13.8632C11.4915 13.8818 11.5989 13.8914 11.7088 13.8944C12.8042 13.9233 13.7873 13.2142 14.0589 12.1462" fill="white"/><path d="M15.2065 15.8781C15.0059 15.4482 14.5218 15.1534 13.7858 15.0087C13.4384 14.9235 12.4982 14.8034 11.6237 14.8196C11.6106 14.8214 11.6034 14.8304 11.6022 14.8364C11.6004 14.8448 11.604 14.8592 11.6213 14.8682C12.0254 15.0694 13.5876 15.9441 13.3912 17.789C13.3829 17.8689 13.4468 17.9379 13.5261 17.9259C13.9106 17.8707 14.8997 17.657 15.2065 16.9911C15.376 16.6393 15.376 16.2305 15.2065 15.8781" fill="white"/><path opacity="0.4" d="M4.69692 9.18657C4.5447 9.15535 4.38771 9.13794 4.22415 9.13794C2.71987 9.13794 1.53854 10.5614 1.94206 12.1464C2.21307 13.2145 3.19623 13.9235 4.2916 13.8947C4.40144 13.8917 4.50948 13.8815 4.61395 13.8635C4.68976 13.8502 4.72796 13.7644 4.68498 13.7008C4.26713 13.0824 4.02895 12.3385 4.02895 11.54C4.02895 10.7061 4.28921 9.92983 4.74109 9.29284C4.75542 9.27302 4.76617 9.2424 4.75184 9.21959C4.7399 9.20098 4.71781 9.19137 4.69692 9.18657" fill="white"/><path d="M2.2147 15.0085C1.47867 15.1532 0.995157 15.4479 0.794587 15.8778C0.624461 16.2302 0.624461 16.6391 0.794587 16.9915C1.10141 17.6567 2.09053 17.871 2.47496 17.9257C2.55435 17.9377 2.61763 17.8692 2.60927 17.7888C2.41288 15.9444 3.97506 15.0697 4.37978 14.8686C4.39649 14.859 4.40008 14.8452 4.39828 14.8362C4.39709 14.8302 4.39052 14.8212 4.37739 14.8199C3.50228 14.8031 2.56271 14.9232 2.2147 15.0085" fill="white"/><circle cx="14" cy="6" r="6" fill="%23101314"/><circle cx="14" cy="6" r="3" fill="%23FFB60E"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.mass_order>a:before {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M2.60693 12.0592C2.60693 11.4992 3.06027 11.0459 3.62027 11.0459C4.1736 11.0459 4.62693 11.4992 4.62693 12.0592C4.62693 12.6126 4.1736 13.0659 3.62027 13.0659C3.06027 13.0659 2.60693 12.6126 2.60693 12.0592ZM10.1069 12.0592C10.1069 11.4992 10.5603 11.0459 11.1203 11.0459C11.6736 11.0459 12.1269 11.4992 12.1269 12.0592C12.1269 12.6126 11.6736 13.0659 11.1203 13.0659C10.5603 13.0659 10.1069 12.6126 10.1069 12.0592Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.1272 2.56622C12.5338 2.56622 12.8005 2.70622 13.0672 3.01289C13.3338 3.31955 13.3805 3.75955 13.3205 4.15889L12.6872 8.53222C12.5672 9.37289 11.8472 9.99222 11.0005 9.99222H3.72716C2.84049 9.99222 2.10716 9.31222 2.03383 8.43289L1.42049 1.16555L0.413828 0.99222C0.147161 0.945554 -0.0395052 0.685554 0.00716143 0.418887C0.0538281 0.145554 0.313828 -0.0344463 0.587161 0.00555366L2.17716 0.245554C2.40383 0.28622 2.57049 0.47222 2.59049 0.698887L2.71716 2.19222C2.73716 2.40622 2.9105 2.56622 3.12383 2.56622H12.1272ZM8.08716 6.03222H9.93383C10.2138 6.03222 10.4338 5.80555 10.4338 5.53222C10.4338 5.25222 10.2138 5.03222 9.93383 5.03222H8.08716C7.80716 5.03222 7.58716 5.25222 7.58716 5.53222C7.58716 5.80555 7.80716 6.03222 8.08716 6.03222Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.all_services>a:before {
    background-image: url('data:image/svg+xml, <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.38376 0H11.6411C12.5759 0 13.3334 0.763901 13.3334 1.70664V3.98302C13.3334 4.92576 12.5759 5.68966 11.6411 5.68966H9.38376C8.44891 5.68966 7.69141 4.92576 7.69141 3.98302V1.70664C7.69141 0.763901 8.44891 0 9.38376 0" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.69235 0H3.94966C4.88451 0 5.64201 0.763901 5.64201 1.70664V3.98302C5.64201 4.92576 4.88451 5.68966 3.94966 5.68966H1.69235C0.757504 5.68966 0 4.92576 0 3.98302V1.70664C0 0.763901 0.757504 0 1.69235 0ZM1.69235 7.64367H3.94966C4.88451 7.64367 5.64201 8.40758 5.64201 9.35032V11.6267C5.64201 12.5688 4.88451 13.3333 3.94966 13.3333H1.69235C0.757504 13.3333 0 12.5688 0 11.6267V9.35032C0 8.40758 0.757504 7.64367 1.69235 7.64367ZM11.641 7.64367H9.38367C8.44883 7.64367 7.69132 8.40758 7.69132 9.35032V11.6267C7.69132 12.5688 8.44883 13.3333 9.38367 13.3333H11.641C12.5758 13.3333 13.3333 12.5688 13.3333 11.6267V9.35032C13.3333 8.40758 12.5758 7.64367 11.641 7.64367Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.orders>a:before {
    background-image: url('data:image/svg+xml, <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M7.83366 3.80206V2.4555C7.56931 2.4555 7.3501 2.24255 7.3501 1.98577V0.382415C7.3501 0.168843 7.17602 0.000366211 6.9568 0.000366211H2.5274C1.13475 0.000366211 0 1.10204 0 2.4555V4.07701C0 4.2029 0.0515796 4.3219 0.141844 4.40958C0.232108 4.49664 0.35461 4.54674 0.483559 4.54674C0.973565 4.54674 1.34752 4.88495 1.34752 5.32963C1.34752 5.79372 0.967118 6.16325 0.490006 6.16888C0.225661 6.16888 0 6.35051 0 6.61356V8.21754C0 9.57037 1.13475 10.6664 2.52095 10.6664H6.9568C7.17602 10.6664 7.3501 10.4967 7.3501 10.2844V8.9309C7.3501 8.66848 7.56931 8.46117 7.83366 8.46117V7.24676C7.56931 7.24676 7.3501 7.03319 7.3501 6.77703V4.27179C7.3501 4.01501 7.56931 3.80206 7.83366 3.80206" fill="white"/><path d="M11.9859 5.32989C11.9859 5.79336 12.3727 6.16288 12.8434 6.16914C13.1078 6.16914 13.3334 6.35077 13.3334 6.60756V8.21717C13.3334 9.57063 12.2051 10.6667 10.8125 10.6667H8.71059C8.49783 10.6667 8.3173 10.4969 8.3173 10.284V8.93116C8.3173 8.66811 8.10453 8.46143 7.83374 8.46143V7.24702C8.10453 7.24702 8.3173 7.03345 8.3173 6.77729V4.27205C8.3173 4.01464 8.10453 3.80232 7.83374 3.80232V2.45513C8.10453 2.45513 8.3173 2.24219 8.3173 1.9854V0.382675C8.3173 0.169103 8.49783 0 8.71059 0H10.8125C12.2051 0 13.3334 1.09604 13.3334 2.44887V4.02717C13.3334 4.15243 13.2818 4.27205 13.1916 4.35911C13.1013 4.44679 12.9788 4.4969 12.8499 4.4969C12.3727 4.4969 11.9859 4.87331 11.9859 5.32989" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.add_funds>a:before {
    background-image: url('data:image/svg+xml, <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.331 3.58342H10.5079C9.19407 3.58573 8.12978 4.62343 8.12741 5.90438C8.12563 7.18821 9.19111 8.23054 10.5079 8.23227H13.3333V8.43623C13.3333 10.6757 11.9757 12 9.67822 12H3.6557C1.35763 12 0 10.6757 0 8.43623V3.55857C0 1.31908 1.35763 0 3.6557 0H9.67585C11.9733 0 13.331 1.31908 13.331 3.55857V3.58342ZM3.1597 3.57822H6.9197H6.92207H6.92681C7.2083 3.57706 7.43585 3.35346 7.43467 3.07843C7.43348 2.80399 7.20356 2.58212 6.92207 2.58327H3.1597C2.88 2.58443 2.65304 2.80572 2.65185 3.07901C2.65067 3.35346 2.87822 3.57706 3.1597 3.57822Z" fill="white"/><path opacity="0.4" d="M9.35819 6.19775C9.49761 6.83188 10.0536 7.27802 10.6883 7.26642H12.8549C13.119 7.26642 13.3333 7.0477 13.3333 6.77734V5.08964C13.3327 4.81986 13.119 4.60056 12.8549 4.59998H10.6373C9.91529 4.6023 9.33212 5.20161 9.33325 5.94016C9.33325 6.02661 9.34175 6.11305 9.35819 6.19775" fill="white"/><ellipse cx="10.6667" cy="5.93333" rx="0.666667" ry="0.666667" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.support>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2849 1.71885C13.9515 1.37818 13.4582 1.25218 12.9982 1.38551L2.27153 4.48485C1.7862 4.61951 1.4422 5.00418 1.34953 5.49218C1.25487 5.98951 1.58553 6.62151 2.01753 6.88551L5.37153 8.93351C5.71553 9.14418 6.15953 9.09151 6.4442 8.80618L10.2849 4.96551C10.4782 4.76485 10.7982 4.76485 10.9915 4.96551C11.1849 5.15818 11.1849 5.47218 10.9915 5.67218L7.1442 9.51285C6.85887 9.79818 6.80553 10.2408 7.01553 10.5855L9.06487 13.9522C9.30487 14.3515 9.7182 14.5788 10.1715 14.5788C10.2249 14.5788 10.2849 14.5788 10.3382 14.5715C10.8582 14.5055 11.2715 14.1515 11.4249 13.6515L14.6049 3.00551C14.7449 2.55218 14.6182 2.05885 14.2849 1.71885" fill="white"/><path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M2.00691 11.2052C1.87891 11.2052 1.75091 11.1565 1.65358 11.0585C1.45825 10.8632 1.45825 10.5472 1.65358 10.3518L2.56358 9.44117C2.75891 9.2465 3.07558 9.2465 3.27091 9.44117C3.46558 9.6365 3.46558 9.95317 3.27091 10.1485L2.36025 11.0585C2.26291 11.1565 2.13491 11.2052 2.00691 11.2052ZM4.51438 12.0001C4.38638 12.0001 4.25838 11.9514 4.16105 11.8534C3.96571 11.6581 3.96571 11.3421 4.16105 11.1468L5.07105 10.2361C5.26638 10.0414 5.58305 10.0414 5.77838 10.2361C5.97305 10.4314 5.97305 10.7481 5.77838 10.9434L4.86771 11.8534C4.77038 11.9514 4.64238 12.0001 4.51438 12.0001ZM4.68351 14.3788C4.78085 14.4768 4.90885 14.5254 5.03685 14.5254C5.16485 14.5254 5.29285 14.4768 5.39018 14.3788L6.30085 13.4688C6.49551 13.2734 6.49551 12.9568 6.30085 12.7614C6.10551 12.5668 5.78885 12.5668 5.59351 12.7614L4.68351 13.6721C4.48818 13.8674 4.48818 14.1834 4.68351 14.3788Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.affiliates>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0672 6.39191H13.2651V5.60774C13.2651 5.27296 12.9966 5 12.6658 5C12.3357 5 12.0665 5.27296 12.0665 5.60774V6.39191H11.2658C10.935 6.39191 10.6665 6.66487 10.6665 6.99965C10.6665 7.33443 10.935 7.6074 11.2658 7.6074H12.0665V8.39226C12.0665 8.72704 12.3357 9 12.6658 9C12.9966 9 13.2651 8.72704 13.2651 8.39226V7.6074H14.0672C14.3973 7.6074 14.6665 7.33443 14.6665 6.99965C14.6665 6.66487 14.3973 6.39191 14.0672 6.39191" fill="white"/><path d="M6.33325 10.0104C3.63607 10.0104 1.33325 10.4416 1.33325 12.1644C1.33325 13.8866 3.62205 14.3334 6.33325 14.3334C9.02977 14.3334 11.3333 13.9022 11.3333 12.1793C11.3333 10.4565 9.04445 10.0104 6.33325 10.0104" fill="white"/><path opacity="0.4" d="M6.33332 8.3695C8.1697 8.3695 9.64174 6.87848 9.64174 5.01843C9.64174 3.15838 8.1697 1.66669 6.33332 1.66669C4.49694 1.66669 3.0249 3.15838 3.0249 5.01843C3.0249 6.87848 4.49694 8.3695 6.33332 8.3695" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.updates>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M1.33329 8.00008C1.33329 4.31742 4.31796 1.33342 7.99996 1.33342C11.682 1.33342 14.6666 4.31742 14.6666 8.00008C14.6666 11.6814 11.682 14.6667 7.99996 14.6667C4.31796 14.6667 1.33329 11.6814 1.33329 8.00008" fill="white"/><path d="M10.148 6.57397L7.55533 9.16664L6 7.61131" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.72668 3.66675L9.72668 2.66675L8.72668 1.66675" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.27331 12.3335L6.27332 13.3335L7.27331 14.3335" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7827 4.24731C12.7393 5.21131 13.3333 6.53465 13.3333 7.99998C13.3333 10.9453 10.9453 13.3333 8.00001 13.3333C7.47601 13.3333 6.97134 13.2546 6.49268 13.114" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16929 11.7081C3.23996 10.7481 2.66663 9.44141 2.66663 8.00008C2.66663 5.05475 5.05463 2.66675 7.99996 2.66675C8.52396 2.66675 9.02863 2.74541 9.50729 2.88608" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.blog>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M10.794 1.33325H5.20667C3.18 1.33325 2 2.51992 2 4.55325V11.4399C2 13.5066 3.18 14.6666 5.20667 14.6666H10.794C12.8533 14.6666 14 13.5066 14 11.4399V4.55325C14 2.51992 12.8533 1.33325 10.794 1.33325" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.38664 4.43335V4.44002C5.09931 4.44002 4.86664 4.67335 4.86664 4.96002C4.86664 5.24668 5.09931 5.48002 5.38664 5.48002H7.37931C7.66664 5.48002 7.89997 5.24668 7.89997 4.95268C7.89997 4.66668 7.66664 4.43335 7.37931 4.43335H5.38664ZM10.6133 8.49335H5.38664C5.09931 8.49335 4.86664 8.26002 4.86664 7.97335C4.86664 7.68668 5.09931 7.45268 5.38664 7.45268H10.6133C10.9 7.45268 11.1333 7.68668 11.1333 7.97335C11.1333 8.26002 10.9 8.49335 10.6133 8.49335ZM10.6133 11.54H5.38664C5.18664 11.5667 4.99331 11.4667 4.88664 11.3C4.77997 11.1267 4.77997 10.9067 4.88664 10.74C4.99331 10.5667 5.18664 10.4734 5.38664 10.4934H10.6133C10.8793 10.52 11.08 10.7467 11.08 11.02C11.08 11.286 10.8793 11.5134 10.6133 11.54Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.term>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M3.14846 14.1115C3.1398 14.1115 3.1318 14.1115 3.12246 14.1108C2.91246 14.1002 2.70646 14.0548 2.51046 13.9755C1.5458 13.5835 1.08046 12.4815 1.4718 11.5175L6.35246 2.96683C6.52046 2.66283 6.77513 2.40816 7.0858 2.23616C7.9958 1.73216 9.14646 2.0635 9.6498 2.97283L14.4985 11.4582C14.6065 11.7122 14.6525 11.9188 14.6638 12.1295C14.6898 12.6335 14.5178 13.1168 14.1805 13.4908C13.8431 13.8648 13.3798 14.0855 12.8765 14.1108L3.19646 14.1115H3.14846Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.41638 6.6805C7.41638 6.35917 7.67838 6.09717 7.99972 6.09717C8.32105 6.09717 8.58305 6.35917 8.58305 6.6805V8.56583C8.58305 8.88783 8.32105 9.14917 7.99972 9.14917C7.67838 9.14917 7.41638 8.88783 7.41638 8.56583V6.6805ZM7.41638 10.8466C7.41638 10.5232 7.67838 10.2599 7.99972 10.2599C8.32105 10.2599 8.58305 10.5199 8.58305 10.8392C8.58305 11.1679 8.32105 11.4299 7.99972 11.4299C7.67838 11.4299 7.41638 11.1679 7.41638 10.8466Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.faq>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M8.01337 1.33325C4.14004 1.33325 1.33337 4.49325 1.33337 7.99992C1.33337 9.11992 1.66004 10.2733 2.23337 11.3266C2.34004 11.4999 2.35337 11.7199 2.28004 11.9266L1.83337 13.4199C1.73337 13.7799 2.04004 14.0466 2.38004 13.9399L3.72671 13.5399C4.09337 13.4199 4.38004 13.5733 4.72071 13.7799C5.69404 14.3533 6.90671 14.6466 8.00004 14.6466C11.3067 14.6466 14.6667 12.0933 14.6667 7.97992C14.6667 4.43325 11.8 1.33325 8.01337 1.33325" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.98699 8.86007C7.51366 8.85341 7.13366 8.47341 7.13366 8.00007C7.13366 7.53341 7.52032 7.14674 7.98699 7.15341C8.46032 7.15341 8.84032 7.53341 8.84032 8.00674C8.84032 8.47341 8.46032 8.86007 7.98699 8.86007ZM4.91339 8.86011C4.44673 8.86011 4.06006 8.47345 4.06006 8.00678C4.06006 7.53345 4.44006 7.15345 4.91339 7.15345C5.38673 7.15345 5.76673 7.53345 5.76673 8.00678C5.76673 8.47345 5.38673 8.85345 4.91339 8.86011ZM10.2069 8.00674C10.2069 8.47341 10.5869 8.86007 11.0602 8.86007C11.5335 8.86007 11.9135 8.47341 11.9135 8.00674C11.9135 7.53341 11.5335 7.15341 11.0602 7.15341C10.5869 7.15341 10.2069 7.53341 10.2069 8.00674Z" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.api>a:before {
    background-image: url('data:image/svg+xml, <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0042 12.6719H6.00249C4.53091 12.6676 3.33902 11.4757 3.33472 10.0042V6.00249C3.33902 4.53091 4.53091 3.33902 6.00249 3.33472H10.0042C11.4757 3.33902 12.6676 4.53091 12.6719 6.00249V10.0042C12.6676 11.4757 11.4757 12.6676 10.0042 12.6719Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.92698 3.33462V2.00073" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.7738 3.44878V2.00073" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.23289 3.44854V2.00073" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.08005 3.33462V2.00073" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.92698 14.0058V12.6719" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.7738 14.0058V12.5576" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.23289 14.0058V12.5576" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.08005 14.0058V12.6719" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.672 8.92698H14.0059" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5577 10.7737H14.0058" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.558 5.23289H14.0058" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.672 7.08005H14.0059" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.00085 8.92698H3.33474" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.00085 10.7737H3.44908" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.00085 5.23289H3.449" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.00085 7.08005H3.33474" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.33724 10.671H6.66946C5.93367 10.6689 5.33773 10.0729 5.33557 9.33712V6.66934C5.33773 5.93355 5.93367 5.3376 6.66946 5.33545H9.33724C10.073 5.3376 10.669 5.93355 10.6711 6.66934V9.33712C10.669 10.0729 10.073 10.6689 9.33724 10.671Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.ambassador_program>a:before {
    background-image: url('data:image/svg+xml, <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M7.31753 0.409076L8.80185 3.39193C8.91121 3.60804 9.11992 3.75811 9.36064 3.79146L12.6947 4.27704C12.8894 4.30439 13.0661 4.40711 13.1855 4.56385C13.3035 4.7186 13.3542 4.9147 13.3255 5.10746C13.3022 5.26755 13.2268 5.41562 13.1114 5.52901L10.6956 7.87087C10.5189 8.03429 10.4389 8.27641 10.4815 8.5132L11.0763 11.8055C11.1397 12.2031 10.8763 12.5779 10.4815 12.6533C10.3188 12.6793 10.1521 12.652 10.0054 12.5773L7.03147 11.0278C6.81076 10.9164 6.55004 10.9164 6.32932 11.0278L3.35535 12.5773C2.98994 12.7714 2.53717 12.6393 2.3338 12.2791C2.25845 12.1357 2.23178 11.9723 2.25645 11.8129L2.85124 8.51987C2.89392 8.28375 2.81323 8.04029 2.6372 7.87687L0.221344 5.53635C-0.0660505 5.25887 -0.0747191 4.80198 0.202007 4.5145C0.208008 4.50849 0.214676 4.50182 0.221344 4.49515C0.336036 4.37843 0.486735 4.30439 0.649436 4.28505L3.98349 3.7988C4.22354 3.76478 4.43225 3.61604 4.54227 3.3986L5.97325 0.409076C6.10061 0.152946 6.36466 -0.00646859 6.65139 0.000201471H6.74074C6.98946 0.0302167 7.20618 0.184295 7.31753 0.409076" fill="white"/><path d="M6.66134 10.9447C6.53221 10.9487 6.4064 10.9834 6.29324 11.0455L3.33381 12.5914C2.97171 12.7642 2.53838 12.6301 2.33536 12.2838C2.26014 12.1424 2.23285 11.9803 2.25814 11.8215L2.84923 8.53543C2.88917 8.29657 2.80929 8.05371 2.63556 7.88557L0.218625 5.54565C-0.0682654 5.26475 -0.0735906 4.80371 0.207309 4.51614C0.211303 4.51214 0.214631 4.5088 0.218625 4.50546C0.333115 4.39204 0.480886 4.31731 0.639974 4.29396L3.97682 3.80289C4.21845 3.7722 4.42812 3.62141 4.53463 3.40256L5.98505 0.375412C6.12284 0.131212 6.3871 -0.0142407 6.66667 0.00110525C6.66134 0.199268 6.66134 10.81 6.66134 10.9447" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.vip_rewards>a:before {
    background-image: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M14.1667 8.98426C13.6194 8.98426 13.174 8.54299 13.174 8.00066C13.174 7.45767 13.6194 7.0164 14.1667 7.0164C14.2994 7.0164 14.4267 6.96422 14.52 6.87174C14.614 6.7786 14.6667 6.65243 14.6667 6.52097L14.666 4.7361C14.666 3.22735 13.4267 2 11.904 2H4.09604C2.57337 2 1.33404 3.22735 1.33404 4.7361L1.33337 6.57844C1.33337 6.7099 1.38604 6.83607 1.48004 6.92921C1.57337 7.02169 1.70071 7.07387 1.83337 7.07387C2.39937 7.07387 2.82604 7.4722 2.82604 8.00066C2.82604 8.54299 2.38071 8.98426 1.83337 8.98426C1.55737 8.98426 1.33337 9.20621 1.33337 9.47969V11.2632C1.33337 12.772 2.57204 14 4.09537 14H11.9047C13.428 14 14.6667 12.772 14.6667 11.2632V9.47969C14.6667 9.20621 14.4427 8.98426 14.1667 8.98426" fill="white"/><path d="M10.2871 7.72571L9.50105 8.49104L9.68705 9.57304C9.71905 9.76037 9.64372 9.94504 9.48972 10.0557C9.33705 10.1677 9.13772 10.1817 8.96972 10.0924L7.99972 9.58237L7.02772 10.093C6.95572 10.131 6.87705 10.151 6.79905 10.151C6.69705 10.151 6.59639 10.119 6.50972 10.0564C6.35639 9.94504 6.28105 9.76037 6.31305 9.57304L6.49839 8.49104L5.71239 7.72571C5.57639 7.59371 5.52905 7.39971 5.58772 7.21904C5.64705 7.03904 5.80039 6.91104 5.98772 6.88437L7.07172 6.72637L7.55772 5.74171C7.64239 5.57237 7.81172 5.46704 7.99972 5.46704H8.00105C8.18972 5.46771 8.35905 5.57304 8.44239 5.74237L8.92839 6.72637L10.0144 6.88504C10.1997 6.91104 10.3531 7.03904 10.4117 7.21904C10.4711 7.39971 10.4237 7.59371 10.2871 7.72571" fill="white"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.refer_and_earn {
    margin-bottom: 10px;
}

.main-content .sidebar .sidebar-content ul li.refer_and_earn>a {
    background-color: #252627;
    color: #FFB60E;
    padding-left: 13px;
    border-radius: 25px;
    height: 50px;
}

.main-content .sidebar .sidebar-content ul li.refer_and_earn>a:before {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6659 4.16667C11.6667 3.24583 9.80004 2.5 7.50004 2.5C5.20004 2.5 3.33504 3.24667 3.33337 4.16667C3.33337 5.0875 5.19837 5.83333 7.50004 5.83333C9.80171 5.83333 11.6667 5.0875 11.6667 4.16667" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6667 4.16675V10.6334" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.33411 7.5C3.33411 8.42083 5.19911 9.16667 7.50077 9.16667C9.80244 9.16667 11.6674 8.42083 11.6674 7.5" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.4017 11.0984C17.8659 12.5625 17.8659 14.9375 16.4017 16.4017C14.9375 17.8659 12.5625 17.8659 11.0984 16.4017C9.6342 14.9375 9.6342 12.5625 11.0984 11.0984C12.5625 9.6342 14.9375 9.6342 16.4017 11.0984" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.4208 12.0208C9.66911 12.3166 8.63827 12.4999 7.49994 12.4999C5.19911 12.4999 3.33411 11.7541 3.33411 10.8333" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.3709 15.3701C9.62337 15.6559 8.61587 15.8334 7.50004 15.8334C5.19921 15.8334 3.33421 15.0876 3.33337 14.1667V4.16675" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.refer_and_earn>a:hover {
    background-color: #252627 !important;
}

.main-content .sidebar .sidebar-content ul li.weekly_raffle>a {
    background-color: #252627;
    color: #FFB60E;
    padding-left: 13px;
    border-radius: 25px;
    height: 50px;
}

.main-content .sidebar .sidebar-content ul li.weekly_raffle>a:before {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 17.4999H3.33333C2.87333 17.4999 2.5 17.1266 2.5 16.6666V11.6666C2.5 11.2066 2.87333 10.8333 3.33333 10.8333H5C5.46 10.8333 5.83333 11.2066 5.83333 11.6666V16.6666C5.83333 17.1266 5.46 17.4999 5 17.4999Z" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.8334 14.1666H12.7775C13.1384 14.1666 13.4892 14.05 13.7775 13.8333L15.7909 12.3233C16.2934 11.9466 16.9967 11.9966 17.4409 12.4408V12.4408C17.9342 12.9341 17.9342 13.7333 17.4409 14.2258L15.7134 15.9533C15.2484 16.4183 14.655 16.7358 14.01 16.865L11.5684 17.3533C11.0842 17.45 10.585 17.4383 10.1059 17.3183L7.89754 16.7666C7.63337 16.7 7.36254 16.6666 7.09004 16.6666H5.83337" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.8334 14.1666H12.0709C12.7684 14.1666 13.3334 13.6016 13.3334 12.9041V12.6516C13.3334 12.0724 12.9392 11.5674 12.3775 11.4274L10.4675 10.9499C10.1567 10.8724 9.83837 10.8333 9.51837 10.8333V10.8333C8.74587 10.8333 7.99004 11.0616 7.34754 11.4908L5.83337 12.4999" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.3073 4.29597C15.2309 5.21956 15.2309 6.71699 14.3073 7.64058C13.3837 8.56417 11.8863 8.56417 10.9627 7.64058C10.0391 6.71699 10.0391 5.21956 10.9627 4.29597C11.8863 3.37237 13.3837 3.37237 14.3073 4.29597" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.1925 3.64591C12.115 3.17508 11.9 2.72258 11.5367 2.35925C10.6133 1.43591 9.11583 1.43591 8.1925 2.35925C7.26917 3.28258 7.26917 4.78008 8.1925 5.70341C8.7675 6.27841 9.56417 6.49425 10.3067 6.35341" stroke="%23FFB60E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.main-content .sidebar .sidebar-content ul li.weekly_raffle>a:hover {
    background-color: #252627 !important;
}

.main-content .sidebar .sidebar-content ul li.active:not(.no-hover)>a,
.main-content .sidebar .sidebar-content ul li:not(.no-hover):hover>a {
    background: #005AE2;
    padding-left: 13px;
}

.main-content .sidebar .sidebar-content ul li.active:not(.no-hover)>a {
    margin: 10px 0;
}

.main-content .sidebar .sidebar-content ul li.no-hover>a:before {
    display: none;
}

.main-content .sidebar .sidebar-content ul li.has-children>a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('data:image/svg+xml, <svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1L5 5L1 1" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    flex-shrink: 0;
    margin-left: auto;
    position: relative;
    right: 17px;
}

.main-content .sidebar .sidebar-content ul li.has-children.active a {
    margin: 0;
}

.main-content .sidebar .sidebar-content ul li.has-children.active>ul {
    display: flex;
}

.main-content .sidebar .sidebar-content ul.large li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.main-content .sidebar .sidebar-content ul.more-menu {
    padding: 20px 0 0 23px;
}

.main-content .sidebar .sidebar-content ul.promotions-menu {
    padding: 20px 0 0 23px;
}

.main-content .sidebar .sidebar-content ul.no-padding {
    padding: 0;
}

.main-content .content {
    padding: 30px 0 0 48px;
    color: #fff;
}

.main-content .content h1,
.main-content .content>.title {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Circe;
}

.main-content .content h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.main-content .content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
}

.main-content .content label {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.75);
}

.main-content .content .card {
    background-color: rgba(30, 33, 36, 0.75);
    padding: 25px 25px 35px 25px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.main-content .content .card .row {
    margin-bottom: 18px;
}

.main-content .content .card .row:last-child {
    margin-bottom: 0;
}

.main-content .content form {
    margin: 0;
}

.main-content .content form input[type=text],
.main-content .content form textarea {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(30, 33, 36, 0.25);
    outline: none;
    padding: 15px 20px;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    height: 60px;
}

.main-content .content form select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1a1c1f;
    padding: 15px 20px;
    outline: none;
    background-image: url('data:image/svg+xml, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="20" fill="%232f2f2f"/><path d="M20 23L24 18H16L20 23Z" fill="white"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center right 15px !important;
    background-size: 40px;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.main-content .content form select option {
    color: #fff;
    background-color: #1a1c1f;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.main-content .content form pre {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(30, 33, 36, 0.25);
    outline: none;
    padding: 25px 20px 25px 20px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    margin: 0;
}

.main-content .content form button,
.main-content .content form .button {
    background: #005AE2;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    color: #FFFFFF;
    border: none;
    width: 100%;
    position: relative;
}

.main-content .content form .has-tooltip {
    position: relative;
}

.main-content .content form .has-tooltip .tooltip-button {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 21V21C7.029 21 3 16.971 3 12V12C3 7.029 7.029 3 12 3V3C16.971 3 21 7.029 21 12V12C21 16.971 16.971 21 12 21Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 13.25V13C12 12.183 12.505 11.74 13.011 11.4C13.505 11.067 14 10.633 14 9.83301C14 8.72801 13.105 7.83301 12 7.83301C10.895 7.83301 10 8.72801 10 9.83301" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.999 16C11.861 16 11.749 16.112 11.75 16.25C11.75 16.388 11.862 16.5 12 16.5C12.138 16.5 12.25 16.388 12.25 16.25C12.25 16.112 12.138 16 11.999 16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    cursor: pointer;
}

.main-content .content form .has-tooltip .tooltip-content {
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    padding: 0 20px 17px 20px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 410px;
    height: 80px;
    position: absolute;
    z-index: 1;
    top: 81px;
    right: 18px;
}

.main-content .content form .has-tooltip .tooltip-content:before {
    content: "";
    display: inline-block;
    width: 400px;
    height: 80px;
    background-image: url('data:image/svg+xml, <svg width="402" height="101" viewBox="0 0 402 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M401 21.8018V3.9258C401 2.29156 399.146 1.34717 397.824 2.30791L381.516 14.1596C374.681 19.1266 366.449 21.8018 358.001 21.8018H11C5.47715 21.8018 1 26.279 1 31.8018V90C1 95.5229 5.47715 100 11 100H391C396.523 100 401 95.5228 401 90V21.8018Z" fill="%23101314" stroke="%23C5EBFF" stroke-opacity="0.15"/><path d="M401 21.8018V3.9258C401 2.29156 399.146 1.34717 397.824 2.30791L381.516 14.1596C374.681 19.1266 366.449 21.8018 358.001 21.8018H11C5.47715 21.8018 1 26.279 1 31.8018V90C1 95.5229 5.47715 100 11 100H391C396.523 100 401 95.5228 401 90V21.8018Z" fill="%23C5EBFF" fill-opacity="0.15" stroke="%23C5EBFF" stroke-opacity="0.15"/></svg>');
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    z-index: -1;
    top: -30px;
    left: 0px;
    width: 410px;
    height: 120px;
}

.main-content .content form .has-tooltip.open .tooltip-content {
    display: flex;
}

.main-content .content .search-box .row {
    margin: 0;
}

.main-content .content .search-box .search-input {
    position: relative;
    padding: 0;
}

.main-content .content .search-box .search-input input[type=text] {
    background: #252627;
    border-radius: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    border: none;
    height: 40px;
    outline: none;
    padding: 0 0 0 50px;
    width: 100%;
}

.main-content .content .search-box .search-input input[type=text]::placeholder {
    opacity: 0.5;
}

.main-content .content .search-box .search-input input[type=text]+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9.80553" cy="9.80553" r="7.49047" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0153 15.4043L17.9519 18.3334" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    top: 10px;
    left: 20px;
}

.main-content .content .search-box .search-input .btn-group {
    position: absolute;
    top: 0;
    right: 0;
}

.main-content .content .search-box .search-input .btn-group>button {
    background: transparent;
    border: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px 10px 0;
}

.main-content .content .search-box .search-input .btn-group>button span {
    opacity: 0.5;
}

.main-content .content .search-box .search-button {
    padding: 0 0 0 17px;
}

.main-content .content .search-box .search-button button {
    background: #005AE2;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    color: #FFFFFF;
    border: none;
    width: 100%;
    position: relative;
}

.main-content .content .search-box .search-button button:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #005AE2;
    opacity: 0.5;
    filter: blur(10px);
    z-index: -1;
}

.main-content .content .services {
    color: #fff;
    display: flex;
    gap: 11px;
    padding-top: 9px;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.main-content .content .services h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    flex-shrink: 0;
}

.main-content .content .services .service-list {
    display: flex;
    gap: 10px;
    overflow: auto;
    padding: 20px;
    width: 100%;
}

.main-content .content .services .service-list span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 32px;
    background: #686E73;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    flex-shrink: 0;
    margin: 5px;
}

.main-content .content .services .service-list span:hover,
.main-content .content .services .service-list span.active {
    box-shadow: 0 0 16px 4px rgba(255, 255, 255, 0.5);
}

.main-content .content .services .service-list span.facebook {
    background-color: #1877F2;
}

.main-content .content .services .service-list span.facebook:hover,
.main-content .content .services .service-list span.facebook.active {
    box-shadow: 0 0 16px 4px rgba(24, 119, 242, 0.5);
}

.main-content .content .services .service-list span.instagram {
    background-color: #fff;
}

.main-content .content .services .service-list span.instagram:hover,
.main-content .content .services .service-list span.instagram.active {
    box-shadow: 0 0 16px 4px rgba(255, 255, 255, 0.5);
}

.main-content .content .services .service-list span.odno {
    background-color: #FF8800;
}

.main-content .content .services .service-list span.odno:hover,
.main-content .content .services .service-list span.odno.active {
    box-shadow: 0 0 16px 4px rgba(255, 136, 0, 0.5);
}

.main-content .content .services .service-list span.spotify {
    background-color: #8BC34A;
}

.main-content .content .services .service-list span.spotify:hover,
.main-content .content .services .service-list span.spotify.active {
    box-shadow: 0 0 16px 4px rgba(139, 195, 74, 0.5);
}

.main-content .content .services .service-list span.telegram {
    background-color: #0088CC;
}

.main-content .content .services .service-list span.telegram:hover,
.main-content .content .services .service-list span.telegram.active {
    box-shadow: 0 0 16px 4px rgba(0, 136, 204, 0.5);
}

.main-content .content .services .service-list span.tiktok {
    background-color: #000000;
}

.main-content .content .services .service-list span.tiktok:hover,
.main-content .content .services .service-list span.tiktok.active {
    box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.5);
}

.main-content .content .services .service-list span.twitter {
    background-color: #1DA1F2;
}

.main-content .content .services .service-list span.twitter:hover,
.main-content .content .services .service-list span.twitter.active {
    box-shadow: 0 0 16px 4px rgba(29, 161, 242, 0.5);
}

.main-content .content .services .service-list span.vk {
    background-color: #fff;
}

.main-content .content .services .service-list span.youtube {
    background-color: #FF0000;
}

.main-content .content .services .service-list span.youtube:hover,
.main-content .content .services .service-list span.youtube.active {
    box-shadow: 0 0 16px 4px rgba(255, 0, 0, 0.5);
}

.main-content .content .collapse-table {
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 10px;
    border: solid 1px rgba(255, 255, 255, 0.1);
    background: rgba(30, 33, 36, 0.75);
    backdrop-filter: blur(60px);
}

.main-content .content .collapse-table .ct-head {
    height: 58px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    background: #252627;
}

.main-content .content .collapse-table .ct-head .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    background-color: #fff;
    cursor: pointer;
    flex-shrink: 0;
}

.main-content .content .collapse-table .ct-head .icon svg {
    width: 16px;
}

.main-content .content .collapse-table .ct-head .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-left: 20px;
}

.main-content .content .collapse-table .ct-head .tags {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    gap: 10px;
    margin-left: 15px;
    /*60px;*/
}

.main-content .content .collapse-table .ct-head .tags span {
    display: inline-block;
    background: #2F2F2F;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
    user-select: none;
}

.main-content .content .collapse-table .ct-head .collapse-button {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-left: auto;
    border: none;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    background-color: #2F2F2F;
    flex-shrink: 0;
    cursor: pointer;
}

.main-content .content .collapse-table .ct-head .collapse-button:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.main-content .content .collapse-table .ct-head .collapse-button svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    transition: all 0.1s ease-in-out;
}

.main-content .content .collapse-table .ct-head .collapse-button:hover:before {
    background: radial-gradient(695% 695% at 50% -485%, #005AE2 0%, rgba(58, 67, 81, 0) 100%);
}

.main-content .content .collapse-table .table-container {
    display: none;
    padding: 30px 20px 30px 20px;
}

.main-content .content .collapse-table .table-container table {
    width: 100%;
    border-radius: 10px;
}

.main-content .content .collapse-table .table-container table thead tr th {
    color: rgba(255, 255, 255, 0.5);
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
}

.main-content .content .collapse-table .table-container table thead tr th:first-child {
    text-align: center;
}

.main-content .content .collapse-table .table-container table thead tr th:last-child {
    border-right: none;
}

.main-content .content .collapse-table .table-container table tbody tr td {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
}

.main-content .content .collapse-table .table-container table tbody tr td:first-child {
    text-align: center;
}

.main-content .content .collapse-table .table-container table tbody tr td:last-child {
    border-right: none;
}

.main-content .content .collapse-table .table-container table tbody tr td.service-name {
    cursor: pointer;
}

.main-content .content .collapse-table .table-container table tbody tr .buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.main-content .content .collapse-table .table-container table tbody tr .buttons a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.main-content .content .collapse-table .table-container table tbody tr a.view,
.main-content .content .collapse-table .table-container table tbody tr button.view {
    width: 34px;
    height: 34px;
    border-radius: 34px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml, <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3429 7.0852C11.3429 8.5402 10.1629 9.71936 8.7079 9.71936C7.2529 9.71936 6.07373 8.5402 6.07373 7.0852C6.07373 5.62936 7.2529 4.4502 8.7079 4.4502C10.1629 4.4502 11.3429 5.62936 11.3429 7.0852Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.70667 13.17C11.88 13.17 14.7825 10.8883 16.4167 7.085C14.7825 3.28167 11.88 1 8.70667 1H8.71C5.53667 1 2.63417 3.28167 1 7.085C2.63417 10.8883 5.53667 13.17 8.71 13.17H8.70667Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-color: #252627;
    border: none;
}

.main-content .content .collapse-table .table-container table tbody tr a.purchase,
.main-content .content .collapse-table .table-container table tbody tr button.purchase {
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    height: 34px;
    border-radius: 34px;
    text-align: center;
    background-color: transparent;
    padding: 0 11px;
    transition: all 0.3s ease-in-out;
}

.main-content .content .collapse-table .table-container table tbody tr a.purchase:hover,
.main-content .content .collapse-table .table-container table tbody tr button.purchase:hover {
    background-color: #fff;
    color: #000;
}

.main-content .content .collapse-table .table-container table tbody tr mark {
    background-color: transparent;
    color: #FFB60E;
}

.main-content .content .collapse-table .table-container table tbody tr .has-star {
    display: flex;
    align-items: center;
    gap: 24px;
}

.main-content .content .collapse-table .table-container table tbody tr .has-star svg {
    transition: all 0.3s ease-in-out;
    fill: transparent;
}

.main-content .content .collapse-table .table-container table tbody tr .has-star .star {
    cursor: pointer;
}

.main-content .content .collapse-table .table-container table tbody tr .has-star .star.active svg {
    fill: white;
}

.main-content .content .collapse-table .table-container table tbody tr span.star {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.main-content .content .collapse-table .table-container table tbody tr:hover,
.main-content .content .collapse-table .table-container table tbody tr.active {
    background: radial-gradient(37.96% 744% at 18.16% 80%, rgba(0, 90, 226, 0.2) 0%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0.2);
}

.main-content .content .collapse-table.open .table-container {
    display: block;
}

.main-content .content .collapse-table.open .collapse-button svg {
    rotate: -180deg;
}

.main-content .content .collapse-table.open .collapse-button:before {
    background: radial-gradient(695% 695% at 50% -485%, #005AE2 0%, rgba(58, 67, 81, 0) 100%);
}

.main-content .content .dashboard-user-profile {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    width: 263px;
    padding-top: 9px;
    margin-left: auto;
    margin-right: auto;
}

.main-content .content .dashboard-user-profile .image-container {
    position: relative;
}

.main-content .content .dashboard-user-profile .image-container>div {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #222222;
}

.main-content .content .dashboard-user-profile .image-container>div img,
.main-content .content .dashboard-user-profile .image-container>div svg {
    width: 77px;
    height: 77px;
}

.main-content .content .dashboard-user-profile .image-container>div.edit-button {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    background: rgba(34, 34, 34, 0.4);
    position: absolute;
    backdrop-filter: blur(5px);
    transition: all 0.1s ease-in;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.main-content .content .dashboard-user-profile .image-container>div.profile-progress {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    background: rgba(34, 34, 34, 0.4);
    position: absolute;
    backdrop-filter: blur(5px);
    transition: all 0.1s ease-in;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.main-content .content .dashboard-user-profile .image-container>div.profile-progress .profile-progress-indicator {
    border-radius: 5px;
    width: 77px;
    height: 3px;
    position: relative;
    background: #000;
    border: solid 1px #000;
    display: flex;
    align-items: center;
}

.main-content .content .dashboard-user-profile .image-container>div.profile-progress .profile-progress-indicator .profile-progress-indicator-percentage {
    height: 3px;
    border-radius: 20px;
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #B4FFF1 47.4%, #FFD912 97.92%);
}

.main-content .content .dashboard-user-profile .image-container:hover>div.edit-button {
    display: flex;
    opacity: 1;
}

.main-content .content .dashboard-user-profile .content-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.main-content .content .dashboard-user-profile .content-container h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.main-content .content .dashboard-user-profile .content-container p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    opacity: 0.5;
}

.main-content.guest .content .services {
    margin-top: 32px;
}

.main-content.guest .content .services h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.main-content.guest .content .search-box {
    margin-top: 23px;
    margin-bottom: 47px;
}

.main-content .about-us.has-backdrop {
    position: relative;
}

.main-content .about-us.has-backdrop:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(8, 7, 7, 0.7);
    mix-blend-mode: difference;
    width: 100vw;
    left: calc((100vw - 1335px) / -2);
}

.main-content .about-us .content {
    padding: 0;
}

.main-content .about-us .content p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.64px;
    margin-bottom: 30px;
}

.main-content .about-us .content p strong,
.main-content .about-us .content p a {
    color: #FFB60E;
    font-weight: 700;
    text-decoration: none;
}

@media only screen and (max-width: 1350px) {
    .main-content .about-us.has-backdrop:before {
        left: calc((100vw - 100% - 0px) / -2);
    }
}

/* ==========================================================================
[Footer]
========================================================================== */
footer.new-footer-2 {
    background-color: #000;
    margin-top: 215px;
    margin-top: 0;
    padding: 0;
    position: relative;
}

footer.new-footer-2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(270deg, rgba(197, 235, 255, 0.04) 0%, rgba(197, 235, 255, 0.15) 32.16%, rgba(197, 235, 255, 0.04) 63.54%, rgba(197, 235, 255, 0) 100%);
}

footer.new-footer-2 .container {
    width: 90%;
    max-width: 1350px;
    padding-right: 15px;
    padding-left: 15px;
}

footer.new-footer-2 .container .row.row-top {
    border-bottom: solid 1px rgba(197, 235, 255, 0.15);
    margin-top: 36px;
}

footer.new-footer-2 .container .row.row-top .footer-logo {
    display: block;
    text-align: center;
    margin-top: 9px;
    margin-bottom: 33px;
    max-width: 140px;
    width: 100%;
}

footer.new-footer-2 .container .row.row-top .footer-logo img {
    width: 100%;
}

footer.new-footer-2 .container .row.row-top .footer-menu {
    background-color: rgba(31, 35, 41, 0.5);
    color: #686E73;
    border-radius: 20px;
    padding: 20px 30px;
    min-height: 200px;
    margin-bottom: 33px;
}

footer.new-footer-2 .container .row.row-top .footer-menu h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 5px 0;
    color: #fff;
}

footer.new-footer-2 .container .row.row-top .footer-menu ul {
    padding: 5px 0 0 0;
    margin: 0 0 0 0;
}

footer.new-footer-2 .container .row.row-top .footer-menu ul li {
    list-style: none;
}

footer.new-footer-2 .container .row.row-top .footer-menu ul li a {
    text-decoration: none;
    color: #686E73;
    font-size: 18px;
    line-height: 30px;
}

footer.new-footer-2 .container .row.row-top .pay-tech-marks {
    min-height: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 33px;
}

footer.new-footer-2 .container .row.row-top .pay-tech-marks>div {
    text-align: right;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    align-items: flex-end;
    width: 100%;
    text-align: right;
}

footer.new-footer-2 .container .row.row-top .pay-tech-marks>div img {
    max-width: 100%;
    max-height: 28px;
    object-fit: contain;
}

footer.new-footer-2 .container .row.row-top .pay-tech-marks>div img.tech-mark {
    max-height: 47px;
    margin-top: 5px;
}

footer.new-footer-2 .container .row.row-bottom {
    padding: 15px 0;
}

footer.new-footer-2 .container .row.row-bottom p {
    font-size: 16px;
    line-height: 20px;
}

footer:not(.new-footer-2) {
    display: none;
}

@media only screen and (max-width: 992px) {
    footer.new-footer-2 .container .row.row-bottom p {
        text-align: center;
    }
}

@media only screen and (max-width: 1200px) {
    footer.new-footer-2 .container .row.row-top .pay-tech-marks {
        min-height: initial;
    }
}

/* ==========================================================================
[Service Popup]
========================================================================== */
.service-popup {
    background: #2c3337;
    width: 90%;
    max-width: 600px;
    max-height: 645px;
    border-radius: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.15);
    z-index: 15;
    display: none;
}

.service-popup .service-popup-content {
    overflow: auto;
    color: #fff;
    height: 100%;
}

.service-popup .service-popup-content h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin: 17px 0 0 19px;
}

.service-popup .service-popup-content table {
    margin: 22px 20px;
}

.service-popup .service-popup-content table thead tr th {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    padding: 13px 18px;
}

.service-popup .service-popup-content table thead tr th:last-child {
    border-right: none;
}

.service-popup .service-popup-content table tbody tr td {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 11px 18px;
    vertical-align: top;
}

.service-popup .service-popup-content table tbody tr td p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    margin-bottom: 0px;
}

.service-popup .service-popup-content table tbody tr td:last-child {
    border-right: none;
}

.service-popup .service-popup-content table tbody tr td:first-child {
    width: 130px;
}

.service-popup .service-popup-content table tbody tr:last-child td {
    border-bottom: none;
}

.service-popup .close {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 1;
}

.service-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 10;
    display: none;
}

body.service-popup-open .service-popup-overlay,
body.service-popup-open .service-popup {
    display: block;
}

@media only screen and (max-width: 767px) {
    .navbar-2 {
        height: 70px;
    }

    .navbar-2 .container {
        width: 94%;
        padding-left: 0;
    }

    .navbar-2 .container .navbar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
    }

    .navbar-2 .container .navbar-header:before {
        display: none;
    }

    .navbar-2 .container .navbar-header:after {
        display: none;
    }

    .navbar-2 .container .navbar-header .navbar-brand {
        width: initial;
        position: initial;
    }

    .navbar-2 .container .navbar-header .navbar-brand:after {
        display: none;
    }

    .navbar-2 .container .navbar-header .navbar-brand img {
        width: 112px;
        height: 38px;
    }

    .navbar-2 .container .navbar-collapse {
        z-index: 1;
        position: relative;
        background: #080707;
    }

    .navbar-2 .container .navbar-left {
        height: 60px;
    }

    .navbar-2 .container .navbar-left li,
    .navbar-2 .container .navbar-left li.user-balance,
    .navbar-2 .container .navbar-left li.user-nav {
        width: 50%;
    }

    .navbar-2 .container .navbar-left li a,
    .navbar-2 .container .navbar-left li.user-balance a,
    .navbar-2 .container .navbar-left li.user-nav a {
        width: 100%;
        padding: 0;
    }

    .navbar-2 .container .navbar-left li.user-balance a {
        justify-content: center;
        align-items: center;
    }

    .navbar-2 .container .navbar-right {
        flex-wrap: wrap;
        height: initial;
        justify-content: space-between;
    }

    .navbar-2 .container .navbar-right:before,
    .navbar-2 .container .navbar-right:after {
        display: none;
    }

    .navbar-2 .container .navbar-right li {
        width: initial;
        flex: 0 0 0 !important;
        max-width: 100% !important;
    }

    .navbar-2 .container .navbar-right .progress-nav {
        flex-grow: 1 !important;
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .navbar-2 .container .navbar-right .logout a {
        font-size: 0 !important;
    }

    .main-content .container {
        width: 94%;
        padding: 0;
    }

    .main-content .container .sidebar {
        display: none;
    }

    .main-content .container .content {
        padding: 30px 0 0 0;
    }

    .main-content .container .content h1,
    .main-content .container .content>.title {
        font-size: 30px;
        line-height: 40px;
    }

    .main-content .container .content h3 {
        font-size: 20px;
    }

    .main-content .container .content label {
        font-size: 16px;
        line-height: 20px;
    }

    .main-content .container .content h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .main-content .container .content form input[type=text],
    .main-content .container .content form textarea,
    .main-content .container .content form select {
        font-size: 16px;
        line-height: 20px;
    }

    .main-content .container .content form pre {
        font-size: 14px;
        line-height: 20px;
    }

    .main-content .container .content form .has-tooltip .tooltip-content {
        width: 280px;
        right: 28px;
        height: 40px;
    }

    .main-content .container .content form .has-tooltip .tooltip-content:before {
        width: 280px;
        background-size: 280px;
    }

    .main-content .container .content .card {
        border-radius: 10px;
    }

    .main-content .container .content .card .row {
        margin-bottom: 0;
    }

    .main-content .container .content .card .row>div {
        margin-bottom: 20px;
    }

    .main-content .container .content .search-box {
        padding: 0;
    }

    .main-content .container .content .search-box>.row {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    .main-content .container .content .search-box .search-input {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .main-content .container .content .search-box .search-input .btn-group {
        position: static;
    }

    .main-content .container .content .search-box .search-input .btn-group button {
        background: #252627;
        border-radius: 20px;
        padding: 10px 15px 10px 15px;
    }

    .main-content .container .content .search-box .search-button {
        position: absolute;
        top: 59px;
        right: 4px;
        width: 125px;
    }

    .main-content .container .content .search-box .search-button button {
        margin-left: 0;
    }

    .main-content .container .content .services {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 34px;
        gap: 0;
        margin-bottom: 0;
    }

    .main-content .container .content .services h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
    }

    .main-content .container .content .services .service-list {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .main-content .container .content .services .service-list::-webkit-scrollbar {
        display: none;
    }

    .main-content .container .content .collapse-table {
        position: relative;
        margin-bottom: 15px;
    }

    .main-content .container .content .collapse-table .ct-head {
        flex-wrap: wrap;
        position: relative;
        height: 90px;
        align-items: baseline;
    }

    .main-content .container .content .collapse-table .ct-head .icon {
        position: absolute;
        top: 16px;
        left: 16px;
        background-size: 11px;
        width: 16px;
        height: 16px;
        border-radius: 16px;
    }

    .main-content .container .content .collapse-table .ct-head .collapse-button {
        position: absolute;
        top: 14px;
        right: 3px;
        width: 30px;
        height: 30px;
        border-radius: 30px;
    }

    .main-content .container .content .collapse-table .ct-head .collapse-button:after {
        background-size: 6px;
    }

    .main-content .container .content .collapse-table .ct-head .tags {
        margin-left: 0;
    }

    .main-content .container .content .collapse-table .ct-head .title {
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        width: 100%;
    }

    .main-content .container .content .collapse-table .table-container table thead {
        display: none;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr td {
        display: flex;
        gap: 10px;
        border: none;
        padding: 0;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr td:before {
        content: attr(content);
        opacity: 0.5;
        display: inline-block;
        width: 133px;
        text-align: left;
        border-right: solid 1px rgba(255, 255, 255, 0.1);
        flex-shrink: 0;
        height: 42px;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr td .has-star {
        flex-direction: row-reverse;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr:hover {
        background: none;
    }

    .service-popup {
        width: 95%;
    }

    .service-popup .service-popup-content table {
        margin: 22px 10px;
    }
}

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

    .main-content .about-us .content h1 br,
    .main-content .about-us .content>.title br {
        display: none;
    }

    .main-content .about-us .content p {
        font-size: 14px;
        line-height: 20px;
    }

    .main-content .about-us .reverse-on-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .main-content .content .search-box .search-button button {
        margin: 15px 0 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .main-content .content {
        padding: 30px 0 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1268px) {
    .navbar-2 {
        height: initial;
    }

    .navbar-2 .container .navbar-header {
        height: 90px;
    }

    .navbar-2 .container .navbar-collapse {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .navbar-2 .container .navbar-brand:after {
        display: none;
    }

    .main-content .sidebar::before {
        top: 0;
    }
}


/* ================================================================
[HOME]
================================================================= */
.main-title {
    font-size: 100px !important;
    line-height: 105px !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-family: Helvetica;
}

/* .main-title .mainheader-icon {
background: orange;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
} */

.pros-text {
    padding-left: 18px;
    font-size: 19px;
    opacity: 0.7;
    margin-bottom: 50px;
}

.pros-text p {
    position: relative;
    color: #DAE9FF;
}

.pros-text p::before {
    content: ". ";
    position: absolute;
    left: -0.7em;
    top: -16px;
    font-size: 30px;
}

#pickout-exp {
    position: relative;
}

#pickout-exp .pick-exp-bg {
    position: absolute;
    position: absolute;
    left: -3.7%;
    width: 103.8%;

}

#pickout-exp .pick-exp-mask {
    position: absolute;
    width: 100%;
    opacity: 0.9;
}

#pickout-exp .pick-exp-bg-mobile {
    display: none;
}

#pickout-exp .pick-exp-mask-mobile {
    display: none;
}

#pickout-exp .core-content {
    padding-top: 302px;
    position: relative;
    z-index: 3;
}

#pickout-exp .core-content span {
    font-size: 40px;
    font-weight: 700px;
    font-family: 'Helvetica';
    color: #fff;
}

#pickout-exp .core-content p {
    font-size: 36px;
    line-height: 45px;
    margin: 20px 0px 36px 0px;
}

#pickout-exp .dark-bg {
    width: 874px;
    height: 278px;
    position: absolute;
    background: #080707;
    filter: blur(75px);
    bottom: 0;
    left: -145px;
    z-index: 1;
}

h2.main-title {
    margin-bottom: 0 !important;
}

h1.main-title {
    margin-top: 66px !important;
}

#quality-serv .bg-img {
    display: none;
}

#quality-serv .img-responsive.animate-1 {
    transform: scale(1.4);
}

#quality-serv {
    background-color: #080707;
}

#quality-serv .container .card-group {
    display: flex;
}

#quality-serv .container .card-group-mobile {
    display: none;
}

#quality-serv .container .card-group .card {
    flex: 1;
    background-color: #1F2329;
    padding-left: 17px;
    padding-right: 19px;
    padding-top: 40px;
    margin-right: 20px;
    border-radius: 20px;
    height: 400px;
    position: relative;
}

#panel-service .container .ser-mb-collapse p {
    position: relative;
    background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 130%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    padding: 0 15px;
}

#panel-service .social-list .item.active {
    border-bottom: 1px solid #fff;
}

#panel-service .container .service-mobile-text {
    margin: 15px 0;
}

#panel-service .container .ser-mb-collapse p::before {
    content: ". ";
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 20px;
    -webkit-text-fill-color: aliceblue;
    color: #85F7E2;
}

#quality-serv .container .card-group .card:hover {
    background-image: url('https://storage.perfectcdn.com/idhwx8/3d3pgy8qjek2cyuq.png');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    color: #1F2329 !important
}

#quality-serv .container .card-group .card:hover .card-title {
    color: #1F2329 !important;
    border-bottom: 1px solid #000;
}

#quality-serv .container .card-group .card:hover p {
    color: #1F2329 !important
}

#quality-serv .container .card-group .card .card-icon-light {
    margin-bottom: 32px;
}

#quality-serv .container .card-group .card .card-icon-black {
    display: none;
    position: absolute;
    top: 40px;
    left: 17px;
}

#quality-serv .container .card-group .card:hover .card-icon-black {
    display: block;
}

#quality-serv .container .card-group .card-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 34px;
    font-weight: 400;
    color: #fff;
}

#quality-serv .container .card-group p {
    padding-top: 22px;
    font-size: 16px;
    color: #DAE9FF;
    font-weight: 400;
}

.explanation {
    display: none;
}

.exp-bt {
    position: relative;
}

#exp-photo {
    height: 460px;
}

#exp-photo,
#exp-content,
#exp-bt-border,
#exp-bt-mask {
    transition: opacity 0.5s;
    opacity: 1;
}

/* .explanation-desktop .get-started-bt{
        transition: opacity 0.5s;
        opacity: 1;
    } */
.exp-hidden {
    opacity: 0 !important;
}

.explanation-desktop {
    display: flex;
    margin-top: 150px;
    position: relative;
}

.explanation-desktop .how-it-work {
    flex: 0.8;
    position: relative;
}

.explanation-desktop .how-it-work p {
    padding: 22px 0px 22px 0px;
    cursor: pointer;
}

.explanation-desktop .how-it-work img {
    position: absolute;
    top: -50px;
    left: -80px;
    pointer-events: none;
}

.explanation-desktop .photo {
    flex: 1;
}

.explanation-desktop .content {
    flex: 1;
}

.explanation-desktop .content .header-title {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 10px;
}

.explanation-desktop .content p {
    margin-bottom: 30px;
    font-size: 16px !important;
}

.explanation-desktop #experience .img-responsive.animate-1 {
    display: block;
    margin: 40px auto 0;
}

.home-page #top-sec h1 .blue,
.home-page #top-sec .main-title .blue {
    background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 130%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.home-page #top-sec h1 .yellow,
.home-page #top-sec .main-title .yellow {
    background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 130%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.home-page #top-sec h1 .white,
.home-page #top-sec .main-title .white {
    background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 300%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

#panel-service .container .help a {
    display: none;
}

#panel-service .container .item a {
    color: #2aa198 !important;
}

#panel-service .service-mobile {
    display: none;
}

#panel-service .service-mobile .social-list .item .service-mobile-text {
    display: none;
}

#panel-service .service-mobile .social-list .item .collapse.in {
    display: none;
}

#panel-service .service-mobile .social-list .item.active .collapse.in {
    display: block;
}

#panel-service .service-mobile .social-list .item .read-more {
    display: none;
}

#panel-service .service-mobile .social-list .item.active .service-mobile-text {
    display: block;
}

#panel-service .service-mobile .social-list .item.active .read-more {
    display: block;
}

#panel-service .service-desktop {
    display: flex;
}

#panel-service .service-desktop .service-part1 {
    flex: 1;
    margin-right: 110px;
}

#panel-service .service-desktop .service-part1 .item.active p {
    display: block;
    margin-top: 0px;
}

#panel-service .service-desktop .service-part1 .item.facebook {
    position: relative;
    height: 190px;
}

#panel-service .service-desktop .service-part1 .item.active.facebook {
    height: 280px;
}

#panel-service .service-desktop .service-part1 .item.facebook img {
    position: absolute;
    left: -33px;
    opacity: 0.5;
}

#panel-service .service-desktop .service-part1 .item.active.facebook img {
    opacity: 1;
}

#panel-service .service-desktop .service-part1 .item.facebook p {
    margin-top: 130px;
}

#panel-service .service-desktop .service-part1 .item.active.youtube p {
    margin-top: 20px;
}

#panel-service .service-desktop .service-part1 .item.active.instgram p {
    margin-top: 15px;
}

#panel-service .service-desktop .service-part1 .item.active.twitter p {
    margin-top: 35px;
}

#panel-service .service-desktop .service-part1 .item p {
    display: none;
}

#panel-service .service-desktop .service-part1 .social-list .item {
    display: block;
    padding: 40px 0;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    cursor: pointer;
}

#panel-service .service-desktop .service-part1 .social-list .item.active {
    border-bottom: 1px solid #fff;
}

#panel-service .service-desktop .service-part2 {
    flex: 1;
    margin: 50px 0 0 20px;
    transition: opacity 0.5s;
    opacity: 1;
}

#panel-service .service-desktop .service-part2 p {
    font-size: 36px;
    line-height: 45px;
    font-weight: 400;
    font-family: Helvetica;
    background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 130%);
    position: relative;
    padding-bottom: 20px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

#panel-service .service-desktop .service-part2 p::before {
    content: ". ";
    position: absolute;
    left: -23px;
    top: -12px;
    font-size: 40px;
    border-radius: 10px;
    -webkit-text-fill-color: aliceblue;
    color: #85F7E2;
}

.top-circle-box {
    position: relative;
}

.top-circle-box img {
    position: absolute;
}

.top-circle-box .circle1 {
    bottom: -727px;
    left: 0;
}

.top-circle-box .circle2 {
    top: -33px;
    left: 13%;
}

.top-circle-box .circle6 {
    right: 0;
    top: 146px;
}

.top-circle-box .circle5 {
    top: -9px;
    right: 98px;
}

.top-circle-box .circle4 {
    top: 45px;
    left: 1135px;
}

.top-circle-box .circle3 {
    left: 56%;
    top: 511px;
}

.top-bottom {
    background: linear-gradient(90deg, #0C0C24 0%, #050515 100%);
    padding: 30px 0;
    margin-top: 87px;
}

.top-bottom-txt {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.top-bottom-txt span {
    font-weight: 500;
    color: #00b67a;
}

.home-page #top-sec.new-top-sec {
    background-image: url('https://storage.perfectcdn.com/idhwx8/nw2ythwc76j4db8o.webp');
    background-repeat: no-repeat;
    padding: 120px 0 0;
    position: relative;
    background-size: 100% 70%;
    overflow: hidden;
}

.top-right {
    margin-top: 60px;
}

.top-right-img {
    position: absolute;
    top: -40px;
    right: -80px;
    z-index: 1;
}

.top-right .img-home-rating {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 186px;
    height: 186px;
}

.top-right .yellow-icons-mask {
    position: absolute;
    right: 65px;
    top: -35px;
    z-index: 1;
    width: 580px;
    height: 580px;
}

.top-right .person-background {
    position: absolute;
    top: 55px;
    right: 45px;
    z-index: 4;
    width: 501px;
    height: 676px;
}

.top-right .wave-mask {
    position: absolute;
    top: 335.4px;
    right: -105px;
    z-index: 3;
    width: 440px;
    height: 440px;
}

.home-page #top-sec.new-top-sec::after {
    content: '';
    width: 1023px;
    height: 818px;
    position: absolute;
    /* top: -127px; */
    top: -37px;
    right: 0;
    z-index: 0;
}

.top-circle-box img {
    z-index: 1;
}

#top-sec .btn.btn-primary {
    margin-top: 16px;
}

#top-sec .btn.btn-primary {
    margin-top: 16px;
    font-weight: 500;
    font-size: 19px;
    color: #070B20 !important;
    padding: 15px 28px;
    display: flex;
}

.home-page #top-sec.new-top-sec {
    background-color: #080707;
}

.top-slider-wrap {
    background-color: #080707;
    padding: 140px 0 22px;
}

.slider-slide {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* border: 1px solid #1C1B30; */
    border-radius: 3px;
    padding: 15px;
    width: 145px;
}

.slidertxt {
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.left-slider-wrap .slick-slide {
    margin: 0 3px;
}

.left-slider-wrap {
    margin: 3px 0;
    position: relative;
}

.left-slider-wrap1::after,
.top-slider-wrap .container::after {
    content: '';
    width: 120px;
    /* height: 65px; */
    height: 159px;
    position: absolute;
    top: 0;
    left: -15px;
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.left-slider-wrap1::before,
.top-slider-wrap .container::before {
    content: '';
    width: 120px;
    /* height: 65px; */
    height: 159px;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 9;
    transform: rotate(-180deg);
}

.slider-slide-outer {
    /* background: linear-gradient(90deg, #1C1B30 0%, rgba(20, 19, 50, 0) 100%); */
    padding: 1px;
    border-radius: 3px;
    margin: 0 3px;
}

.right-slider-wrap .slider-slide-outer {
    ;
    /* background: linear-gradient(-90deg, #1C1B30 0%, rgba(20, 19, 50, 0) 100%); */
}

.left-slider-wrap {
    animation: 80s linear 0s infinite normal none running rev-sliding;
    display: flex;
    /* width: calc(861px); */
    width: calc(1224px);
}

.right-slider-wrap {
    animation: 80s linear 0s infinite normal none running sliding;
    display: flex;
    /* width: calc(861px); */
    width: calc(1224px);
}

.slider-icon svg {
    width: 24px;
    height: 24px;
}

.left-slider-wrap,
.right-slider-wrap {
    margin: 0 auto 18px;
}

.top-slider-wrap .container {
    position: relative;
    overflow: hidden;
}

.panel-service-bg {
    display: none;
}

.bus-Carousel .carousel-inner {
    display: flex;
}

.bus-Carousel .carousel-inner .item {
    flex: 0 0 33.33%;
}

.bus-Carousel .carousel-inner>.item {
    display: none;
}

#business .business-carousel {
    position: relative;
}

#business .get-started-bt {
    margin: 0 auto;
}

#business .unique-carousel {
    position: relative;
    margin-top: 200px;
    padding-left: 150px;
}

#business .unique-carousel .owl-prev-bt {}

#business .unique-carousel .owl-next-bt {}

#business .unique-carousel .unique-card-group {
    display: flex;
}

#business .unique-carousel .unique-card-group .context {
    flex: 0.85;
    padding: 150px 0px 0px 0px;
}

#business .unique-carousel .unique-card-group .context .title {
    font-size: 58px;
    line-height: 48px;
    color: #fff;
    font-weight: 500;
}

#business .unique-carousel .unique-card-group .context .title.core-title {
    background: linear-gradient(88.69deg, #B4FFF1 49%, #FFD912 130%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

/* #business .unique-carousel .owl-item.active .unique-card-group .context .title{
        background: linear-gradient(88.69deg, #B4FFF1 49%, #FFD912 130%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    } */
#business .unique-carousel .unique-card-group .context p {
    font-size: 24px;
    line-height: 30px;
    margin-top: 50px;
    color: #D0DEE6;
}

#business .unique-carousel .unique-card-group .context a {
    font-size: 18px;
    margin-top: 20px;
    color: #91F2CF !important;
}

#business .unique-carousel .unique-card-group .photo {
    flex: 1;
}

#business .unique-carousel .unique-card-group .photo img {
    width: 450px !important;
}

#business .business-carousel .left-bg-carousel {
    position: absolute;
    height: 700px;
    width: 445px;
    top: 100px;
    z-index: 2;
    background: linear-gradient(270deg, #080707 32.81%, rgba(8, 7, 7, 0) 100%);
    opacity: 0.8;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    pointer-events: none;
}

#business .business-carousel .right-bg-carousel {
    position: absolute;
    height: 700px;
    width: 445px;
    top: 100px;
    z-index: 2;
    right: 0px;
    background: linear-gradient(270deg, rgba(8, 7, 7, 0) 31.01%, #080707 100%);
    opacity: 0.8;
    opacity: 0.8;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    pointer-events: none;
}

.owl-card {
    width: 500px;
    padding: 180px 50px 50px;
    height: 500px;
    position: relative;
    margin: 200px 30px 30px 30px;
    background-image: url('https://storage.perfectcdn.com/idhwx8/ytz9mitb0yu5j4em.png');
}

.owl-card .photo-bg {
    position: absolute;
    width: 230px !important;
    top: -70px;
    left: -50px;
}

.owl-card .photo {
    position: absolute;
    width: 220px !important;
    top: -75px;
    left: -55px;
}

.owl-card .name {
    color: #fff;
    position: absolute;
    font-size: 30px;
    right: 56px;
    top: 50px;
}

.owl-card .name img {
    margin-top: 15px;
}

.owl-card .border-line {
    margin-bottom: 25px;
}

.business-carousel .owl-nav .owl-prev-bt {
    position: absolute;
    top: 55%;
    left: 150px;
    z-index: 3;
}

.business-carousel .owl-nav .owl-next-bt {
    position: absolute;
    top: 55%;
    right: 150px;
    z-index: 3;
}

/* //unique */
.unique-carousel .owl-nav .owl-next-bt {
    position: absolute;
    bottom: 100px;
    left: 250px;
    z-index: 3;
    height: 60px;
    width: 60px;
}

.unique-carousel .owl-nav .owl-prev-bt {
    position: absolute;
    bottom: 100px;
    z-index: 3;
    width: 60px;
    height: 60px;
}

.owl-card p {
    font-size: 18px;
    font-family: Helvetica;
    line-height: 30px;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
}

.faq2-container {
    padding: 0 150px;
}

@keyframes sliding {
    100% {
        transform: translateX(0px);
    }

    0% {
        transform: translateX(calc(-612px));
    }
}

@keyframes rev-sliding {
    100% {
        transform: translateX(calc(-612px));
    }

    0% {
        transform: translateX(0px);
    }
}

.top-right-img {
    position: absolute;
    top: -80px;
    right: -220px;
    z-index: 1;
}

@media screen and(min-width: 992px) and(max-width: 1400px) {

    .top-bottom .top-bottom-txt,
    .top-bottom img {
        position: relative;
        z-index: 1;
    }

    .top-circle-box .circle1 {
        z-index: 0;
        bottom: -630px;
        opacity: 0.5;
    }

    .top-right-img {
        /* right: 0; */
        right: -70px;
    }

    .top-circle-box .circle4 {
        left: auto;
        right: 405px;
    }

    .home-page #top-sec.new-top-sec .col-sm-5 {
        position: relative;
        z-index: 1;
    }
}

@media(max-width:1200px) {
    .top-right-img {
        width: 700px;
    }

    #exp-photo {
        height: 360px;
    }

    #how-it-work div {
        font-size: 25px;
    }

    #how-it-work p {
        font-size: 16px;
    }

    .explanation-desktop .content .header-title {
        font-size: 30px;
        line-height: 35px;
    }

    .explanation-desktop .content p {
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 18px;
    }

    #quality-serv .container .card-group .card-title {
        font-size: 24px;
    }

    .main-title {
        font-size: 80px !important;
        line-height: 85px !important;
    }

    #top-sec .top-naizop-title {
        font-size: 24px;
    }

    #top-sec h2 {
        line-height: 23px;
        font-size: 14px;
    }

    h1.main-title {
        margin-top: 46px !important;
    }

    .pros-text {
        font-size: 14px;
    }

    .top-right .img-home-rating {
        width: 146px;
        height: auto;
    }

    .top-right .yellow-icons-mask {
        right: 15px;
        top: -15px;
    }

    .top-right .person-background {
        height: 496px;
        width: auto;
        top: 55px;
        right: 45px;
    }

    .top-right .wave-mask {
        height: 340px;
        width: auto;
        top: 244.8px;
    }

    .top-slider-wrap {
        padding-top: 70px;
    }

    .get-started-bt {
        width: 204px;
        padding-left: 30px;
        font-size: 15px;
        height: 40px;
    }

    .get-started-bt .icon {
        width: 12%;
        right: 22px;
        top: 8px;
    }

}

@media(max-width:992px) {
    .home-page #top-sec.new-top-sec::after {
        width: 465px;
        height: 375px;
        background-repeat: no-repeat;
        background-size: 465px 375px;
        top: 198px;
    }

    .home-page #top-sec h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .home-page #top-sec h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .top-right-img {
        right: 0;
        top: -210px;
        width: auto;
        max-width: 100%;
    }

    .top-circle-box .circle1,
    .top-circle-box .circle3 {
        display: none;
    }

    #quality-serv .container .card-group .card-title {
        font-size: 24px;
    }

    .main-title {
        font-size: 60px !important;
        line-height: 65px !important;
    }

    #top-sec .top-naizop-title {
        font-size: 20px;
    }

    .home-page #top-sec h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .pros-text {
        font-size: 14px;
    }

    .top-slider-wrap {
        padding-top: 70px;
    }

    #quality-serv .container .card-group .card .card-icon-light {
        margin-bottom: 17px;
    }

    #quality-serv .container .card-group p {
        font-size: 14px;
    }

    .explanation-desktop .content .header-title {
        font-size: 30px;
        line-height: 35px;
    }

    #how-it-work p {
        font-size: 14px;
    }

    .explanation-desktop .content p {
        font-size: 12px !important;
    }

    #exp-photo {
        height: 330px;
    }

    .get-started-bt {
        width: 184px;
        padding-left: 30px;
        font-size: 13px;
        height: 35px;
    }

    .get-started-bt .icon {
        width: 12%;
        right: 22px;
        top: 5px;
    }

    .how-it-work div {
        margin-bottom: 34px !important;
    }

    .explanation-desktop .content p {
        font-size: 11px;
    }

    #business .unique-carousel {
        padding-left: 100px;
    }

    .faq2-container {
        padding: 0 100px;
    }

    .new-footer .ftr-card .ftr-card-bg {
        width: 120px;
        height: 140px;
    }

    .new-footer .ftr-card .ftr-card-content {
        padding: 10px 0px 20px 20px;
    }

    #ftr-naizop-ico {
        width: 30px;
        height: 30px;
        margin-top: 18px;
    }

    .new-footer .ftr-logo .company-name {
        font-size: 18px;
        margin-top: 23px;
    }

    footer.new-footer {
        padding: 37px 50px 0 120px;
    }

    .top-ftr .ftr-bg-content {
        width: 90%;
        top: 25px;
        right: -75px;
    }

    .top-ftr .ftr-bg-mask {
        top: -43px;
        right: -160px;
        width: 180%;
    }

    .top-ftr .ftr-pay-mark {
        width: 120%;
        top: 90px;
        right: 0;
        position: absolute;
        z-index: 2;
        right: -85px;
    }

    .top-ftr .ftr-tech-mark {
        top: 110px;
        right: 0;
        position: absolute;
        z-index: 2;
        right: -84px;
        width: 100%;
    }
}

@media(max-width:769px) {
    .faq2-container {
        padding: 0 150px;
    }

    .home-page #top-sec {
        overflow: hidden;
    }

    .home-page #top-sec.new-top-sec {
        /* padding-top: 15px; */
        padding-top: 85px;
        background-position: center top;
    }

    .home-page #top-sec h1 {
        font-size: 32px;
        line-height: 1.2;
        margin-top: 0;
    }

    .top-circle-box .circle4 {
        display: none;
    }

    .top-circle-box .circle6 {
        width: 90px;
    }

    .guest .navbar.navbar-default {
        margin-bottom: 0;
    }

    .top-circle-box .circle2 {
        top: -13px;
        width: 20px;
    }

    .top-circle-box .circle5 {
        width: 45px;
        top: 0;
        right: 28px;
    }

    .main-title {
        font-size: 100px !important;
        line-height: 105px !important;
    }

    /* .main-title span {
        display: block;
    } */

    .pros-text {
        font-size: 14px;
    }

    .top-right-img {
        width: 200px;
        height: auto;
    }

    #top-sec .btn.btn-primary {
        font-weight: 500;
        font-size: 19px;
        padding: 10px 20px;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block !important;
    }

    #quality-serv .container .card-group-mobile {
        display: block;
    }

    #quality-serv {
        position: relative;
    }

    #quality-serv .bg-img {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 60%;
    }

    #quality-serv .container .card-group-mobile .card-mobile {
        margin: 10px;
        padding: 20px;
        color: #fff;
        flex: 1;
        font-size: 24px;
        background: #1F2329;
        border-radius: 20px;
    }

    #quality-serv .container .card-group-mobile .card-mobile svg {
        margin-bottom: 13px;
        display: block;
    }

    .explanation {
        display: block;
    }

    .explanation-desktop {
        display: none;
    }

    .explanation .container h2:first-child {
        margin-top: 90px;
        color: #fff;
        margin-left: 10px;
        font-size: 50px;
    }

    .explanation .container .carousel-inner .content {
        margin-top: 390px;
        padding-left: 30px;
    }

    .explanation .container .carousel-inner .item .caption {
        color: #fff;
        font-size: 18px;
        margin: 30px 0 0 15px;
        font-size: 30px;
    }

    .explanation .container .carousel-inner .item:first-child img {
        width: 80%;
        margin-left: 10%;
    }

    .explanation .container .carousel-inner .item img {
        width: 100%;
    }

    .explanation .container .carousel-inner .content p {
        font-size: 18px !important;
        font-weight: 400 !important;
        font-family: Gilroy !important;
    }

    .explanation .container .carousel-inner .content h3 {
        margin-top: 30px;
        color: #fff;
        margin-bottom: 65px;
        line-height: 40px;
        height: 35px;
        font-size: 38px;
    }

    #business .business-carousel .owl-nav .owl-next-bt {
        display: none;
    }

    #business .business-carousel .owl-nav .owl-prev-bt {
        display: none;
    }

    #business .get-started-bt {
        margin-left: 15%;
    }

    .owl-card {
        width: 310px;
        height: 100%;
        background-image: url(https://storage.perfectcdn.com/idhwx8/qpntcypi5fpkwaos.png);
        background-repeat: no-repeat;
        padding: 175px 0px 70px 15px;
        height: 500px;
        position: relative;
        margin: 100px 0px 10px 30px;
    }

    .owl-card .photo-bg {
        display: none !important;
    }

    .owl-card .photo {
        width: 90px !important;
        height: 90px !important;
        top: 24px;
        left: 14px;
    }

    .owl-card .name {
        color: #fff;
        position: absolute;
        font-size: 20px;
        font-weight: 700;
        top: 65px;
        right: 30px;
    }

    .owl-card svg {
        display: none;
    }

    .owl-card .rating {
        width: 150px !important;
        height: 22.5px !important;
    }

    .owl-card p {
        font-size: 14px;
        line-height: 25.2px;
        padding: 0px 15px 0px 15px;
    }

    #business .business-carousel .left-bg-carousel {
        display: none;
    }

    #business .business-carousel .right-bg-carousel {
        display: none;
    }

    #business .unique-carousel {
        position: relative;
        margin-top: 0px;
        padding: 0 150px;
        ;
    }

    #business .unique-carousel .unique-card-group {
        display: block;
    }

    #business .unique-carousel .unique-card-group .context {
        padding-top: 100px;
    }

    #business .unique-carousel .unique-card-group .context .title {
        font-size: 40px;
    }

    #business .unique-carousel .unique-card-group .context p {
        font-size: 16px;
        line-height: 22px;
    }

    #business .unique-carousel .unique-card-group .photo {
        margin-top: 150px;
    }

    #business .unique-carousel .unique-card-group .photo img {
        width: 345px !important;
    }

    #business .unique-carousel .owl-nav .owl-next-bt {
        width: 50px;
        height: 50px;
        top: 350px;
        bottom: unset;
        left: 140px;
    }

    #business .unique-carousel .owl-nav .owl-prev-bt {
        width: 50px;
        height: 50px;
        top: 350px;
        bottom: unset;
    }

    .owl-3 .owl-dots {
        bottom: unset;
        top: 365px;
        left: 67px;
    }

    #exp-myCarousel {
        margin-bottom: 40px;
        height: 780px;
    }

    #pickout-exp .core-content {
        padding-top: 414px;
        position: relative;
        z-index: 3;
        padding-left: 42px;
    }

    #pickout-exp .core-content span {
        font-size: 32px;
        font-weight: 600px;
        font-family: 'Helvetica';
        color: #fff;
    }

    #pickout-exp .core-content p {
        font-size: 18px;
        line-height: 26px;
        margin: 5px 0px 36px 0px;
    }

    #pickout-exp .pick-exp-mask {
        display: none;
    }

    #pickout-exp .pick-exp-bg {
        display: none;
    }

    #pickout-exp .pick-exp-mask-mobile {
        display: block;
        position: absolute;
        width: 100%;
    }

    #pickout-exp .dark-bg {
        display: none;
    }

    #pickout-exp .pick-exp-bg-mobile {
        width: 100%;
        position: absolute;
        right: 0;
        top: 110px;
        display: block;
    }

    .explanation .container .get-started-bt {
        margin-top: 0px;
        margin-left: 20px;
    }

    .navbar-brand img {
        max-height: 30px;
    }

    .guest .navbar.navbar-default .navbar-left li a {
        font-size: 12px;
    }

    .guest .navbar.navbar-default .navbar-left li::before {
        height: 130%;
    }

    .navbar-default {
        background-color: #101314 !important;
        border-color: transparent;
    }

    .guest ul.nav.navbar-nav.navbar-right li {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .guest ul.nav.navbar-nav.navbar-right li {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .guest ul.nav.navbar-nav.navbar-right {
        display: flex;
        justify-content: space-between;
    }

    .guest .navbar.navbar-default li a {
        font-size: 14px;
        margin: 0 20px;
        width: 80%;
        text-align: left;
    }

    .guest #navbar {
        background-color: #1c2021 !important;
    }

    .home-page #top-sec.new-top-sec {
        background-image: url(https://storage.perfectcdn.com/idhwx8/b9kgql345jry0qmb.png);
        background-repeat: no-repeat;
        padding: 120px 60px 0 60px;
        position: relative;
        background-size: 100% 80%;
        overflow: hidden;
    }

    #top-sec .top-naizop-title {
        font-size: 40px;
    }

    .home-page #top-sec h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .pros-text {
        font-size: 24px;
    }

    .get-started-bt {
        width: 294px;
        height: 59px;
        font-size: 19px;
        padding-left: 50px;
    }

    .get-started-bt .icon {
        width: auto;
        top: 27%;
        right: 36px;
    }

    .top-right {
        height: 530px;
    }

    .top-right .img-home-rating {
        right: 215;
    }

    .top-right .yellow-icons-mask {
        right: 215;
    }

    .top-right .person-background {
        right: 245;
    }

    .top-right .wave-mask {
        right: 85;
    }

    #quality-serv .container .card-group {
        display: none;
    }

    #exp-myCarousel {
        margin-bottom: 40px;
        height: 1100px;
    }

    #panel-service .service-desktop {
        display: none;
    }

    #panel-service .service-mobile {
        display: block;
        position: relative;
        padding: 0 60px;
    }

    .panel-service-bg {
        display: block;
        position: absolute;
        top: -200px;
        width: 100%;
        height: 750px;
        pointer-events: none;
    }

    #panel-service .social-list .item {
        padding: 26px 0;
        border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    }

    #panel-service .container .help a {
        display: block;
        color: #2aa198 !important;
    }

    #panel-service {
        position: relative;
    }

    #panel-service .container .help .serviceHelp p {
        position: relative;
        background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 130%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    #quality-serv .container {
        padding: 0 60px;
    }

    #quality-serv .explanation .container {
        padding: 0;
    }

    #business .get-started-bt {
        margin-left: 150px;
    }

    footer.new-footer {
        display: block;
        padding: 37px 0 0 12px;
        overflow: hidden;
    }

    #pickout {
        padding: 0;
    }

    #faq2 {
        padding: 80px 0 0;
    }

    .pros-text {
        display: none;
    }

    .navbar-header {
        margin-right: 0 !important;
    }

    .new-footer .ftr-card .ftr-card-bg {
        width: 100px;
        height: 130px;
    }

    .new-footer .ftr-card .ftr-card-content {
        padding: 7px 0px 5px 15px;
    }

    .new-footer .ftr-card h4 {
        font-size: 12px;
    }

    .new-footer .ftr-card a {
        font-size: 9px;
    }

    .new-footer .ftr-card ul li {
        margin: 0;
    }

    .new-footer .ftr-logo .company-name {
        margin-top: 5px;
    }

    #ftr-naizop-ico {
        margin-top: 0;
    }

    .top-ftr .row .col-sm-3 {
        width: 25%;
    }

    .top-ftr .ftr-bg-mask {
        top: -37px;
        right: -190px;
    }

    .top-ftr .ftr-bg-mask {
        width: 190%;
        height: 140%;
    }

    .top-ftr .ftr-pay-mark {
        top: 80px;
        right: 0;
        position: absolute;
        z-index: 2;
        right: -110px;
    }

    .top-ftr .ftr-tech-mark {
        top: 100px;
        right: 0;
        position: absolute;
        z-index: 2;
        right: -110px;
    }

}

@media(max-width:551px) {
    .top-circle-box .circle2 {
        width: 28px;
    }

    .top-circle-box .circle5 {
        width: 58px;
        top: -39px;
        right: 38px;
    }

    .top-right-img {
        position: unset;
        display: block;
        margin: auto;
        height: auto;
    }

    .top-right {
        height: 430px;
    }

    .top-right .img-home-rating {
        width: 147px !important;
        height: 147px !important;
        z-index: 5;
    }

    .top-right .yellow-icons-mask {
        width: 394px !important;
        height: 394px !important;
        right: 53px;
        top: -10px;
        z-index: 3;
    }

    .top-right .person-background {
        width: 265px;
        height: 360px;
        right: 55px;
    }

    .top-right .wave-mask {
        width: 350px !important;
        height: 350px !important;
        top: 99px;
        right: -115px;
        z-index: 2;
    }

    .top-slider-wrap {
        padding: 0 !important;
        background: rgba(8, 7, 7, 0.75) !important;
        backdrop-filter: blur(80px) !important;
    }

    #quality-serv .container .card-group {
        display: none;
    }

    #panel-service {
        margin-top: 70px;
        position: relative;
    }

    #panel-service .service-mobile {
        display: block;
    }

    .panel-service-bg {
        display: block;
        position: absolute;
        top: -200px;
        width: 100%;
        height: 750px;
        pointer-events: none;
    }

    #panel-service .social-list .item {
        padding: 26px 0;
        border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    }

    #panel-service .slidertxt {
        color: #fff !important;
    }

    #panel-service .service-desktop {
        display: none;
    }

    #panel-service .container .help .help-border {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #fff;
    }

    #panel-service .container .help p:first-child {
        color: #D0DEE6;
        font-size: 16px;
        line-height: 22px;
    }

    #panel-service .container .help .serviceHelp {
        padding: 0 15px;
        margin: 20px 0;
    }

    #panel-service .container .help .serviceHelp p {
        position: relative;
        background: linear-gradient(88.69deg, #85F7E2 49%, #FFB60E 130%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    #panel-service .container .help a {
        display: block;
        color: #2aa198 !important;
    }

    #panel-service .container .help .serviceHelp p::before {
        content: ". ";
        position: absolute;
        left: -15px;
        top: -8px;
        font-size: 20px;
        -webkit-text-fill-color: aliceblue;
        color: #85F7E2;
    }

    #panel-service .container .help a:first-child {
        color: #fff;
    }

    .home-page #top-sec.new-top-sec {
        background-image: url('https://storage.perfectcdn.com/idhwx8/b9kgql345jry0qmb.png');
        background-repeat: no-repeat;
        padding: 120px 0 0;
        position: relative;
        background-size: 100% 80%;
        overflow: hidden;
    }

    .home-page #top-sec.new-top-sec::after {
        display: none;
    }

    .top-circle-box .circle6 {
        opacity: 0.7;
    }

    .top-bottom {
        margin-top: 10px;
        padding: 20px 0 15px;
    }

    .explanation .container .carousel-inner .content {
        margin-top: 200px;
        margin-left: 15px;
        padding-left: 0;
    }

    #pickout {
        padding: 0px;
        min-height: auto;
        padding-bottom: 80px;
    }

    .main-title {
        font-size: 60px !important;
        line-height: 65px !important;
    }

    #exp-myCarousel {
        margin-bottom: 40px;
        height: 780px;
    }

    .explanation .container .get-started-bt {
        margin-top: 240px;
        margin-left: 10px;
    }

    .explanation .container .carousel-inner .content h3 {
        font-size: auto;
    }

    #business .unique-carousel {
        position: relative;
        margin-top: 0px;
        padding: 0 5%;
    }

    #pickout-exp .core-content {
        padding-top: 314px;
        position: relative;
        z-index: 3;
        padding-left: 15px;
    }

    .faq2-container {
        padding: 0 30px;
    }

    #business .get-started-bt {
        margin-left: 80px;
    }

    #business .unique-carousel {
        padding: 0 80px;
    }

    .pros-text {
        display: none;
    }

    .top-ftr .row {
        display: block;
    }

    #ftr-naizop-ico {
        width: 67px;
        height: 67px;
        margin-right: 0;
        margin-left: 0;
    }

    .new-footer .ftr-logo .company-name {
        font-size: 24px;
        margin-top: 25px;
    }

    .new-footer .ftr-card .ftr-card-bg {
        background: none;
    }

    .new-footer .ftr-card h4 {
        font-size: 20px;
    }

    .new-footer .ftr-card a {
        font-size: 16px;
    }

    .top-ftr .ftr-pay-mark {
        display: none;
    }

    .top-ftr .ftr-tech-mark {
        display: none;
    }

    .top-ftr .row .col-sm-3 {
        width: 100%;
        display: block;
        margin-top: 50px;
        height: 100px;
    }

    .top-ftr .ftr-bg-content {
        width: 70%;
        top: 0;
        right: 15%;
    }

    .top-ftr .ftr-bg-content {
        width: 70%;
        top: 0;
        right: 15%;
    }

    .top-ftr .ftr-bg-mask {
        width: 150%;
        height: 260%;
        top: -90%;
        right: -150px;
    }

    .ftr-bottom-title {
        color: #fff;
        font-size: 16px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
}

@media(max-width:421px) {
    .top-right .img-home-rating {
        width: 127px !important;
        height: 127px !important;
    }

    .get-started-bt {
        width: 204px;
        padding-left: 30px;
        font-size: 15px;
        height: 40px;
    }

    .get-started-bt .icon {
        width: 12%;
        right: 22px;
        top: 8px
    }

    .main-title {
        font-size: 55px !important;
        line-height: 50px !important;
    }

    #top-sec .top-naizop-title {
        font-size: 30px;
    }

    .home-page #top-sec h2 {
        font-size: 18px;
        line-height: 25px;
        right: -35px;
    }

    .top-right .yellow-icons-mask {
        width: 344px;
        height: 344px;
        right: 13px;
    }

    .top-right .person-background {
        height: 300px;
        width: auto;
        right: 10px;
    }

    .top-right .wave-mask {
        width: 240px !important;
        height: 240px !important;
        top: 139px;
        right: -90px;
        z-index: 2;
    }

    #quality-serv .container {
        padding: 0;
    }

    #quality-serv .container .card-group-mobile .card-mobile {
        font-size: 24px;
    }

    .explanation .container h2:first-child {
        font-size: 30px;
        margin-left: 25px;
    }

    .explanation .container .carousel-inner .item .caption {
        color: #fff;
        font-size: 18px;
        margin: 30px 0 0 20px;
        font-size: 20px;
    }

    .explanation .container .carousel-inner .content {
        margin-top: 50px;
    }

    .explanation .container .carousel-inner .content h3 {
        font-size: 24px;
        margin-right: 50px;
        line-height: 25px;
    }

    .explanation .container .get-started-bt {
        margin-top: 140px;
    }

    #panel-service .service-mobile {
        padding: 0 15px;
    }

    #business .unique-carousel {
        padding: 0;
        padding-left: 30px;
    }

    #business .unique-carousel .unique-card-group .photo img {
        width: 245px !important;
    }

    #business .unique-carousel .unique-card-group .context .title {
        font-size: 30px;
    }

    #business .unique-carousel .unique-card-group .context p {
        font-size: 14px;
        line-height: 22px;
    }

    #business .get-started-bt {
        margin-left: 20px;
    }

    #pickout-exp .core-content span {
        font-size: 24px;
    }

    #pickout-exp .core-content p {
        font-size: 12px;
    }

    #pickout-exp .core-content span {
        font-size: 12px;
    }

    #pickout .get-started-bt {
        margin-bottom: 30px;
    }

    .top-ftr .ftr-bg-mask {
        top: -70%;
        right: -25%;
        height: 200%;
    }

    .ftr-bottom-title {
        font-size: 12px;
    }
}

/* ==========================================================================
[Service Popup]
========================================================================== */
.service-popup {
    background: #2c3337;
    width: 90%;
    max-width: 600px;
    max-height: 645px;
    border-radius: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.15);
    z-index: 15;
    display: none;
}

.service-popup .service-popup-content {
    overflow: auto;
    color: #fff;
    height: 100%;
}

.service-popup .service-popup-content h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin: 17px 0 0 19px;
}

.service-popup .service-popup-content table {
    margin: 22px 20px;
}

.service-popup .service-popup-content table thead tr th {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    padding: 13px 18px;
}

.service-popup .service-popup-content table thead tr th:last-child {
    border-right: none;
}

.service-popup .service-popup-content table tbody tr td {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 11px 18px;
    vertical-align: top;
}

.service-popup .service-popup-content table tbody tr td p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    margin-bottom: 0px;
}

.service-popup .service-popup-content table tbody tr td:last-child {
    border-right: none;
}

.service-popup .service-popup-content table tbody tr td:first-child {
    width: 130px;
}

.service-popup .service-popup-content table tbody tr:last-child td {
    border-bottom: none;
}

.service-popup .close {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 1;
}

.service-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 10;
    display: none;
}

body.service-popup-open .service-popup-overlay,
body.service-popup-open .service-popup {
    display: block;
}


/* Responsive Styles */
@media only screen and (max-width: 767px) {
    .navbar-2 {
        height: 70px;
    }

    .navbar-2 .container {
        width: 94%;
        padding-left: 0;
    }

    .navbar-2 .container .navbar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
    }

    .navbar-2 .container .navbar-header:before {
        display: none;
    }

    .navbar-2 .container .navbar-header:after {
        display: none;
    }

    .navbar-2 .container .navbar-header .navbar-brand {
        width: initial;
        position: initial;
    }

    .navbar-2 .container .navbar-header .navbar-brand:after {
        display: none;
    }

    .navbar-2 .container .navbar-header .navbar-brand img {
        width: 112px;
        height: 38px;
    }

    .navbar-2 .container .navbar-collapse {
        z-index: 1;
        position: relative;
        background: #080707;
    }

    .navbar-2 .container .navbar-left {
        height: 60px;
    }

    .navbar-2 .container .navbar-left li,
    .navbar-2 .container .navbar-left li.user-balance,
    .navbar-2 .container .navbar-left li.user-nav {
        width: 50%;
    }

    .navbar-2 .container .navbar-left li a,
    .navbar-2 .container .navbar-left li.user-balance a,
    .navbar-2 .container .navbar-left li.user-nav a {
        width: 100%;
        padding: 0;
    }

    .navbar-2 .container .navbar-left li.user-balance a {
        justify-content: center;
        align-items: center;
    }

    .navbar-2 .container .navbar-right {
        flex-wrap: wrap;
        height: initial;
        justify-content: space-between;
    }

    .navbar-2 .container .navbar-right:before,
    .navbar-2 .container .navbar-right:after {
        display: none;
    }

    .navbar-2 .container .navbar-right li {
        width: initial;
        flex: 0 0 0 !important;
        max-width: 100% !important;
    }

    .navbar-2 .container .navbar-right .progress-nav {
        flex-grow: 1 !important;
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .navbar-2 .container .navbar-right .logout a {
        font-size: 0 !important;
    }

    .main-content .container {
        width: 94%;
        padding: 0;
    }

    .main-content .container .sidebar {
        display: none;
    }

    .main-content .container .content {
        padding: 30px 0 0 0;
    }

    .main-content .container .content h1,
    .main-content .container .content>.title {
        font-size: 30px;
        line-height: 40px;
    }

    .main-content .container .content h3 {
        font-size: 20px;
    }

    .main-content .container .content label {
        font-size: 16px;
        line-height: 20px;
    }

    .main-content .container .content form input[type=text],
    .main-content .container .content form textarea,
    .main-content .container .content form select {
        font-size: 16px;
        line-height: 20px;
    }

    .main-content .container .content form pre {
        font-size: 14px;
        line-height: 20px;
    }

    .main-content .container .content .card .row {
        margin-bottom: 0;
    }

    .main-content .container .content .card .row>div {
        margin-bottom: 20px;
    }

    .main-content .container .content .search-box {
        padding: 0;
    }

    .main-content .container .content .search-box>.row {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    .main-content .container .content .search-box .search-input {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .main-content .container .content .search-box .search-input .btn-group {
        position: static;
    }

    .main-content .container .content .search-box .search-input .btn-group button {
        background: #252627;
        border-radius: 20px;
        padding: 10px 15px 10px 15px;
    }

    .main-content .container .content .search-box .search-button {
        position: absolute;
        top: 59px;
        right: 4px;
        width: 125px;
    }

    .main-content .container .content .search-box .search-button button {
        margin-left: 0;
    }

    .main-content .container .content .services {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 34px;
        gap: 0;
        margin-bottom: 0;
    }

    .main-content .container .content .services h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
    }

    .main-content .container .content .services .service-list {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .main-content .container .content .services .service-list::-webkit-scrollbar {
        display: none;
    }

    .main-content .container .content .collapse-table {
        position: relative;
        margin-bottom: 15px;
    }

    .main-content .container .content .collapse-table .ct-head {
        flex-wrap: wrap;
        position: relative;
        height: 90px;
        align-items: baseline;
    }

    .main-content .container .content .collapse-table .ct-head .icon {
        position: absolute;
        top: 16px;
        left: 16px;
        background-size: 11px;
        width: 16px;
        height: 16px;
        border-radius: 16px;
    }

    .main-content .container .content .collapse-table .ct-head .collapse-button {
        position: absolute;
        top: 14px;
        right: 3px;
        width: 30px;
        height: 30px;
        border-radius: 30px;
    }

    .main-content .container .content .collapse-table .ct-head .collapse-button:after {
        background-size: 6px;
    }

    .main-content .container .content .collapse-table .ct-head .tags {
        margin-left: 0;
    }

    .main-content .container .content .collapse-table .ct-head .title {
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        width: 100%;
    }

    .main-content .container .content .collapse-table .table-container table thead {
        display: none;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr td {
        display: flex;
        gap: 10px;
        border: none;
        padding: 0;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr td:before {
        content: attr(content);
        opacity: 0.5;
        display: inline-block;
        width: 133px;
        text-align: left;
        border-right: solid 1px rgba(255, 255, 255, 0.1);
        flex-shrink: 0;
        height: 42px;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr td .has-star {
        flex-direction: row-reverse;
    }

    .main-content .container .content .collapse-table .table-container table tbody tr:hover {
        background: none;
    }

    .service-popup {
        width: 95%;
    }

    .service-popup .service-popup-content table {
        margin: 22px 10px;
    }
}

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

    .main-content .about-us .content h1 br,
    .main-content .about-us .content>.title br {
        display: none;
    }

    .main-content .about-us .content p {
        font-size: 14px;
        line-height: 20px;
    }

    .main-content .about-us .reverse-on-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .main-content .content .search-box .search-button button {
        margin: 15px 0 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .main-content .content {
        padding: 30px 0 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1268px) {
    .navbar-2 {
        height: initial;
    }

    .navbar-2 .container .navbar-header {
        height: 90px;
    }

    .navbar-2 .container .navbar-collapse {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .navbar-2 .container .navbar-brand:after {
        display: none;
    }

    .main-content .sidebar::before {
        top: 0;
    }
}

/**/
.page-content {
    clear: both;
    padding-top: 90px;
    padding-bottom: 50px;
}

.page-content h1 {
    color: #FFF;
    font-family: "Space Grotesk";
    font-weight: 500;
    font-size: 24px;
    line-height: 1.24;
}

.page-content h2 {
    color: #FFB60E;
    font-size: 18px;
    line-height: 1.66;
    font-family: "Space Grotesk";
    font-weight: bold;
}

.page-content p {
    font-family: "Space Grotesk";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    margin-top: 25px;
}

/* Responsive */
/* @media screen and (min-width: 992px) {
footer.new-footer-2 .container .row.row-top .footer-logo {
    margin-left: -80px;
}
} */


/* WTS CSS START */

/* body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Space Grotesk', sans-serif;
} */

.row.new-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 calc(var(--row-gutter-x)*-0.5);
    margin-top: calc(var(--row-gutter-y)*-1);
}

.row.new-row::before,
.row.new-row::after {
    display: none;
}

.row.new-row>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 calc(var(--row-gutter-x)*0.5);
    margin-top: var(--row-gutter-y);
}

.temp-main-wpr {
    width: 100vw;
    margin-left: calc(((100vw - 1320px)/2)*-1);
}

.page-body {
    position: relative;
    background-color: #080707;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-body .new-footer-2 {
    z-index: 9;
}

.page-body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Space Grotesk', sans-serif;
}

.page-body img {
    max-width: 100%;
}

.page-body a {
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
}

.top-alert-bar {
    padding: 6px 0;
    background-color: #252627;
    position: relative;
    z-index: 11;
}

.top-alert-cntnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
}

.top-alert-cntnt p {
    font-weight: 700;
    background: -o-linear-gradient(left, #85F7E2 40%, #FFB60E 120%);
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #85F7E2), color-stop(120%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 120%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.top-alert-cntnt .grdnt-btn {
    margin-left: 20px;
}

.grdnt-btn {
    padding: 4px 20px;
    font-weight: 700;
    color: #000;
    border-radius: 25px;
    background: -o-linear-gradient(left, #85F7E2 20%, #FFB60E 130%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 20%, #FFB60E 130%);
    min-width: 95px;
    text-align: center;
    line-height: 1.43;
}

.grdnt-btn:hover {
    background: -o-linear-gradient(right, #85F7E2 20%, #FFB60E 130%);
    background: -webkit-gradient(linear, right top, left top, color-stop(20%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to left, #85F7E2 20%, #FFB60E 130%);
    color: #000;
}

.top-alert-close-btn {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.top-alert-close-btn:hover {
    opacity: 0.6;
}

/* --------------------------- */
main.main-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    /* z-index: 10; */
}

main.main-wpr aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--aside-width);
    position: relative;
    z-index: 102;
    padding-bottom: 50px;
}

main.main-wpr .page-content-wpr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - var(--aside-width));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main.main-wpr aside .sidebar-in {
    border-radius: 0px 0px 10px 10px;
    background: -o-radial-gradient(-61.00% -16.08%, 242.86% 130.39%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), rgba(16, 19, 20, 0.50);
    background: radial-gradient(242.86% 130.39% at -61.00% -16.08%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), rgba(16, 19, 20, 0.50);
    background-color: rgba(16, 19, 20, 0.5);
    position: relative;
}

.sidebar-in .nav-brand-wpr {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    text-align: center;
    padding: 20px 15px 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sidebar-in .nav-brand-wpr a {
    max-width: 127px;
}

.sidebar-in .side-menu-wpr {
    padding: 20px 40px 20px;
}

.sidebar-in nav ul {
    padding: 0;
    margin: 0;
}

.sidebar-in nav>ul>li>a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    position: relative;
    /*    border-radius: 10px;*/
}

.sidebar-in nav>ul>li:not(.has-menu)>a:hover,
.sidebar-in nav>ul>li.active:not(.has-menu)>a {
    padding: 10px 12px;
    background-color: #005AE2;
}

/* .sidebar-in nav > ul > li > a:hover,
.sidebar-in nav > ul > li > a.show,
.sidebar-in nav > ul > li.active > a {
    padding: 10px 12px;
    background-color: #005AE2;
} */
.sidebar-in nav>ul li {
    list-style: none;
    /*    margin-bottom: 2px;*/
    position: relative;
}

.sidebar-in nav>ul li.active {
    margin-top: 10px;
    /*    margin-bottom: 10px;*/
}

.sidebar-in nav>ul li.active:first-child {
    margin-top: 0;
}

.sidebar-in nav>ul li.active:last-child {
    margin-bottom: 0;
}

.sidebar-in nav>ul li:last-child {
    margin-bottom: 0;
}

.sidebar-in nav>ul>li>a .icon-wpr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sidebar-in nav>ul>li>a img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.sidebar-in nav ul li.has-menu a {
    padding-right: 22px;
}

.clickD {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: -4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.clickD.toggled {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.clickD.toggled svg path{
    fill: #fff;
}
.clickD svg {
    width: 100%;
}

/* .sidebar-in nav ul li.has-menu > a::before {
    content: '';
    position: absolute;
    top: 55%;
    right: 22px;
    width: 8px;
    height: 10px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(https://storage.perfectcdn.com/idhwx8/ziqb94dti7htwqzf.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.sidebar-in nav ul li.has-menu a.show::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
} */
.sidebar-in nav ul li.has-menu ul.sub-menu {
    padding: 2px 0 2px 15px;
    margin: 0;
    display: none;
}

.sidebar-in nav ul li.has-menu>a.show+ul.sub-menu {
    display: block;
}

.sidebar-in nav ul li.has-menu ul.sub-menu li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 10px 10px;
    /*    border-radius: 10px;*/
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    font-weight: 700;
}

.sidebar-in nav ul li.has-menu ul.sub-menu li>a:hover,
.sidebar-in nav ul li.has-menu ul.sub-menu li>a.active {
    background-color: #005AE2;
}

.sidebar-in nav ul li.has-menu ul.sub-menu li>a .icon-wpr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.sidebar-in nav ul li.has-menu ul.sub-menu li>a .icon-wpr.dot::before {
    content: '';
    position: absolute;
    top: -6px;
    right: -4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #101314;
    background-color: #FFB60E;
}

.sidebar-in nav ul li.has-menu ul.sub-menu li>a img,
.sidebar-in nav ul li.has-menu ul.sub-menu li>a svg {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.sidebar-in nav ul li>a>span.support {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FFB60E;
    padding: 5px;
    font-weight: 700;
    color: #000;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar-in nav ul li>a:hover>span.support {
    margin-right: 0;
}

.sidebar-btm {
    padding: 0 30px 40px;
}

.sidebar-btm ul {
    padding: 0;
    margin: 0;
}

.sidebar-btm-menu>li {
    list-style: none;
    margin-bottom: 30px;
}

.sidebar-btm-menu>li:last-child {
    margin-bottom: 0;
}

.sidebar-btm-menu>li>a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    position: relative;
    display: block;
    text-decoration: none;
    padding: 10px 12px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar-btm-menu>li>a>span.clickD {
    right: 6px;
}

li.drop-menu>ul {
    display: none;
    padding: 2px 0;
    list-style: none;
}

li.drop-menu>ul li:not(:last-child) {
    margin-bottom: 2px;
}

li.drop-menu>ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    padding: 10px 12px;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

li.drop-menu>ul a:hover,
li.drop-menu>ul li.active a {
    background-color: #005AE2;
}

li.drop-menu>ul a .icon-wpr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

li.drop-menu>ul a img,
li.drop-menu>ul a svg {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

li.drop-menu>a.show+ul {
    display: block;
}

li.drop-menu>ul.promotion-btn-list {
    padding-top: 20px;
}

li.drop-menu>ul.promotion-btn-list li:not(:last-child) {
    margin-bottom: 10px;
}

li.drop-menu>ul li a.refer-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #252627;
    border-radius: 25px;
    padding: 14px 20px;
    font-size: 16px;
    color: rgba(255, 182, 14, 1);
}

li.drop-menu>ul li a.refer-btn:hover {
    background-color: #005AE2;
}

li.drop-menu>ul li a.refer-btn>svg,
li.drop-menu>ul li a.refer-btn>img {
    width: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 5px;
}

/* ------------- body content ------------- */

/* am 1/8/23 */

/* .header {
    background: var(--pure-colors-menu, #101314);
} */

.btn-home-header {
    display: flex !important;
    color: #ffff;
    width: 120px;
    height: 48px;
    padding: 16px 24px 16px 24px;
    border-radius: 25px;
    border: 1px solid transparent;
    background-color: #252627;
    gap: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
}

.header-center {
    display: flex;
    width: 265px;
    height: 48px;
    background-color: #252627;
    border-radius: 999999px;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center;
}

.headerAuth {
    background: #101314;
    padding: 20px 0;
}


.header .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}

.header_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
}

.header_prof {
    margin-right: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_prof_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header_prof_img:hover {
    border-color: #FFB60E;
}

.header_prof__wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #222222;
}
.header-profileborder .header_prof__wrp img,
.header_wrap .header_prof__wrp img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    padding: 3px;
    height: 100%;
}

.header_prof_img:hover .header_prof__wrp img {
    opacity: 0.7;
}

.header_prof_rgt {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    gap: 10px;

}

.header_prof_wl {
    display: block;
    color: rgba(255, 255, 255, 0.5);
}

.header_prof_nm {
    display: block;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header_prof_rgt:hover .header_prof_nm {
    color: #FFB60E;
}

.header_balance {
    display: flex;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    align-items: center;
    gap: 5px;
    padding-left: 18px;
    color: #929293;
    /* font-family: 'Space Grotesk'; */
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

.header_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.blnc {
    display: block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.amount {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #FFB60E;
    width: 100%;
}

.header-wlt {
    display: flex !important;
    align-items: center;
    width: 121px;
    height: 40px;
    border-radius: 25px;
    padding: 8px 16px 8px 16px;
    border: 1px solid transparent;
    gap: 5px;
    background-color: #FFB60E;
    color: black;
    font-weight: 700;
}

.header_rgt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_rgt .header-gift {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #252627;
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    border: 1px solid transparent;
}

.header-gift span {
    display: inline-block;
    width: 24px;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.header-gift img {
    padding: 4px;
}

.header_rgt .hdr_log {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #252627;
    margin-left: 10px;
    border: 1px solid transparent;
}

.header_rgt .hdr_log img {
    max-width: 24px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 5px;
}



.hdr_log:hover {
    /* background-color: #FFB60E;
    color: #000; */
    color: #fff;
    border: 1px solid #FFB60E;

}

.header_rgt .header-nt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #252627;
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    border: 1px solid transparent;
}

.header-nt span {
    display: inline-block;
    width: 24px;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.header-nt span.active::before {
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #FFB60E;
    border: 3px solid #252627;
    position: absolute;
    top: -1px;
    right: -1px;
}
.header_rgt .header-gift:hover,
.header-nt:hover {
    background: var(--Primary, #277DFF);
}

.header_rgt .header-usd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #252627;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid transparent;
    line-height: 1;
    text-transform: uppercase;
}

.header-usd:hover {
    color: #fff;
    border: 1px solid #FFB60E;
}

.header_rgt .header-wlt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 18px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #FFB60E;
    position: relative;
    z-index: 10;
    border: 1px solid transparent;
    margin-left: 20px;
    -webkit-box-shadow: 0 6px 17px rgb(255 182 14 / 25%);
    box-shadow: 0 6px 17px rgb(255 182 14 / 25%);
    line-height: 1;
}

.header-wlt img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 5px;
    width: 24px;
}

.header-wlt:hover {
    background-color: #252627;
    color: #fff;
    border: 1px solid #FFB60E;
}

.header-wlt:hover::before {
    background-color: #fff;
    opacity: 0;
}

.header-wlt:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.header-profile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 24px 0px 0px;
    gap: 16px;
    width: auto;
    height: 48px;
    background: #252627;
    border-radius: 25px;
    margin-left: 15px;
}

.header-profileborder {
    background: linear-gradient(to right, #85F7E2 20%, #FFB60E 130%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.dropdown-reward-li {
    padding: 8px;
    border-bottom: 1px solid #373A3C;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.profile-menu {
    height: 216px;
    left: 85%;
}

/* Target 13-inch and 14-inch MacBook Pro */
@media screen and (min-width: 1280px) and (max-width: 1512px) {
    .profile-menu {
        left: 77%;
    }
}

ul.dropdown-menu li:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

ul.dropdown-menu li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

li.dropdown-reward-li:hover {
    background-color: #26292b;
}

li.dropdown-reward-li:hover svg {
    fill: #FFFFFF !important;
}

li.dropdown-reward-li:hover a {
    color: #ffff;
}

.progress-section {
    width: 115px;
    padding-right: 15px;
    position: relative;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.progress-section:hover {
    opacity: 0.7;
}

.progress-section:not(:first-child) {
    margin-right: 10px;
}

.header_balance:not(:last-child) {
    margin-right: 10px;
}

.task-progress {
    position: relative;
    text-align: center;
}

.task-progress span {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.prgrss-img {
    position: absolute;
    right: -15px;
    bottom: -4px;
    width: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.prgrss-img {
    position: absolute;

}

.header_wrap .progress {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 10px;
    height: 15px;
    margin-bottom: 0;
    border: 1px solid #2b2b2b;
    background-color: #252627;
}

.header_wrap .progress::-webkit-progress-bar,
.header_wrap .progress::-webkit-progress-value {
    border-radius: 10px;
    background-color: #252627;
}

.header_wrap .progress::-moz-progress-bar {
    border-radius: 10px;
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
    background-color: #252627;
}

.header_wrap .progress::-webkit-progress-value {
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
}

/* END */
.dashboard .body-content-wpr {
    position: relative;
    padding: 30px 40px 90px;
    min-height: 700px;
    /* z-index: 100; */
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* background-color: #161819; */
}

/* .body-content-wpr::before {
    content: '';
    position: absolute;
    top: -90px;
    left: -100px;
    width: 100%;
    height: 100%;
    background-image: url(https://storage.perfectcdn.com/idhwx8/kmciyam7ps1h1mla.png);
    background-size: contain;
    background-position: top 30px left;
    background-repeat: no-repeat;
    opacity: 0.8;
    z-index: -1;
}
.body-content-wpr::after {
    content: '';
    position: absolute;
    top: 260px;
    left: -300px;
    width: 100%;
    height: 100%;
    background-image: url(https://storage.perfectcdn.com/idhwx8/cf2tkdcliqtrtd4i.png);
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: -1;
} */


.body-content-wpr .page-content-overlay {
    position: absolute;
    top: 0;
    left: -300px;
    width: calc(100% + 300px);
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.body-content-wpr .page-content-overlay::before {
    content: '';
    position: absolute;
    top: -90px;
    left: 70px;
    width: 100%;
    height: 100%;
    /* background-image: url("https://storage.perfectcdn.com/0a268b/8bsml405icohf8fb.webp"); */
    background-size: contain;
    background-position: top 30px left;
    background-repeat: no-repeat;
    opacity: 0.8;
    z-index: -1;
}

.body-content-wpr .page-content-overlay::after {
    content: '';
    position: absolute;
    top: 230px;
    left: -60px;
    width: 70%;
    height: 100%;
    /* background-image: url(https://storage.perfectcdn.com/idhwx8/cagud7pff9hmrkfk.png); */
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: 0.65;
    z-index: -1;
}

.page-hdng {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 30px;
    color: #fff;
}

.plc-new-tab-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
}

.plc-new-tab-menu ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style: none;
    position: relative;
}

.plc-new-tab-menu ul li::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-shadow: 15px 15px 0 0px #121517;
    box-shadow: 15px 15px 0 0px #121517;
    opacity: 0;
    -webkit-transition: 0 all;
    -o-transition: 0 all;
    transition: 0 all;
}

.plc-new-tab-menu ul li::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: -15px 15px 0 0px #121517;
    box-shadow: -15px 15px 0 0px #121517;
    opacity: 0;
    -webkit-transition: 0 all;
    -o-transition: 0 all;
    transition: 0 all;
}

.plc-new-tab-menu ul li:first-child::before {
    width: 20px;
    height: 20px;
    left: 0;
    bottom: 0px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #121517;
    border-radius: 0;
}

.plc-new-tab-menu ul li:last-child::after {
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #161819;
    border-radius: 0;
}

.plc-new-tab-menu ul li.active::before,
.plc-new-tab-menu ul li.active::after {
    opacity: 1;
}

.plc-new-tab-menu ul li a {
    padding: 16px 20px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; */
}

.plc-new-tab-menu ul li a:hover {
    color: #fff;
}

.plc-new-tab-menu ul li.active a {
    background-color: #161819;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.plc-new-tab-cntnt {
    background-color: #161819;
    position: relative;
    z-index: 10;
    border-radius: 15px;
}

.plc-new-tab-dtls {
    background-color: #161819;
    padding: 40px 20px 30px;
    border-radius: 15px;
}

.wtch-vdo-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 10px;
    padding: 15px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: -o-radial-gradient(50.00% -178.89%, 221.67% 295.56%, rgba(255, 182, 14, 0.85) 0%, rgba(255, 182, 14, 0.00) 100%);
    background: radial-gradient(221.67% 295.56% at 50.00% -178.89%, rgba(255, 182, 14, 0.85) 0%, rgba(255, 182, 14, 0.00) 100%);
    margin-bottom: 40px;
    padding-right: 64px;
    position: relative;
    word-break: break-all;
}

.wtch-vdo-wpr p {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.wtch-vdo-wpr .vdo-wpr-cls-btn {
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 24px;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wtch-vdo-wpr .vdo-wpr-cls-btn:hover {
    opacity: 0.6;
}

.ylw-btn {
    background-color: #FFB60E;
    border: 1px solid #FFB60E;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 14px 17px;
    border-radius: 25px;
    line-height: 1.25;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ylw-btn:hover {
    -webkit-box-shadow: 0 8px 25px rgb(255 182 14 / 20%);
    box-shadow: 0 8px 25px rgb(255 182 14 / 20%);
    background-color: transparent;
    color: #fff;
}

.order-srch-form-wpr .order-srch-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-srch-form-wpr .srch-order-wpr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px;
    margin: 0;

}

.order-srch-form-wpr .srch-order-wpr input.select2-selection,
.order-srch-form-wpr .order-srch-row input[type="text"],
.order-srch-form-wpr .order-srch-row input[type="search"] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    border-radius: 20px;
    padding: 0 50px;
    /* background-image: url(https://storage.perfectcdn.com/idhwx8/99aaxgiyfpxllxhx.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left 20px center; */
    background-color: #252627;
    border: 0;
    outline: none;
    font-size: 16px;
    color: #fff;
    /* margin-right: 20px; */
}

.order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__prepend span {
    font-size: 0;
}

.order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__prepend {
    left: 20px;
    width: 20px;
    height: 20px;
    background-image: url(https://storage.perfectcdn.com/idhwx8/xtck5hdkywgfbqt4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__append {
    right: 20px;
}

.order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__append span {
    font-size: 16px;
}

.order-srch-form-wpr .srch-order-wpr .search-dropdown ul.select2-results__options.dropdown-menu {
    background-color: #15181C;
}



.order-srch-form-wpr ::-webkit-input-placeholder {
    opacity: 0.5;
    color: #fff;
}

.order-srch-form-wpr -ms-input-placeholder {
    opacity: 0.5;
    color: #fff;
}

.order-srch-form-wpr ::-moz-placeholder {
    opacity: 0.5;
    color: #fff;
}

.order-srch-form-wpr :-moz-placeholder {
    opacity: 0.5;
    color: #fff;
}

.order-srch-form-wpr .order-srch-row button[type="submit"],
.order-srch-form-wpr .order-srch-row input[type="submit"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    min-width: 185px;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.order-srch-form-wpr .order-srch-row button[type="submit"]:hover,
.order-srch-form-wpr .order-srch-row input[type="submit"]:hover {
    background-color: #1251B0;
}

.order-srch-form-wpr {
    margin-bottom: 22px;
}

.plc-order-form-wpr form {
    margin-bottom: 0;
}

.social-pckgs-btns {
    margin-bottom: 37px;
}

.social-pckgs-btns ul {
    padding: 0;
    margin: 0 0 -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.social-pckgs-btns ul li {
    margin-right: 10px;
    margin-bottom: 12px;
}

.social-pckgs-btns ul li a {
    height: 32px;
    width: 58px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social-pckgs-btns ul li span {
    height: 32px;
    width: 58px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social-pckgs-btns ul li a>img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.social-pckgs-btns ul li span>img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.social-pckgs-btns ul li a.active,
.social-pckgs-btns ul li a:hover {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
}

.social-pckgs-btns ul li span.active,
.social-pckgs-btns ul li span:hover {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.service-drop-menu {
    position: relative;
}

.service-drop-menu .drop-menu-wpr {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.service-drop-menu.show .drop-menu-wpr {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 1;
    visibility: visible;
}

.service-drop-menu .drop-menu-wpr-in {
    max-height: 300px;
    overflow: auto;
    background-color: #252627;
}

.service-drop-menu .srvc-hdng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #252627;
    border-radius: 10px;
    padding: 15px 20px;
    position: relative;
    padding-right: 80px;
}

.service-drop-menu .srvc-hdng.active {
    border-radius: 10px 10px 0 0;
}

.service-drop-menu .srvc-hdng.active::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
}

.service-drop-menu .srvc-hdng>i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.service-drop-menu .srvc-hdng>i>img {
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.service-drop-menu .srvc-hdng h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 20px 0 0;
    max-width: 180px;
    line-height: 1.25;
}

.service-drop-menu .srvc-hdng .nt-grntd {
    display: inline-block;
    margin-left: 40px;
    margin-right: auto;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #2F2F2F;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
}

.service-drop-menu .srvc-hdng .rate {
    display: inline-block;
    margin-left: 40px;
    margin-right: auto;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.service-drop-menu .srvc-hdng .rate span {
    color: #FFB60E;
}

.service-drop-menu .srvc-hdng .accrd-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2F2F2F;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.service-drop-menu .srvc-hdng .accrd-btn:hover {
    background-color: #111;
}

.service-drop-menu .srvc-hdng .accrd-btn.rotate {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.service-drop-menu .srvc-hdng .accrd-btn>img {
    max-width: 8px;
    -o-object-fit: contain;
    object-fit: contain;
}

.service-drop-menu .drop-menu-wpr {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    z-index: 4;
}

.service-drop-menu .drop-menu-wpr .srvc-hdng {
    border-radius: 0;
}

.service-drop-menu .drop-menu-wpr .srvc-hdng::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
}

.service-drop-menu .drop-menu-wpr .srvc-hdng:last-child::before {
    display: none;
}

.plc-order-form-wpr .form-group {
    margin-bottom: 20px;
    word-break: break-word;
}

.plc-order-form-wpr .form-group .form-hdng,
.plc-order-form-wpr .form-group label {
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, .75);
    margin: 0 0 10px;
    line-height: 1.6;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    line-height: 16.03px;
    letter-spacing: 0%;
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; 
}

.plc-order-form-wpr form input[type="text"],
.plc-order-form-wpr form input[type="email"],
.plc-order-form-wpr form input[type="tel"],
.plc-order-form-wpr form input[type="password"],
.plc-order-form-wpr form input[type="url"],
.plc-order-form-wpr form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(30, 30, 36, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    height: 60px;
    border-radius: 10px;
    padding: 0 20px;
    color: #fff;
    width: 100%;
    outline: 0 !important;
}

.plc-order-form-wpr form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(30, 30, 36, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    height: 60px !important;
    border-radius: 10px;
    padding: 0 35px 0 20px;
    color: #fff;
    width: 100%;
    outline: 0 !important;
    background-image: url(https://storage.perfectcdn.com/idhwx8/tplynph39rtpi9w1.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.plc-order-form-wpr form .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.plc-order-form-wpr form .input-group>input[type="text"] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    min-width: 1px;
}

.plc-order-form-wpr form .input-group>.input-group-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
}

.plc-order-form-wpr form .input-group>.input-group-btn button {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
    background-color: #fab60e;
    color: #000;
    border-color: #fab60e;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.plc-order-form-wpr form .input-group>.input-group-btn button:hover {
    background-color: transparent;
    color: #fff;
}

.plc-order-form-wpr form input[type="url"].post_link {
    padding-right: 70px;
    background-image: url(https://storage.perfectcdn.com/idhwx8/xrgkmy6e5wbh8abl.png);
    background-size: 25px;
    background-position: right 20px center;
    background-repeat: no-repeat;
}

.plc-order-form-wpr form input[type="url"].post_link.focus {
    background-image: url(https://storage.perfectcdn.com/idhwx8/bkir25nytqjw7x6w.png);
}

.plc-order-form-wpr form ::-webkit-input-placeholder {
    opacity: 0.5;
    color: #fff;
}

.plc-order-form-wpr form -ms-input-placeholder {
    opacity: 0.5;
    color: #fff;
}

.plc-order-form-wpr form ::-moz-placeholder {
    opacity: 0.5;
    color: #fff;
}

.plc-order-form-wpr form :-moz-placeholder {
    opacity: 0.5;
    color: #fff;
}

.plc-order-form-wpr .dscp-txt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.plc-order-form-wpr .dscp-txt ul>li {
    margin-bottom: 20px;
    color: #999999;
    word-break: break-all;
}

.plc-order-form-wpr .dscp-txt ul>li i {
    font-style: normal;
    width: 14px;
    margin-right: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plc-order-form-wpr .form-footer {
    border-top: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 26px;
}

.plc-order-form-wpr .service-cost {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    margin-bottom: 0;
    margin-right: 50px;
}

.plc-order-form-wpr .service-cost h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 5px;
}

.plc-order-form-wpr .service-cost h4 span.tooltipp {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    position: relative;
}

.plc-order-form-wpr .service-cost .price span {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #FFB60E;
}

.plc-order-form-wpr .sbmt-btn-wpr {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.plc-order-form-wpr .ylw-sbmt-btn {
    height: 50px;
    min-width: 160px;
    text-align: center;
    color: #000;
    background-color: #FFB60E;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #FFB60E;
    outline: none;
    padding: 0 20px;
    -webkit-box-shadow: 0 6px 15px rgb(255 182 14 / 20%);
    box-shadow: 0 6px 15px rgb(255 182 14 / 20%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.plc-order-form-wpr .ylw-sbmt-btn:hover {
    background-color: transparent;
    color: #fff;
}

.service-drop-menu .drop-menu-wpr-in::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    cursor: pointer;
    background-clip: padding-box;
}

.service-drop-menu .drop-menu-wpr-in::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
}


.service-drop-menu .drop-menu-wpr-in:-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

.service-drop-menu .drop-menu-wpr-in::-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

/* .service-drop-menu .drop-menu-wpr-in::-webkit-scrollbar-thumb:hover {
    height: 5px;
    opacity: 0.8;
} */


/* custom modal design */
.custom-modal-wpr {
    background-color: #101314;
    min-width: 400px;
    border-radius: 10px;
    padding: 0;
}

.custom-modal-wpr .modal-wpr {
    background-color: rgba(197, 235, 255, 0.15);
}

.custom-suggestion-list {
    position: relative;
}

.custom-suggestion-list input {
    position: relative;
    z-index: 2;
}

.custom-suggestion-list input:focus+.suggestion-list,
.custom-suggestion-list input.focus+.suggestion-list {
    display: block;
}

.suggestion-list {
    background-color: rgba(30, 33, 36, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 60px;
    z-index: 1;
    border-radius: 10px;
    display: none;
}

.suggestion-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.suggestion-list ul li {
    padding: 15px 20px;
    position: relative;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.suggestion-list ul li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
}

.new-order-notf {
    padding: 30px 30px 45px;
    border-radius: 10px;
    margin-bottom: 30px;
    border-radius: 10px;
    background: -o-radial-gradient(50.00% -178.89%, 221.67% 295.56%, rgba(255, 182, 14, 0.8) 0%, rgba(255, 182, 14, 0.00) 100%);
    background: radial-gradient(221.67% 295.56% at 50.00% -178.89%, rgba(255, 182, 14, 0.8) 0%, rgba(255, 182, 14, 0.00) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: relative;
    z-index: 1;
}

.new-order-notf::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 116px;
    background-image: url(https://storage.perfectcdn.com/idhwx8/rd7y3wfdt80n8ht8.png);
    background-size: 130%;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.6;
}

.new-order-notf h2 {
    font-size: 24px;
    color: #FFB60E;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 18px;
    line-height: 1.25;
}

.order-dtls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-dtls .order-lft-dtls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 400px;
    margin-right: 100px;
}

.order-dtls ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.order-dtls ul li {
    color: #fff;
}

.order-dtls ul li a {
    color: #fff;
    word-break: break-all;
}

.order-dtls ul li a:hover {
    text-decoration: underline !important;
}

.nav-toggler {
    display: none;
}

.notf-cls-btn {
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 40px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.notf-cls-btn:hover {
    opacity: 0.6;
}

.cmn-table-wpr {
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

table.cmn-table {
    width: 100%;
}

table.cmn-table thead th {
    padding: 0 15px 10px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    line-height: 1.75;
}

table.cmn-table thead tr th:first-child {
    padding-left: 0;
}

table.cmn-table thead tr th:last-child {
    padding-right: 0;
    text-align: center;
    border-right: 0;
}

table.cmn-table tbody td {
    padding: 18px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    line-height: 1.45;
    vertical-align: middle;
}

table.cmn-table tbody td:first-child {
    padding-left: 0;
}

table.cmn-table tbody td:last-child {
    padding-right: 0;
    border-right: 0;
}

table.cmn-table tbody tr:last-child td {
    border-bottom: 0;
}

table.cmn-table tbody td .serive-date {
    display: block;
    font-size: 8px;
    font-weight: 700;
    color: #686E73;
    line-height: 1;
}

.table-link {
    font-size: 12px;
    line-height: 1.75;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.table-link:hover {
    color: #FFB60E;
}

table.cmn-table tbody td .service-charge {
    color: #FFB60E;
}

table.cmn-table tbody td[data-heading="Status"] {
    text-align: center;
}

.status-tag {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    border: 2px solid;
    border-radius: 25px;
    font-weight: 700;
    white-space: nowrap;
}

.status-tag.red {
    color: #FF3D00;
    border-color: #FF3D00;
}

.status-tag.ylw {
    color: #FFCC16;
    border-color: #FFCC16;
}

.status-tag.neonGrn {
    color: #C2EB1D;
    border-color: #C2EB1D;
}

.status-tag.grn {
    color: #02D696;
    border-color: #02D696;
}

.status-tag.blue {
    color: #0899EB;
    border-color: #0899EB;
}

.status-tag.pink {
    color: #EE03AC;
    border-color: #EE03AC;
}

.info-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-btn .info-btn-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #252627;
    padding: 8px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

body.dashboard ::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    cursor: pointer;
    background-clip: padding-box;
}

body.dashboard ::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
}


body.dashboard :-webkit-scrollbar-thumb {
    width: 6px;
    height: 4px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

body.dashboard ::-webkit-scrollbar-thumb {
    width: 6px;
    height: 4px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

.info-btn .info-btn-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.info-btn .refill-btn {
    display: inline-block;
    background-color: #FFB60E;
    color: #000;
    border: 1px solid #FFB60E;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 30px;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 17px rgb(255 182 14 / 25%);
    box-shadow: 0 6px 17px rgb(255 182 14 / 25%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1;
}

.refill-btn:hover {
    color: #fff;
    background-color: transparent;
}

.info-btn .status {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 23px;
    position: relative;
    line-height: 1;
}

.info-btn .status .info-txt-wpr {
    position: absolute;
    top: 100%;
    right: 50%;
    /* background-image: url(https://storage.perfectcdn.com/idhwx8/18l5opbm6jcargog.png); */
    background-size: 100% 100%;
    max-width: inherit;
    width: 400px;
    z-index: 1;
    padding-top: 21px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: none;
}

.info-btn .status .info-txt-wpr::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(https://storage.perfectcdn.com/idhwx8/wdts8323teayjz57.png);
    background-size: 100%;
    background-position: top right;
    width: 52px;
    height: 22px;
    z-index: 1;
}

.info-btn .status .info-txt-wpr-in {
    background-color: #2b3337;
    padding: 15px 30px;
    min-height: 80px;
    border: 1px solid rgb(197 235 255 / 15%);
    width: 100%;
    border-radius: 10px 0 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-btn .status:hover .info-txt-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info-btn .status .info-txt-wpr p {
    max-height: 120px;
    height: 100%;
    overflow: auto;
    margin: 0;
    padding-right: 10px;
    line-height: 1.43;
}

.reordr-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #252627;
    padding: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.reordr-btn:hover {
    background-color: #000;
}

.cmn-table td .reordr-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.reordr-btn img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/* SD 03.08.23 start */

.update_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 -10px 0;
}

.update_lists li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 10px 0;
    list-style: none;
}

.update_lists li:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.update_lists li a {
    min-width: 140px;
    border-radius: 20px;
    background: #252627;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    line-height: 1.25;
    display: block;
}

.update_lists li a::before {
    position: absolute;
    content: "";
    background: -o-linear-gradient(top, rgba(0, 90, 226, 0.2) 0%, rgba(58, 67, 81, 0.00) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 90, 226, 0.2)), to(rgba(58, 67, 81, 0.00)));
    background: linear-gradient(to bottom, rgba(0, 90, 226, 0.2) 0%, rgba(58, 67, 81, 0.00) 100%);
    width: 100%;
    height: 100%;
    top: -100%;
    left: -100%;
    z-index: -1;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.update_lists li a:hover::before {
    top: 0;
    left: 0;
}

.update_lists li.active a {
    font-weight: 700;
}

.update_lists li.active a::before {
    top: 0;
    left: 0;
}

.update_lists_wrappr {
    margin-bottom: 35px;
}

.update_col .update_card_innr {
    height: 100%;
}

.update_card_wrppr {
    border-radius: 10px;
    background: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    padding: 20px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.update_card_row_outter {
    position: relative;
    margin-bottom: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.update_card_row_outter::before {
    position: absolute;
    content: "";
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.10)));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
    width: 2px;
    height: 100%;
    top: 0;
    left: 32%;
}

.update_card_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px 15px;
}

.update_card_row>* {
    padding: 0 10px;
}

.update_card_title_col {
    width: 34%;
}

.update_card_title_col p {
    font-size: 12px;
    font-weight: 700;
    opacity: 0.5;
}

.update_card_data {
    width: 66%;
}

.update_card_data p {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}

.update_card_data p.time_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    padding-right: 5px;
}

.update_card_data p .yellow_txt {
    color: #FFB60E;
}

.card_status_btn {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 17px;
    text-align: center;
    padding: 8px 8px;
    line-height: 1.25;
}

.card_status_btn.red {
    color: #F20000;
    border-color: rgba(242, 0, 0, 0.7);
}

.card_status_btn.yellow {
    color: #FFF500;
    border-color: rgba(255, 242, 0, 0.7);
}

.card_status_btn.green {
    color: #1DCF00;
    border-color: rgba(29, 207, 0, 0.7);
}

.card_status_btn.blue {
    color: #007AEB;
    border-color: rgba(0, 122, 235, 0.7);
}

.update_card_info {
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.updateCard_btn {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 140px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 15px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.updateCard_btn svg,
.updateCard_btn img {
    margin-right: 10px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.updateCard_btn:focus,
.updateCard_btn:hover {
    background-color: #fff;
    color: #000;
}

.updateCard_btn:hover svg,
.updateCard_btn:focus svg,
.updateCard_btn:hover img,
.updateCard_btn:focus img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.update_cardBtn_wppr {
    text-align: center;
}

.update_col {
    padding: 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.update_rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.modal-wpr {
    padding: 20px 20px 30px;
    border: 1px solid rgba(197, 235, 255, 0.15);
    border-radius: 10px;
}

.fancybox__content button.is-close-btn {
    display: none;
}

.modal-hdng {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    line-height: 1.25;
}

.fancybox-close-btn {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    width: 20px;
}

.modal-hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ordr_inform_popUp {
    min-width: 440px;
}

.custom-modal-wpr .modal-body {
    padding: 0;
}

.popup_order_rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.popup_order_col {
    width: 50%;
    padding: 15px 20px;
}

.popup_order_col:first-child {
    padding-left: 0;
}

.popUp_table_title {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    opacity: 0.5;
}

.popUp_table_head_col {
    padding-left: 0;
}

.popup_order_col p {
    margin-bottom: 0;
}

.popup_order_rw::before {
    position: absolute;
    content: "";
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(53.13%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

.popup_order_rw:last-child::before {
    display: none;
}

.popup_order_main {
    position: relative;
    margin-bottom: 30px;
}

.popup_order_main::before {
    position: absolute;
    content: "";
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.10)));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
}

.popup_order_rw:first-child .popup_order_col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.popup_order_col p {
    font-weight: 700;
}

.cmn_blue_btn {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    padding: 9px 20px;
    min-width: 185px;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1.25;
}

.cmn_blue_btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1251B0;
}

.btn_wppr {
    margin-bottom: 45px;
}

.btn_wppr .cmn_blue_btn {
    display: block;
}

.popUp_review_part {
    position: relative;
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -5px;
}

.popUp_review_part>* {
    padding: 0 5px;
}

.popUp_review_part::before {
    position: absolute;
    content: "";
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(53.13%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    height: 1px;
    top: 0;
    left: -20px;
    right: -20px;
}

.popUp_review_part p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1;
}

.popUp_review_part p strong {
    font-weight: 700;
}

.list_rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
}

.list_rating li {
    list-style: none;
    margin-right: 2px;
    width: 16px;
    line-height: 1;
}

.trustpilot_star {
    display: inline-block;
    line-height: 1;
    margin-right: 5px;
}

.fancybox__backdrop {
    background-color: rgba(0, 0, 0, .35);
}

.ordr_details_popUp {
    min-width: 705px;
}

.ordr_details_popUp .popup_order_col:first-child {
    width: 18%;
}

.ordr_details_popUp .popup_order_col:last-child {
    width: 82%;
}

.ordr_details_popUp .popup_order_col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ordr_details_popUp .popup_order_col p a {
    font-weight: 400;
    color: #1C76FF;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ordr_details_popUp .popup_order_main::before {
    left: 18%;
}

.ordr_details_popUp .popup_order_main::before {
    background: -o-linear-gradient(179deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.00) 100%);
    background: linear-gradient(271deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.00) 100%);
}

.ordr_details_popUp .popup_order_main::after {
    position: absolute;
    content: "";
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(53.13%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
}

.popup_order_col p span.green_txt {
    color: #1DCF00;
}

.ordr_details_popUp .btn_wppr {
    margin-bottom: 0;
}

.fancybox__slide {
    padding-left: 15px;
    padding-right: 15px;
}

.fttr_menu_wppr {
    background-color: rgba(31, 35, 41, 0.5);
    color: #686E73;
    border-radius: 20px;
    padding: 20px 30px;
    height: 100%;
}

.fttr_head p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    color: #fff;
}

.fttr_head {
    margin-bottom: 10px;
}

.fttr_menu_wppr ul {
    padding: 0;
    margin: 0;
}

.fttr_menu_wppr li {
    list-style: none;
    margin-bottom: 3px;
}

.fttr_menu_wppr li:last-child {
    margin-bottom: 0;
}

.fttr_menu_wppr li a {
    color: #686E73;
    font-size: 18px;
    line-height: 1.6;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.fttr_menu_wppr li a svg,
.fttr_menu_wppr li a img {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.fttr_menu_wppr li a:hover {
    color: #005AE2;
}

.fttr_menu_wppr li a:hover svg,
.fttr_menu_wppr li a:hover img {
    -webkit-filter: invert(98%) sepia(3%) saturate(0%) hue-rotate(154deg) brightness(115%) contrast(100%);
    filter: invert(98%) sepia(3%) saturate(0%) hue-rotate(154deg) brightness(115%) contrast(100%);
    margin-left: 5px;
}

.fttr_follow_wppr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fttr_follow_wppr li:not(:last-child) {
    margin-right: 8px;
}

.fttr_follow_wppr li a {
    line-height: 1;
}

.fttr_follow_wppr li a:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.fttr_follow_wppr li a:hover svg,
.fttr_follow_wppr li a:hover img {
    margin: 0;
}

.fttr_card_link_wppr {
    text-align: right;
}

.fttr_card_link_wppr>*:not(:last-child) {
    margin-bottom: 10px;
}

.fttr_card_link_wppr img {
    max-height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
}

.fttr_card_link_wppr img.tech-img {
    max-height: 50px;
}

footer.footer {
    display: block;
    padding: 0;
    /* position: relative;
    z-index: 10; */
}

footer.footer .footer-in {
    display: block;
    width: 100%;
    position: relative;
    background-color: #000000 !important;
}

.fttr_main {
    padding: 37px 0 33px;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
}

.fttr_rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.fttr_right_col {
    width: 35%;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.fttr_logo_col {
    padding: 0 15px;
    width: 14%;
}

.fttr_logo_col a {
    width: 127px;
}

.fttr_link_col {
    padding: 0 15px;
    width: 51%;
}

.fttr_link_innr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.fttr_menu_wppr_outter {
    width: 33.33%;
    padding: 0 10px;
}

.copy_right {
    padding: 15px 0 20px;
}

.copy_right p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.copy_right p a {
    color: #fff;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.copy_right p a:hover {
    color: #FFB60E;
}

/* SD 03.08.23 end  */


.header_prof.mobile,
.header_balance.mobile,
.header_rgt.mobile,
.progress-section.mobile {
    display: none;
}

.page-sub-hdng-txt {
    max-width: 840px;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 50px;
}

.page-sub-hdng-txt p:last-child {
    margin-bottom: 0;
}

.program-card-row.row {
    --row-gutter-x: 20px;
    --row-gutter-y: 20px;
}

.program-card {
    border-radius: 20px;
    padding: 25px 30px 25px 25px;
    min-height: 230px;
    background-color: rgba(30, 33, 36, 0.75);
    position: relative;
    height: 100%;
}

.program-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: -o-radial-gradient(100.00% 100.00%, 279.51% 111.85%, rgba(255, 0, 0, 0.30) 0%, rgba(255, 0, 0, 0.00) 100%);
    background: radial-gradient(279.51% 111.85% at 100.00% 100.00%, rgba(255, 0, 0, 0.30) 0%, rgba(255, 0, 0, 0.00) 100%);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    opacity: 0.3;
}

.program-card.blue::before {
    background: -o-radial-gradient(100.00% 100.00%, 279.51% 111.85%, rgba(0, 240, 255, 0.30) 0%, rgba(0, 255, 240, 0.00) 100%);
    background: radial-gradient(279.51% 111.85% at 100.00% 100.00%, rgba(0, 240, 255, 0.30) 0%, rgba(0, 255, 240, 0.00) 100%);
}

.program-card.grn::before {
    background: -o-radial-gradient(100.00% 100.00%, 279.51% 111.85%, rgba(0, 255, 71, 0.30) 0%, rgba(0, 255, 10, 0.00) 100%), rgba(30, 33, 36, 0.75);
    background: radial-gradient(279.51% 111.85% at 100.00% 100.00%, rgba(0, 255, 71, 0.30) 0%, rgba(0, 255, 10, 0.00) 100%), rgba(30, 33, 36, 0.75);
}

.program-card.ylw::before {
    background: -o-radial-gradient(100.00% 100.00%, 279.51% 111.85%, rgba(250, 255, 0, 0.30) 0%, rgba(255, 214, 0, 0.00) 100%), rgba(30, 33, 36, 0.75);
    background: radial-gradient(279.51% 111.85% at 100.00% 100.00%, rgba(250, 255, 0, 0.30) 0%, rgba(255, 214, 0, 0.00) 100%), rgba(30, 33, 36, 0.75);
}

.program-card .program-card-hdng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 19px;
    position: relative;
    z-index: 1;
}

.program-card .program-card-hdng .prgm-icon-wpr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

.program-card .program-card-hdng .prgm-icon-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.program-card .program-card-hdng h2 {
    font-size: 20px;
    font-weight: 700;
    color: #FFB60E;
    line-height: 1.5;
    margin: 0;
}

.program-card .prgm-card-txt {
    position: relative;
    z-index: 1;
    line-height: 1.43;
}

.program-card .prgm-card-txt p:last-child {
    margin-bottom: 0;
}

.program-btm-sec {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
}

.program-btm-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 1;
}

.program-btm-row.row {
    --row-gutter-x: 20px;
    --row-gutter-y: 20px;
}

.program-btm-card {
    padding: 25px 30px 30px 25px;
    height: 100%;
    border-radius: 20px;
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    color: #fff;
}

.program-btm-card .program-btm-hdng {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.5;
}

.program-btm-card .program-btm-txt {
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.program-btm-card .program-btm-txt:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.program-btm-card .program-btm-txt::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 1;
}

.program-btm-card .program-btm-txt:last-child:before {
    display: none;
}

.program-btm-card .program-btm-txt :last-child {
    margin-bottom: 0;
}

.program-btm-card .program-btm-txt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.program-btm-card .program-btm-txt ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    line-height: 1.43;
}

.program-btm-card .program-btm-txt ul li:last-child {
    margin-bottom: 0;
}

.program-btm-card .program-btm-txt ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
}

.cmn-hdng {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 30px;
    line-height: 1.25;
}

.cmn-hdng.center {
    text-align: center;
}

.cmn-hdng span {
    color: #FFB60E;
}

.share-referral-hdng a {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.share-referral-hdng a:hover {
    color: #005AE2;
}

.shr-rfl-btm {
    margin-top: 75px;
    padding: 25px 30px;
    border-radius: 20px;
    background: -o-linear-gradient(left, rgb(255 182 14 / 50%) 0%, rgb(255 182 14 / 5%) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgb(255 182 14 / 50%)), to(rgb(255 182 14 / 5%)));
    background: linear-gradient(to right, rgb(255 182 14 / 50%) 0%, rgb(255 182 14 / 5%) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.shr-rfl-btm .shr-rfl-btm-lft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.shr-rfl-btm .shr-rfl-btm-rht {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.rfl-icon-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -15px;
    padding-right: 40px;
}

.rfl-icon-list ul li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.rfl-icon-list ul li:last-child {
    margin-right: 0;
}

.rfl-icon-list ul li .rfl-icon-wpr {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.rfl-icon-list ul li .rfl-icon-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.rfl-icon-list ul li .rfl-icon-wpr:hover img {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.rfl-img-wpr {
    max-width: 227px;
    margin-top: -65px;
}

.rfl-btm-hdng {
    padding-left: 10px;
    text-transform: uppercase;
    line-height: 1.25;
    margin: 5px 0 0;
}

.rfl-btm-hdng span {
    display: block;
}

.reward-snt-wpr {
    margin-bottom: 100px;
    padding: 30px 30px 50px;
    background: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 20px;
}

.reward-snt-row .reward-snt-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.reward-snt-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.reward-snt-card .reward-snt-icon-wpr {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--gradients-yellow, radial-gradient(221.67% 295.56% at 50.00% -178.89%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%));
    margin-right: 30px;
}

.reward-snt-card .reward-snt-icon-wpr img,
.reward-snt-card .reward-snt-icon-wpr svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.reward-snt-card .reward-snt-txt h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.67;
    margin: 0 0 13px;
    color: rgba(154, 166, 183, 0.75);
}

.reward-snt-card .reward-snt-txt span.cmn-hdng {
    color: #FFB60E;
    margin: 0;
    display: block;
    line-height: 1.25;
}

/* SD 04.08.23 start */

.affiliate_count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
    position: relative;
}

.affiliate_count>span {
    background: -o-radial-gradient(-36.22% 213.33%, 821.99% 271.24%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    font-weight: 400;
    line-height: 0.8;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.affiliate_txt {
    padding-left: 10px;
}

.affiliate_txt h2 {
    margin: 0 0 10px;
    font-size: 24px;
    color: #FFB60E;
    font-weight: 700;
    line-height: 1.25;
}

.affiliate_txt p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
}

.affi_product_one {
    position: absolute;
    top: 0;
    right: 25px;
    width: 25px;
}

.affi_product_two {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 18px;
}

.affi_product_three {
    position: absolute;
    top: 0px;
    left: 65%;
    width: 35px;
}

.affi_product_four {
    position: absolute;
    width: 12px;
    top: 0px;
    left: 25%;
    line-height: 0;
}

.affi_product_five {
    position: absolute;
    top: 0;
    right: 30px;
    width: 25px;
}

.affi_product_six {
    position: absolute;
    width: 12px;
    top: 7px;
    left: 50%;
    line-height: 0;
}

.affiliate_info_wrap {
    position: relative;
}

.affiliate_info_wrap p {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
}

.affiliate_info_wrap p>span,
.affiliate_info_wrap p>a {
    color: #FFB60E;
    font-weight: 700;
}

.affi_product_seven {
    position: absolute;
    top: -65px;
    width: 39px;
    right: 17%;
}

.affi_product_nine {
    position: absolute;
    width: 55px;
    bottom: -100px;
    right: 0;
}

.affi_product_eight {
    position: absolute;
    width: 18px;
    bottom: -45px;
    right: 35%;
    line-height: 0;
}

.affiliate_field_grp {
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 20px;
    padding: 30px 25px;
}

.affiliate_field_grp label {
    font-size: 18px;
    color: #fff;
    opacity: 0.75;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1.67;
}

.affiliate_field_grp input[type="text"],
.affiliate_field_grp input[type="email"],
.affiliate_field_grp input[type="tel"],
.affiliate_field_grp input[type="password"],
.affiliate_field_grp select {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: transparent;
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 0 20px;
}

.frm_two_field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.frm_two_field input[type=text] {
    width: 68%;
}

.copyBtn_wrap {
    width: 32%;
    padding-left: 20px;
}

.copyBtn_wrap a {
    width: 100%;
}

.affiliate_field_innr {
    position: relative;
}

.affiliate_field_innr>span {
    position: absolute;
    color: rgba(255, 255, 255, 0.50);
    font-size: 14px;
    font-weight: 700;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.affiliate_field_innr input[type="text"],
.affiliate_field_innr input[type="email"],
.affiliate_field_innr input[type="tel"] {
    padding-right: 65px;
}

.affiliate_field_innr.yellow_txt input[type="text"],
.affiliate_field_innr.yellow_txt input[type="email"],
.affiliate_field_innr.yellow_txt input[type="tel"] {
    color: #FFB60E;
}

.affiliate_field_grp.offr_col .offr_wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 10px;
    min-height: 60px;
    padding: 12px 20px;
    /* width: 73%; */
    background: -o-radial-gradient(50.00% -178.89%, 221.67% 295.56%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%);
    background: radial-gradient(221.67% 295.56% at 50.00% -178.89%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%);
    line-height: 1.5;
}

.offr_col .copyBtn_wrap {
    width: 27%;
}

.offr_col .copyBtn_wrap input[type="submit"] {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    padding: 8px 20px;
    min-width: 1px;
    width: 100%;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.offr_col .copyBtn_wrap input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1251B0;
}

.offr_wrap p {
    margin-bottom: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.offr_wrap span {
    color: #FFB60E;
    font-size: 24px;
    font-weight: 700;
}

.row.affiliate_form_rw {
    --row-gutter-x: 20px;
    --row-gutter-y: 20px;
}

.affiliate_table_wrap {
    width: 100%;
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 20px;
    padding: 35px 25px 30px;
    margin-top: 20px;
}

.affiliate_table_wrap table {
    width: 100%;
    table-layout: fixed;
}

.affiliate_table_wrap table th {
    padding: 0 20px 11px;
    color: rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    line-height: 1.75;
    font-size: 12px;
    font-weight: 700;
}

.affiliate_table_wrap table th:last-child {
    border-right: none;
}

.affiliate_table_wrap table tr td {
    font-size: 16px;
    color: #fff;
    padding: 20px;
    font-weight: 700;
    line-height: 1.25;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.affiliate_table_wrap table td:last-child {
    border-right: none;
}

.affiliate_table_wrap table tbody tr:last-child td {
    border-bottom: none;
}

.affiliate_main {
    margin-bottom: 100px;
}

.demo_logo_wrpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px;
    padding: 0 50px 0 30px;
}

.demo_logo_wrpr>span {
    width: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 24px;
    display: inline-block;
}

.demo_logo_wrpr>span img {
    width: 100%;
}

.demo_logo_wrpr>p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: rgba(154, 166, 183, 0.75);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.7;
    max-width: 1085px;
}


.page-body input[type="text"],
.page-body input[type="email"],
.page-body input[type="tel"],
.page-body input[type="password"] {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.page-body input[type="text"]:focus,
.page-body input[type="email"]:focus,
.page-body input[type="tel"],
.page-body input[type="password"]:focus {
    outline: none;
    border-color: #005AE2;
}

.affiliate_field_innr input[type="text"]:focus,
.affiliate_field_innr input[type="email"]:focus,
.affiliate_field_innr input[type="tel"]:focus {
    border-color: rgba(255, 255, 255, 0.10);
}

.affiliate_field_grp .cmn_blue_btn {
    min-width: inherit;
    width: 100%;
}

.vip_prgrm_main {
    border-radius: 10px;
    background: -o-radial-gradient(107.20% -23.57%, 139.17% 128.90%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(217, 217, 217, 0.01);
    background: radial-gradient(139.17% 128.90% at 107.20% -23.57%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(217, 217, 217, 0.01);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 20px 50px 30px;
    margin-bottom: 30px;
}

.vip_prgrm_main h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: center;
    line-height: 1.25;
}

.vip_prgrm_innr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vip_img_wpr {
    width: 150px;
    height: 150px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 60px;
}

.vip_img_wpr .vip_img {
    background-color: #222222;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
}

.vip_img_wpr .vip_img a {
    display: inline-block;
    width: 100%;
}

.vip_img_wpr .vip_img img {
    width: 100%;
}

.vip_img_wpr>.upload_icon {
    width: 46px;
    height: 46px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.vip_img_wpr>.upload_icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.vipReward_btn_wpr {
    max-width: 200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 60px;
}

.vipReward_btn_wpr a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.vipReward_btn_wpr .cmn_blue_btn {
    min-width: inherit;
    width: 100%;
    margin-bottom: 20px;
}

.vip_reward_table_wpr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.vip_reward_table_wpr table thead tr th {
    padding: 10px 40px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.vip_reward_table_wpr table thead tr th:first-child {
    padding-left: 20px;
}

.vip_reward_table_wpr table thead tr th:last-child {
    border-right: none;
    padding-right: 20px;
}

.vip_reward_table_wpr table tbody tr td {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #FFB60E;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 40px;
    line-height: 1.7;
}

.vip_reward_table_wpr table tbody td span {
    color: #FFF;
    opacity: 0.5;
}

.vip_reward_table_wpr table tbody tr td:last-child {
    border-right: none;
}

.vip_reward_table_wpr table tbody tr td:first-child {
    padding-left: 20px;
}

.vip_reward_table_wpr table tbody tr td:last-child {
    padding-right: 20px;
}

.vip_reward_table_wpr table tbody tr:last-child td {
    border-bottom: none;
}

.vip_reward_table_wpr table {
    margin: 0 auto;
}

.vip_progress_wrppr {
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    padding: 25px 50px 40px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px;
}

.vip_progress_wrppr .updateCard_btn {
    width: 160px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.vip_progress_wrppr .task-progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.vip_progress_head_wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.vip_progress_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vip_progress_head i {
    width: 30px;
}

.vip_progress_head i img {
    width: 100%;
}

.vip_progress_head span {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 0 5px;
    margin-bottom: 0;
    line-height: 1.67;
}

.vip_progress_head_wpr .gray_txt {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    opacity: 0.5;
    margin-bottom: 0;
    line-height: 1.25;
}

.vip_progress_wrppr .task-progress {
    padding-right: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.vip_progress_wrppr .progress {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 10px;
    height: 10px;
    margin-bottom: 0;
    display: block;
}


.vip_progress_wrppr .progress {
    background-color: #252627;
}

.vip_progress_wrppr .progress::-webkit-progress-bar {
    background-color: #252627;
}

.vip_progress_wrppr .progress::-webkit-progress-bar,
.vip_progress_wrppr .progress::-webkit-progress-value {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #252627;
}

.vip_progress_wrppr .progress::-webkit-progress-value {
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #85F7E2), color-stop(120%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 120%);
}

.vip_progress_wrppr .progress::-moz-progress-bar {
    border-radius: 10px;
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 120%);
    background-color: #252627;
}

.vip_allTab_main {
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 20px;
}

.vip_allTab_content {
    padding: 30px 25px;
}

.vip_allTab_cmn {
    border-radius: 10px;
    background: -o-radial-gradient(107.20% -23.57%, 139.17% 128.90%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(217, 217, 217, 0.01);
    background: radial-gradient(139.17% 128.90% at 107.20% -23.57%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(217, 217, 217, 0.01);
    /* -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px); */
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    /* overflow: hidden; */
    /* z-index: 1; */
}

.vip_allTab_cmn.vip_allTab_top {
    z-index: 2;
}

.vip_allTab_item {
    padding: 34px 50px 34px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.vip_allTab_txt {
    max-width: 284px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vip_allTab_txt i {
    width: 70px;
    height: 70px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vip_allTab_txt i img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.vip_allTab_txt span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.67;
}

.unlockBtn_wrap {
    max-width: 170px;
    width: 100%;
    text-align: center;
}

.unlockBtn_wrap span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    opacity: 0.5;
    display: inline-block;
    padding-top: 10px;
}

.unlockBtn_wrap span.hide {
    display: none;
}

.unlock_btn {
    display: inline-block;
    font-size: 16px;
    color: #000 !important;
    background-color: #FFB60E;
    font-weight: 700;
    border-radius: 20px;
    padding: 9px 20px;
    line-height: 1.25;
    min-width: 170px;
    text-align: center;
    border: 1px solid #FFB60E;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(255, 182, 14, 0.25);
    box-shadow: 0 8px 25px rgb(255, 182, 14, 0.25);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.unlock_btn:hover {
    background: rgb(255, 182, 14, 0.6);
}

.unlockBtn_wrap .unlock_btn {
    min-width: inherit;
    width: 100%;
}

.unlockBtn_wrap .unlock_btn.locked {
    background-color: rgba(153, 153, 153, 1);
    border-color: rgba(153, 153, 153, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.row.vip_allTab_rw .vip_allTab_col .custom-tooltip-wpr {
    pointer-events: none;
}

.row.vip_allTab_rw .vip_allTab_col .custom-tooltip-wpr.active {
    pointer-events: all;
}

.custom-tooltip-wpr {
    position: absolute;
    top: 12px;
    right: 12px;
    padding-bottom: 12px;
}

.custom-tooltip-wpr .custom-tooltip-cntnt-wpr {
    padding-top: 22px;
    position: absolute;
    bottom: 0;
    right: 10px;
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    z-index: 1;
    display: none;
}

.custom-tooltip-wpr .custom-tooltip-cntnt-wpr::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 47px;
    height: 24px;
    background-image: url(https://storage.perfectcdn.com/idhwx8/wdts8323teayjz57.png);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 2;
}

.custom-tooltip-wpr .custom-tooltip-cntnt {
    width: 400px;
    padding: 30px;
    border-radius: 0 10px 10px 10px;
    background-color: #2b3337;
    min-height: 80px;
    border: 1px solid rgb(197 235 255 / 15%);
    min-height: 200px;
}

.custom-tooltip-wpr .custom-tooltip-cntnt p {
    font-size: 14px;
    line-height: 1.43;
    color: #fff;
    opacity: 1;
    font-weight: 400;
    text-align: left;
}

.custom-tooltip-wpr:hover .custom-tooltip-cntnt-wpr {
    display: block;
}

.custom-tooltip-wpr.left .custom-tooltip-cntnt-wpr::before {
    left: auto;
    right: 0px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    background-position: top right;
}

.custom-tooltip-wpr.left .custom-tooltip-cntnt-wpr {
    right: auto;
    left: 10px;
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
}

.custom-tooltip-wpr.left .custom-tooltip-cntnt {
    border-radius: 10px 0 10px 10px;
}

.row.vip_allTab_rw .vip_allTab_col:nth-child(4n-1) .custom-tooltip-wpr .custom-tooltip-cntnt-wpr::before,
.row.vip_allTab_rw .vip_allTab_col:nth-child(4n) .custom-tooltip-wpr .custom-tooltip-cntnt-wpr::before {
    left: auto;
    right: 0px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    background-position: top right;
}

.row.vip_allTab_rw .vip_allTab_col:nth-child(4n-1) .custom-tooltip-wpr .custom-tooltip-cntnt-wpr,
.row.vip_allTab_rw .vip_allTab_col:nth-child(4n) .custom-tooltip-wpr .custom-tooltip-cntnt-wpr {
    right: auto;
    left: 10px;
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
}

.row.vip_allTab_rw .vip_allTab_col:nth-child(4n-1) .custom-tooltip-wpr .custom-tooltip-cntnt,
.row.vip_allTab_rw .vip_allTab_col:nth-child(4n) .custom-tooltip-wpr .custom-tooltip-cntnt {
    border-radius: 10px 0 10px 10px;
}

.query_icon {
    width: 15px;
    height: 15px;
    opacity: 0.5;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}

.query_icon.active {
    pointer-events: all;
}

.query_icon svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.vip_allTab_item .query_icon {
    opacity: 1;
    pointer-events: all;
}

.vip_allTabInnr_itm {
    padding: 40px 28px;
    text-align: center;
    height: 100%;
}

.vip_allTabInnr_itm p {
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
    font-weight: 700;
    line-height: 1.67;
}

.vip_allTabInnr_itm p:last-child {
    margin-bottom: 0;
}

.row.vip_allTab_rw {
    --row-gutter-x: 20px;
    --row-gutter-y: 20px;
}

.popOver {
    background: rgba(217, 217, 217, 0.01);
}

.popOver::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: -o-radial-gradient(100.00% -22.86%, 148.85% 137.19%, #286B7F -60%, rgba(0, 0, 0, 0.00) 100%);
    background: radial-gradient(148.85% 137.19% at 100.00% -22.86%, #286B7F -60%, rgba(0, 0, 0, 0.00) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 10px;
}

.popOver::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    background: -o-linear-gradient(bottom, #03D1A0 -70%, rgb(121, 57, 216, 0.25) 70%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-70%, #03D1A0), color-stop(70%, rgb(121, 57, 216, 0.25)));
    background: linear-gradient(to top, #03D1A0 -70%, rgb(121, 57, 216, 0.25) 70%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    opacity: 0.7;
    border-radius: 10px;
}

.popOver p {
    opacity: 1;
}

/* SD 04.08.23 end */


.logout-btn-wpr.mobile {
    display: none;
}

.vip_allTab_main {
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 20px;
}

.vip_allTab_list {
    overflow: auto;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    padding: 20px 0 0;
}

.vip_allTab_list ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.vip_allTab_list ul li {
    margin-right: 55px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.vip_allTab_list ul li:first-child {
    padding-left: 20px;
}

.vip_allTab_list ul li:last-child {
    margin-right: 0;
    padding-right: 20px;
}

.vip_allTab_list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    color: #9AA6B7;
}

.vip_allTab_list ul li a::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #fff;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.vip_allTab_list ul li a.active::before,
.vip_allTab_list ul li a:hover::before {
    width: 100%;
}

.vip_allTab_list ul li a .icon-wpr {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 5px;
    padding: 3px;
}

.vip_allTab_list ul li a .icon-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rank_modal .popup_order_main {
    margin-bottom: 0;
}

a.unlock_btn.unlocked {
    border: 0;
    background-color: transparent;
    color: #FFB60E !important;
    padding-left: 25px;
    background-image: url(https://storage.perfectcdn.com/idhwx8/4g804378e3xy8hki.png);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    min-width: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    cursor: none;
    pointer-events: none;
}

.mob-sidebar-overlay {
    display: none;
}

.order-srch-form-wpr.order-page .order-srch-row input[type="text"],
.order-srch-form-wpr.order-page .order-srch-row input[type="search"] {
    margin-right: 10px;
}

.order-srch-form-wpr.order-page {
    margin-bottom: 15px;
}

.page-hdng.order-page {
    margin-bottom: 35px;
}

.ordr_details_popUp .popUp_table_title {
    font-size: 14px;
}

.update_lists_wrappr.update-page {
    margin-bottom: 30px;
}

/* / SD 07.08.23 start / */
.popover {
    background-color: #434E55 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    min-width: 400px;
    margin-top: 0 !important;
}

.popover-content {
    background-color: transparent !important;
    padding: 30px !important;
}

.custm_popover {
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.custm_popover p:last-child {
    margin-bottom: 0;
}

.popover .arrow {
    display: none !important;
}

.rank_modal {
    min-width: 400px;
}

.rank_modal .modal-wpr {
    padding: 0;
}

.rank_modal .modal-hdr {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    margin-bottom: 0;
}

.rank_modal .modal-body {
    padding: 20px 20px 0;
}

.vipresward_subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    line-height: 1.25;
}

.vipresward_subtitle span {
    opacity: 0.5;
    display: inline-block;
    margin-right: 5px;
}

.vipresward_subtitle p {
    margin-bottom: 0;
}

.redeem_history_table_wpr table td .time_info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0;
}

.redeem_history_table_wpr table td .time_info span {
    margin-left: 20px;
}

.support_main_wpr h2 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 25px;
    line-height: 1.67;
}

.support_main_wpr {
    padding: 25px 25px 20px;
    border-radius: 20px;
    background: rgba(31, 35, 41, 0.75);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin-bottom: 30px;
}

.support_frm_grp {
    padding: 0;
    background-color: transparent;
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit;
    border-radius: 0;
}

.support_frm_grp .service-drop-menu>.srvc-hdng {
    padding-top: 21px;
    padding-bottom: 21px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #1D2124;
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
}

.support_frm_grp .service-drop-menu>.srvc-hdng.active {
    z-index: 5;
}

.support_frm_grp .drop-menu-wpr-in {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-top: none;
}

.support_frm_grp .drop-menu-wpr-in .srvc-hdng>span {
    line-height: 1;
    display: inline-block;
    margin-right: 8px;
    width: 21px;
}

.support_frm_grp .drop-menu-wpr-in .srvc-hdng>span svg,
.support_frm_grp .drop-menu-wpr-in .srvc-hdng>span img {
    width: 100%;
}

.support_frm_grp .drop-menu-wpr-in .srvc-hdng {
    background-color: transparent;
}

.support_frm_grp .drop-menu-wpr-in .srvc-hdng h3 {
    font-weight: 400;
    margin-right: 0;
    max-width: inherit;
}

.support_frm_grp .service-drop-menu .drop-menu-wpr-in {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 1);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    padding-top: 15px;
    max-height: 265px;
}

.support_frm_grp .drop-menu-wpr {
    bottom: 14px;
}

.support_frm_grp {
    margin-bottom: 20px;
}

.support_frm_grp .accrd-btn {
    overflow: hidden;
}

.support_frm_grp .accrd-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -o-linear-gradient(bottom, rgba(0, 90, 226, 0.15) 0%, rgba(58, 67, 81, 0.00) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 90, 226, 0.15)), to(rgba(58, 67, 81, 0.00)));
    background: linear-gradient(to top, rgba(0, 90, 226, 0.15) 0%, rgba(58, 67, 81, 0.00) 100%);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.support_frm_grp .accrd-btn.rotate::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.support_frm_grp label {
    margin-bottom: 10px;
}

.support_frm_grp label>span {
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    font-weight: 400;
    display: inline-block;
    padding-left: 7px;
}

.support_sub {
    display: block;
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    font-weight: 400;
    padding-left: 13px;
    margin-top: -10px;
    margin-bottom: 5px;
    max-width: 470px;
    font-family: Space Grotesk!important;
    line-height: 20px;
}

.support_frm_grp .affiliate_field_innr textarea {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.25);
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    height: 250px !important;
    resize: none;
    width: 100%;
    padding: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
    display: block;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.support_frm_grp .affiliate_field_innr textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.5;
}

.support_frm_grp .affiliate_field_innr textarea::-moz-placeholder {
    color: #fff;
    opacity: 0.5;
}

.support_frm_grp .affiliate_field_innr textarea:-ms-input-placeholder {
    color: #fff;
    opacity: 0.5;
}

.support_frm_grp .affiliate_field_innr textarea::-ms-input-placeholder {
    color: #fff;
    opacity: 0.5;
}

.support_frm_grp .affiliate_field_innr textarea::placeholder {
    color: #fff;
    opacity: 0.5;
}

.support_frm_grp .affiliate_field_innr textarea:focus {
    border-color: #005AE2;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.support_frm_wpr form input[type="submit"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.support_frm_wpr form input[type="submit"]:hover {
    background-color: #1251B0;
}

.row.support_rw {
    --row-gutter-x: 20px;
}

.support_main_wpr .cmn-table .time_info {
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px;
    line-height: 1.75;
}

.support_main_wpr .cmn-table .time_info>span {
    margin-left: 30px;
}

.support_main_wpr table.cmn-table thead tr th:last-child {
    text-align: left;
}

.support_pagination {
    padding-top: 20px;
}

.support_pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px;
    padding: 0;
}

.support_pagination li {
    padding: 0 10px;
    list-style: none;
}

.support_pagination li a,
.support_pagination li span {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.support_pagination li a:hover,
.support_pagination li.active span {
    color: #FFB60E;
}

.support_pagination li a svg {
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.support_pagination li a:hover svg {
    -webkit-filter: inherit;
    filter: inherit;
}

.support_main_wpr table td>.updateCard_btn {
    min-width: 110px;
}

.support_main_wpr table td>.updateCard_btn:focus {
    background-color: transparent;
    color: #fff;
}

.success_popUp {
    min-width: inherit;
    max-width: 660px;
    width: 100%;
}

.success_popUp .modal-wpr {
    padding: 50px 70px;
    text-align: center;
}

.success_popUp .modal-wpr .fancybox-close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 10;
}

.success_popUp .modal-hdr {
    margin-bottom: 0;
}

.success_modal_wpr>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 30px;
}

.success_modal_wpr>span>img,
.success_modal_wpr>span>svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.success_modal_wpr h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 auto 40px;
    line-height: 1.17;
}

.success_modal_wpr p {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
}

.success_modal_wpr p a {
    color: #FFA216;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.success_modal_wpr p a:hover {
    color: #005AE2;
}

.cmn_gray_bg {
    background: -o-radial-gradient(-29.15% 121.93%, 172.90% 105.30%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), -o-radial-gradient(50.00% -42.55%, 151.92% 62.30%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), #161819;
    background: radial-gradient(172.90% 105.30% at -29.15% 121.93%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), radial-gradient(151.92% 62.30% at 50.00% -42.55%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), #161819;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    padding: 25px 20px 45px;
    border-radius: 10px;
}

.viewTicket_rw {
    --row-gutter-x: 20px;
}

.cmn_gray_bg h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 25px;
    line-height: 1.67;
}

.chat_fttr label {
    font-size: 18px;
    color: #fff;
    opacity: 0.75;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 11px;
    line-height: 1.67;
}

.chat_fttr textarea {
    background: rgba(30, 33, 36, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.10);
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    border-radius: 10px;
    width: 100%;
    height: 140px;
    resize: none;
    padding: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.chat_fttr ::-webkit-input-placeholder {
    color: #999;
}

.chat_fttr textarea::-moz-placeholder {
    color: #999;
}

.chat_fttr :-ms-input-placeholder {
    color: #999;
}

.chat_fttr ::-ms-input-placeholder {
    color: #999;
}

.chat_fttr ::-webkit-input-placeholder {
    color: #999;
}

.chat_fttr ::-moz-placeholder {
    color: #999;
}

.chat_fttr ::placeholder {
    color: #999;
}

.chat_fttr textarea:focus,
.chat_fttr textarea:focus-visible {
    border-color: #005AE2;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.chat_submitBtn_wrp {
    text-align: center;
}

.chat_submitBtn_wrp input[type="submit"],
.chat_submitBtn_wrp button[type="submit"] {
    margin: 0 auto;
}

.chat_fttr form .chat_submitBtn_wrp input[type="submit"],
.chat_fttr form .chat_submitBtn_wrp button[type="submit"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #000;
    background-color: #FFB60E;
    font-weight: 700;
    border-radius: 25px;
    height: 50px;
    padding: 0 20px;
    min-width: 160px;
    text-align: center;
    border: 1px solid #FFB60E;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgba(255, 182, 14, 0.25);
    box-shadow: 0 8px 25px rgba(255, 182, 14, 0.25);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.chat_fttr form .chat_submitBtn_wrp input[type="submit"]:hover,
.chat_fttr form .chat_submitBtn_wrp button[type="submit"]:hover {
    background-color: rgb(255, 182, 14, 0.6);
}

.chat_body {
    margin-bottom: 50px;
    max-height: 440px;
    overflow: auto;
}

.chat_body .chat_wpr_outtr {
    padding-bottom: 50px;
}

.chat_date {
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.25;
}

.chat_date p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
}

.chat_wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.chat_wpr:last-child {
    margin-bottom: 0;
}

.chatUser_logo {
    width: 44px;
    height: 44px;
    background: #222222;
    border-radius: 50%;
    padding: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 40px;
}

.chat_wpr .chat_field {
    width: 380px;
    background-color: #2b3337;
    position: relative;
    z-index: 1;
    padding: 25px 60px 30px 25px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border: 1px solid rgba(197, 235, 255, 0.15);
    font-weight: 700;
}

.chat_wpr .chat_field::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 38px;
    background: url(https://storage.perfectcdn.com/idhwx8/uxu4g6q411brxo6l.png) top center no-repeat;
    background-size: 100%;
    top: -1px;
    right: -22px;
}

.chat_wpr .chat_txt p {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

.chat_wpr .chat_txt p:last-child {
    margin-bottom: 0;
}

.chat_field .chat_time {
    position: absolute;
    bottom: 10px;
    right: 12px;
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    font-weight: 400;
    line-height: 1.43;
}

.chat_wpr.reply {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.chat_wpr.reply .chatUser_logo {
    margin-left: 0;
    margin-right: 40px;
    padding: 0;
}

.chat_wpr.reply .chat_field::after {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    right: 0;
    left: -22px;
}

.chat_wpr.reply .chat_field {
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
}

.cmn_gray_bg.support_chat_bx {
    padding: 25px 0 45px;
}

.support_chat_bx h2 {
    padding: 0 25px;
}

.support_chat_bx .chat_body,
.support_chat_bx .chat_fttr {
    padding: 0 20px;
}

.ticket_details_col {
    width: 39%;
}

.support_chat_col {
    width: 61%;
}

.ticket_details_wpr h2 {
    margin-bottom: 30px;
}

.ticket_details_wpr .popup_order_col p {
    font-size: 20px;
    line-height: 1.5;
}

.ticket_details_wpr .popup_order_rw::before {
    display: block;
}

.ticket_details_wpr .popup_order_main {
    margin-bottom: 0;
}

.support_chat_bx:not(:last-child) {
    margin-bottom: 30px;
}

.noChat_wpr {
    padding-top: 40px;
    padding-bottom: 5px;
    text-align: center;
}

.noChat_wpr .noChat_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 55%;
    margin: 0 auto 40px;
    width: 100%;
}

.noChat_wpr .noChat_icon img {
    width: 100%;
}

.noChat_wpr>p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
}

.ticket_details_wpr .popup_order_col .popUp_table_title {
    font-size: 14px;
    line-height: 1.43;
    display: block;
}

.popUp_review_part>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.trustpilot_star {
    margin-left: 5px;
}

.row.update_rw {
    --row-gutter-x: 10px;
    --row-gutter-y: 10px;
}

.update_card_wrppr:last-child {
    margin-bottom: 0;
}

/* / SD 07.08.23 end / */
.row.affiliate_rw {
    --row-gutter-x: 40px;
}

.affiliates-page.body-content-wpr::after {
    top: -440px;
}

.affiliate_field_grp.new-ticket {
    position: relative;
    z-index: 1;
}

.affiliate_field_grp.your-ticket {
    padding-bottom: 20px;
}

table.your-ticket-table.cmn-table thead th {
    padding: 0 20px 10px;
}

table.your-ticket-table.cmn-table tbody td {
    padding: 8px 20px 18px;
}

table.your-ticket-table.cmn-table tbody td[data-heading="Status"] {
    text-align: left;
}

table.your-ticket-table.cmn-table tbody td[data-heading="Request"] {
    font-size: 12px;
    line-height: 1.75;
}

/* custom-select2 */
.custom-select2 .select2-selection.select2-selection--single {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #252627;
    border-radius: 10px;
    padding: 0;
    position: relative;
    padding-right: 60px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
    white-space: normal;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    min-height: 60px;
}

.select-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
}

.select-box>span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.select-box>span>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.select-box>h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 20px 0 0;
    /* max-width: 180px; */
    line-height: 1.25;
}

.custom-select2 .select2-search.select2-search--dropdown {
    display: none;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 10;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 100;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown {
    /* max-height: 300px; */
    /* overflow: auto; */
    background-color: #252627;
    border: 0;
    -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 10px 10px;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above {
    -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 0 0;
}

.select2-container--default .select2-results>.select2-results__options {
    background-color: transparent;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search--dropdown {
    padding: 0;
    border: 0;
    position: relative;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search--dropdown::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search--dropdown::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
}

.select2-container.select2-container--default.select2-container--open .select2-search--dropdown .select2-search__field {
    border: 0;
    background-color: transparent;
    color: #fff;
    padding: 0 20px;
    height: 40px;
    outline: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
}

.select2-container--default ul.select2-results__options>li {
    background-color: transparent !important;
    position: relative;
    padding: 15px 10px;
    color: #fff;
    font-size: 16px;
    margin: 6px 0px 6px 6px;
}

.select2-container--default ul.select2-results__options>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}

.select2-container--default ul.select2-results__options>li>a .btn-group-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.select2-container--default ul.select2-results__options>li>a .btn-group-vertical img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: inherit;
    max-height: inherit;
}

.custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered>span .btn-group-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
}

.custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered>span .btn-group-vertical img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    margin: 0;
}

.custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered span.badge.badge-pill,
.select2-container--default ul.select2-results__options>li>a>span.badge.badge-pill {
    background-color: #fab60e;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #000;
}

.select2-container--default ul.select2-results__options>li:not(:last-child)::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(51.04%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 51.04%, rgba(255, 255, 255, 0.00) 100%);
}

.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2F2F2F;
    margin-left: 20px;
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url(https://storage.perfectcdn.com/0a268b/5znolnb1yb92rqs4.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow>* {
    display: none;
}
/* custom-select2 end */

.supprt_submitBtn_wpr>a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.supprt_submitBtn_wpr>a:hover {
    background-color: #1251B0;
}

.row.viewTicket_rw {
    --row-gutter-x: 20px;
    --row-gutter-y: 20px;
}

.cmn_gray_bg.ticket_details_wpr {
    padding: 25px 25px 40px;
}

.ticket_details_wpr .popup_order_rw .popup_order_col {
    padding-top: 12px;
    padding-bottom: 12px;
}

/* / SD 09.08.23 start / */

table.your-ticket-table tbody tr td:first-child {
    padding-left: 0;
}

table.your-ticket-table.cmn-table tbody tr td:last-child {
    padding-right: 0;
}

/* / SD 09.08.23 end / */
.dashboard .support.select-box,
.custom-select2.support-select .select-box {
    padding: 0;
}

.dashboard .support.select-box .btn-group-vertical.lrg-img {
    width: 30px;
    height: 20px;
    border-radius: 0;
    margin-right: 8px;
    padding: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard .support.select-box .btn-group-vertical.lrg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.body-content-wpr.service-page .main-content .content {
    padding: 0;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group {
    background-color: #252627;
    padding: 0 20px 0 30px;
    border-radius: 0 20px 20px 0;
    right: -1px;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 1px;
    height: 60%;
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span[data-filter-active-category] {
    color: #fff;
    opacity: 1;
    padding: 0 5px 0 3px;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span.caret {
    border: 0;
    background-image: url(https://storage.perfectcdn.com/idhwx8/ziqb94dti7htwqzf.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>ul.dropdown-menu {
    right: 0;
    left: auto;
    background-color: #252627;
    padding: 15px 5px;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>ul.dropdown-menu li {
    margin-bottom: 5px;
}

.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>ul.dropdown-menu li a:hover {
    background-color: transparent;
}

.body-content-wpr.service-page .main-content .content .collapse-table .table-container table thead tr th {
    white-space: nowrap;
}

.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Price"] {
    min-width: 140px;
}

.service-page.service-popup {
    z-index: 1000;
}

.service-page.service-popup-overlay {
    z-index: 999;
}

.service-page.service-popup .service-popup-content h2 {
    margin: 0;
    padding: 0px 0px 24px 0px;
}

.service-page.service-popup .service-popup-content .popup_order_main {
    padding: 0 20px 30px;
    max-height: calc(100% - 80px);
    overflow: auto;
    margin: 0;
}

.service-page.service-popup .service-popup-content .popup_order_main .popup_order_col p,
.service-page.service-popup .service-popup-content .popup_order_main .popup_order_col .popUp_table_title {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 700;
    color: #fff;
    opacity: 1;
}

.service-page.service-popup .service-popup-content .popup_order_main .popup_order_rw.hdng .popup_order_col p,
.service-page.service-popup .service-popup-content .popup_order_main .popup_order_rw.hdng .popup_order_col .popUp_table_title {
    font-size: 12px;
    opacity: 0.5;
}

.service-page.service-popup .service-popup-content .popup_order_main::before {
    left: 23%;
}

.service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:first-child {
    width: 23%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:last-child {
    width: 77%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.service-page.service-popup .service-popup-content .popup-txt {
    color: #999999;
}

.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon {
    overflow: hidden;
}

.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.order-form-wpr {
    padding: 20px 20px 50px;
    background: -o-radial-gradient(-29.15% 152.91%, 174.90% 117.69%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), -o-radial-gradient(50.00% -53.36%, 151.92% 78.13%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), #161819;
    background: radial-gradient(174.90% 117.69% at -29.15% 152.91%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), radial-gradient(151.92% 78.13% at 50.00% -53.36%, rgba(135, 144, 153, 0.20) 0%, rgba(135, 144, 153, 0.00) 100%), #161819;
    border-radius: 10px;
}

.order-form-wpr form .form-group label {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.67;
    margin-bottom: 15px;
    display: block;
    text-transform: none;
}

.order-form-wpr form .wtch-vdo-wpr {
    margin-bottom: 25px;
    padding-right: 20px;
}

.order-form-wpr form .form-group textarea {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(30, 33, 36, 0.25);
    resize: none;
    padding: 15px 20px;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.5;
}

.order-form-wpr form {
    margin-bottom: 0;
}

.order-form-wpr form .form-group {
    margin-bottom: 40px;
}

.order-form-wpr form .form-group textarea:focus {
    border-color: #005AE2;
}

.order-form-wpr form .sbmt-btn-wpr {
    text-align: center;
}

.order-form-wpr form .sbmt-btn-wpr button[type="submit"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    text-transform: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.order-form-wpr form .sbmt-btn-wpr button[type="submit"]:hover {
    background: #1251B0;
}

.custom-modal-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000;
    background-color: transparent;
    overflow: auto;
}

.custom-modal-outer .custom-modal-overlay {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.custom-modal-outer .custom-modal-in {
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 15px;
    position: relative;
    z-index: 2;
    margin: auto;
}

.custom-modal-outer .modal-cntnt-wpr {
    width: 100%;
    margin: 0 auto;
    background-color: #101314;
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.3);
    position: relative;
    z-index: 1;
}

.custom-modal-outer .modal-cntnt-wpr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(197, 235, 255, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.custom-modal-outer .modal-cntnt-wpr.refer-earn-cntnt {
    max-width: 515px;
}

.custom-modal-outer .custom-modal-hdr {
    position: relative;
    padding: 20px;
    padding-right: 50px;
}

.custom-modal-outer .custom-modal-hdr button.modal-close-btn {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    width: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.custom-modal-outer .custom-modal-hdr button.modal-close-btn:hover {
    opacity: 0.5;
}

.custom-modal-outer .custom-modal-hdr button.modal-close-btn img,
.custom-modal-outer .custom-modal-hdr button.modal-close-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.custom-modal-outer .modal-cntnt-body {
    padding: 0 20px 30px;
}

.refer-img-wpr {
    width: 100%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.refer-img-wpr img {
    width: 100%;
    max-width: 435px;
}

.refer-img-wpr img.mobile-img {
    display: none;
}

.refer-earn-modal-body .learn-more-link-wpr {
    text-align: center;
    margin-bottom: 30px;
}

.refer-earn-modal-body .learn-more-link-wpr a {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.43;
    text-decoration: none;
}

.refer-earn-modal-body .learn-more-link-wpr a:hover {
    color: #fff;
}

.rfer-link-wpr {
    color: #fff;
}

.rfer-link-wpr h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.67;
    margin: 0 0 5px;
}

.rfer-link-wpr .rfer-link-copy-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rfer-link-wpr .rfer-link-copy-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rfer-link-wpr .rfer-link-copy-wpr .rfer-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 19px 30px 19px 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.25);
}

.rfer-link-wpr .rfer-link-copy-wpr .copy-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px;
    background-color: #005AE2;
    border: 1px solid #005AE2;
    -webkit-box-shadow: 0 4px 16px 1px rgba(0, 90, 226, 0.6);
    box-shadow: 0 4px 16px 1px rgba(0, 90, 226, 0.6);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 11px 23px;
    border-radius: 25px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.rfer-link-wpr .rfer-link-copy-wpr .copy-btn:hover {
    background-color: #164d9f;
}

.custom-modal-outer .modal-cntnt-wpr.raffel-cntnt {
    max-width: 440px;
}

.raffel-modal .custom-modal-hdr {
    padding-bottom: 15px;
}

.custom-modal-outer .modal-cntnt-body.raffel-modal-body {
    padding: 0;
}

.raffel-modal .rffl-top-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 45px 0 20px;
    margin-bottom: 18px;
}

.raffel-modal .rffl-top-wpr .rffl-date-wpr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.raffel-modal .rffl-top-wpr .rffl-date-wpr .date-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px;
}

.raffel-modal .rffl-top-wpr .rffl-date-wpr .date-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.raffel-modal .rffl-top-wpr .prize-pool-wpr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
}

.raffel-modal .rffl-top-wpr .prize-pool-wpr p {
    margin-bottom: 0;
    font-weight: 700;
    text-align: right;
}

.raffel-modal .rffl-top-wpr .prize-pool-wpr p span {
    color: #FFB60E;
}

.rffl-countdn-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px 20px;
    position: relative;
}

.rffl-countdn-wpr::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(53.13%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
}

.rffl-countdn-wpr .rffl-countdn-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -o-linear-gradient(left, #85F7E2 40%, #FFB60E 120%);
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #85F7E2), color-stop(120%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 120%);
    background-clip: text;
    -webkit-background-clip: text;
    margin: 0 -8px;
}

.rffl-countdn-wpr .rffl-countdn-in .each-time-count {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rffl-countdn-wpr .rffl-countdn-in .each-time-count .time {
    font-size: 50px;
    font-weight: 700;
    -webkit-text-fill-color: transparent;
    line-height: 1.43;
}

.rffl-countdn-wpr .rffl-countdn-in .each-time-count span.dot {
    font-size: 50px;
    font-weight: 700;
    -webkit-text-fill-color: transparent;
    width: 100%;
    padding-left: 16px;
}

.rffl-countdn-wpr .rffl-countdn-in .each-time-count .time span {
    -webkit-text-fill-color: #fff;
    color: #fff;
    font-weight: 400;
    display: block;
    font-size: 14px;
    line-height: 1.43;
    margin-top: -10px;
}

.raffel-modal .rffl-btm-wpr {
    padding: 20px 20px 30px;
}

.raffl-info-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.raffl-info-txt .raffl-info-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.raffl-info-txt .raffl-info-icon img,
.raffl-info-txt .raffl-info-icon svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.raffl-info-txt p {
    margin-bottom: 0;
}

.raffl-entry {
    margin-bottom: 20px;
    text-align: center;
}

.raffl-entry p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

.raffl-btm-txt p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.5);
}

.raffl-btm-txt p span,
.raffl-btm-txt p a {
    font-weight: 700;
    color: #FFB60E;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.raffl-btm-txt p a:hover {
    color: #85F7E2;
    text-decoration: none;
}

.custom-modal-outer .custom-modal-in.login-cntnt {
    max-width: 860px;
    width: 100%;
}

.custom-modal-outer .custom-modal-in.login-cntnt .modal-cntnt-wpr {
    border: 0;
}

.custom-modal-outer .custom-modal-in.login-cntnt .modal-cntnt-wpr::before {
    display: none;
}

.cmn_login_innr .login-form-wpr {
    margin: 0 -20px;
    max-height: 620px;
    overflow: auto;
    padding: 0 20px 20px;
}

.cmn_login_innr .login-form-wpr::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    cursor: pointer;
    background-clip: padding-box;
}

.cmn_login_innr .login-form-wpr::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
}


.cmn_login_innr .login-form-wpr:-webkit-scrollbar-thumb {
    width: 6px;
    height: 4px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

.cmn_login_innr .login-form-wpr::-webkit-scrollbar-thumb {
    width: 6px;
    height: 4px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

/* / SD 17.08.23 start / */
.cmn_page_wrppr {
    position: relative;
}

.cmn_page_wrppr.auth_page {
    padding-top: 132px;
    padding-bottom: 155px;
    overflow: hidden;
    z-index: 1;
}

.cmn_page_wrppr.auth_page .cmn_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.cmn_page_wrppr.auth_page .cmn_bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.cmn_login_innr {
    max-width: 860px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.15);
    background: rgba(31, 35, 41, 0.75);
    overflow: hidden;
    position: relative;
}

.login_img_col {
    position: relative;
}

.overLay_login {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.overLay_login img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.login_img_wrp {
    padding-top: 85px;
    position: relative;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.login_img_wrp img {
    width: 100%;
}

.login_logo {
    position: absolute;
    z-index: 2;
    max-width: 127px;
    width: 100%;
    top: 0;
    left: 0;
}

.login_logo img {
    width: 100%;
}

.login_img_innr {
    height: 100%;
    padding: 40px;
    position: relative;
}

.row.new-row.auth_rw {
    --row-gutter-x: 20px;
}

.login_txt_wrp {
    padding: 30px 20px 30px 0;
}

.login_txt_wrp .cmn_login_heading {
    color: #FFF;
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 40px;
}

.login_frm_wrp {
    margin-bottom: 20px;
}

.login_frm_wrp label {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    opacity: 0.75;
    margin-bottom: 11px;
    display: block;
    line-height: 1.7;
}

.login_frm_wrp input[type="text"],
.login_frm_wrp input[type="email"],
.login_frm_wrp input[type="password"],
.login_frm_wrp select {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.25);
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    height: 60px;
    padding-left: 20px;
    padding-right: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.login_frm_wrp input[type="text"]::-webkit-input-placeholder,
.login_frm_wrp input[type="email"]::-webkit-input-placeholder,
.login_frm_wrp input[type="password"]::-webkit-input-placeholder {
    color: #D2DCE1;
}

.login_frm_wrp input[type="text"]::-moz-placeholder,
.login_frm_wrp input[type="email"]::-moz-placeholder,
.login_frm_wrp input[type="password"]::-moz-placeholder {
    color: #D2DCE1;
}

.login_frm_wrp input[type="text"]:-ms-input-placeholder,
.login_frm_wrp input[type="email"]:-ms-input-placeholder,
.login_frm_wrp input[type="password"]:-ms-input-placeholder {
    color: #D2DCE1;
}

.login_frm_wrp input[type="text"]::-ms-input-placeholder,
.login_frm_wrp input[type="email"]::-ms-input-placeholder,
.login_frm_wrp input[type="password"]::-ms-input-placeholder {
    color: #D2DCE1;
}

.login_frm_wrp input[type="text"]::placeholder,
.login_frm_wrp input[type="email"]::placeholder,
.login_frm_wrp input[type="password"]::placeholder {
    color: #D2DCE1;
}

.forgot_link {
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login_frmBtn_wrap input[type="submit"] {
    height: 50px;
    width: 100%;
    border-radius: 30px;
    background: -o-linear-gradient(left, #85F7E2 20%, #FFB60E 130%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 20%, #FFB60E 130%);
    font-size: 20px;
    font-weight: 700;
    color: #070B20;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    border: none;
    /* margin-bottom: 10px; */
}

.login_frmBtn_wrap input[type="submit"]:hover {
    background: -o-linear-gradient(right, #85F7E2 20%, #FFB60E 130%);
    background: -webkit-gradient(linear, right top, left top, color-stop(20%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to left, #85F7E2 20%, #FFB60E 130%);
    color: #000;
}

.othr_frmBtn_rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.othr_frmBtn_col {
    width: 50%;
    padding: 0 5px;
}

.othr_frmBtn_col a {
    width: 100%;
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    min-height: 50px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.othr_frmBtn_col a span {
    line-height: 1;
    width: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
}

.othr_frmBtn_col a span img {
    width: 100%;
}

.othr_frmBtn_col a.sign_google_btn {
    background: #FFF;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
}

.othr_frmBtn_col a.sign_fb_btn {
    color: #fff;
    background: -o-radial-gradient(50.43% -17.05%, 113.34% 127.34%, #1877F2 0%, #1167D7 100%);
    background: radial-gradient(113.34% 127.34% at 50.43% -17.05%, #1877F2 0%, #1167D7 100%);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
}

.othr_frmBtn_col a.sign_fb_btn img {
    width: 10px;
}

.loginClose_btn {
    position: absolute;
    width: 20px;
    top: 20px;
    right: 20px;
    z-index: 2;
    padding: 0;
    background: transparent;
    border: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.loginClose_btn:hover {
    opacity: 0.5;
}

.loginClose_btn svg {
    width: 100%;
}

.login_frm_wrp input[type="text"]:focus,
.login_frm_wrp input[type="email"]:focus,
.login_frm_wrp input[type="password"]:focus {
    border-color: #005AE2;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.forgot_link:hover {
    color: #FFB60E;
    text-decoration: none;
}

.othr_frmBtn_col a:hover {
    -webkit-box-shadow: 0px 3px 10px 3px rgb(255, 255, 255, 0.3);
    box-shadow: 0px 3px 10px 3px rgb(255, 255, 255, 0.3);
    text-decoration: none;
}

/* / after marge start / */
.frm_checkBx_wrp {
    padding-top: 10px;
    margin-bottom: 20px;
}

.frm_checkBx_wrp label {
    position: relative;
    display: block;
    width: 100%;

}

.frm_checkBx_wrp label input[type="checkbox"] {
    display: none;
}

.frm_checkBx_wrp label input[type="checkbox"]+span {
    display: inline-block;
    width: 100%;
    padding-left: 28px;
    color: #8E96AE;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

.frm_checkBx_wrp label input[type="checkbox"]+span::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid #FFF;
    left: 0;
    top: 1px;
}

.frm_checkBx_wrp label input[type="checkbox"]+span::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: -o-radial-gradient(-39.54% 170.83%, 241.59% 241.59%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
    background: radial-gradient(241.59% 241.59% at -39.54% 170.83%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
    left: 3px;
    top: 4px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.frm_checkBx_wrp label input[type="checkbox"]:checked+span::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.frm_checkBx_wrp label span>a {
    color: #fff;
    font-weight: 700;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.frm_checkBx_wrp label span>a:hover {
    color: #FFB60E;
    text-decoration: none;
}

.reset_pass_main .login_img_innr {
    padding-bottom: 75px;
}

.reset_pass_main .login_txt_wrp {
    height: 100%;
}

.reset_pass_main .login_txt_wrp form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.reset_pass_main .login_frmBtn_wrap {
    margin-top: auto;
}

.reset_pass_main .login_frmBtn_wrap input[type="submit"] {
    margin-bottom: 0;
}

/* / SD 17.08.23 end / */
/* / SD 18.08.23 start / */

.cming_soon_main {
    padding: 100px 0;
}

.coming_sn_head {
    margin-bottom: 60px;
    text-align: center;
}

.coming_sn_head h1 {
    margin: 0 0 30px;
    font-size: 130px;
    font-weight: 700;
    background: -o-linear-gradient(left, #85F7E2 40%, #FFB60E 120%);
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #85F7E2), color-stop(120%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 120%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coming_sn_head p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.cmingsn_countdn_outter {
    max-width: 830px;
    margin: 0 auto;
}

.cmingsn_countdn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -45px 60px;
}

.each_cmingsn_count_col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    padding: 0 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.each_cmingsn_count {
    padding-right: 70px;
    color: #FFF;
    font-size: 64px;
    font-weight: 300;
    line-height: 1.25;
}

.each_cmingsn_count span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.5;
}

.each_cmingsn_count_col .each_dot {
    color: #FFF;
    font-size: 64px;
    font-weight: 200;
    opacity: 0.5;
}

.cmingsn_countdn_wrap .each_cmingsn_count_col:last-child .each_cmingsn_count {
    padding-right: 0;
}

.cmingsn_notify_wrap {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.cmingsn_notify_wrap form {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
}

.cmingsn_notify_wrap form input[type="text"],
.cmingsn_notify_wrap form input[type="email"] {
    border-radius: 20px;
    background: -o-linear-gradient(bottom, rgba(121, 186, 255, 0.10) 0%, rgba(121, 186, 255, 0.00) 80%), #2D323E;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(121, 186, 255, 0.10)), color-stop(80%, rgba(121, 186, 255, 0.00))), #2D323E;
    background: linear-gradient(to top, rgba(121, 186, 255, 0.10) 0%, rgba(121, 186, 255, 0.00) 80%), #2D323E;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(29, 32, 39, 0.50) inset;
    box-shadow: 0px 3px 10px 0px rgba(29, 32, 39, 0.50) inset;
    /* / border: 1px solid transparent; / */
    border: none;
    height: 40px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 125px;
}

.cmingsn_notify_wrap form input[type="text"]::-webkit-input-placeholder,
.cmingsn_notify_wrap form input[type="email"]::-webkit-input-placeholder {
    opacity: 0.5;
}

.cmingsn_notify_wrap form input[type="text"]::-moz-placeholder,
.cmingsn_notify_wrap form input[type="email"]::-moz-placeholder {
    opacity: 0.5;
}

.cmingsn_notify_wrap form input[type="text"]:-ms-input-placeholder,
.cmingsn_notify_wrap form input[type="email"]:-ms-input-placeholder {
    opacity: 0.5;
}

.cmingsn_notify_wrap form input[type="text"]::-ms-input-placeholder,
.cmingsn_notify_wrap form input[type="email"]::-ms-input-placeholder {
    opacity: 0.5;
}

.cmingsn_notify_wrap form input[type="text"]::placeholder,
.cmingsn_notify_wrap form input[type="email"]::placeholder {
    opacity: 0.5;
}

.cmingsn_notify_wrap form input[type="text"]:focus,
.cmingsn_notify_wrap form input[type="email"]:focus {
    /* / border: 1px solid #005AE2; / */
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.notifyBtn_wrap {
    position: absolute;
    top: 3px;
    right: 3px;
    max-width: 117px;
}

.cmingsn_notify_wrap form input[type="submit"] {
    font-size: 16px;
    color: #fff;
    background: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 34px;
    padding: 0 20px;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    width: 100%;
    text-transform: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cmingsn_notify_wrap form input[type="submit"]:hover {
    background: #1251B0;
}

.cmingsn_notify_wrap a.backHome_btn {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline !important;
    opacity: 0.5;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.cmingsn_notify_wrap a.backHome_btn:hover {
    color: #005AE2;
    opacity: 1;
}

.error_sec {
    padding: 30px 0;
    text-align: center;
}

.error_sec>h1 {
    color: #FFB60E;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 5px;
}

.error_img_wrap {
    max-width: 518px;
    width: 100%;
    margin: 0 auto 33px;
}

.error_img_wrap img {
    width: 100%;
}

.error_sec>p {
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 50px;
}

.error_sec>.ylw-btn {
    min-width: 160px;
    -webkit-box-shadow: 0 6px 15px rgba(255, 182, 14, 0.2);
    box-shadow: 0 6px 15px rgba(255, 182, 14, 0.2);
}

.body-content-wpr.error_page .page-content-overlay::before {
    top: 0;
    left: -260px;
    background: url(https://storage.perfectcdn.com/idhwx8/43u68o9jhzda94fi.png) left 200px center no-repeat;
    background-size: cover;
    width: calc(100% + 260px);
}

.body-content-wpr.error_page .page-content-overlay::after {
    display: none;
}

.demoButton_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 270px;
}

.demoButton_wrap a {
    min-width: 150px;
    border-radius: 100px;
    padding: 14px 17px;
}

.demoButton_wrap a:not(:last-child) {
    margin-right: 20px;
}

.body-content-wpr.demo-login .page-content-overlay::before {
    top: 0;
    left: 0;
    background: url(https://storage.perfectcdn.com/idhwx8/385mk7tljn6sru3g.png) center no-repeat;
    background-size: cover;
    background-position: top -100px center;
}

.body-content-wpr.demo-login .page-content-overlay::after {
    display: none;
}

.cmn_login_innr .rgstr-form-wpr {
    margin: 0 -20px;
    max-height: 480px;
    overflow: auto;
    padding: 0 20px 10px;
}

.cmn_login_innr .rgstr-form-wpr::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    cursor: pointer;
    background-clip: padding-box;
}

.cmn_login_innr .rgstr-form-wpr::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
}


.cmn_login_innr .rgstr-form-wpr:-webkit-scrollbar-thumb {
    width: 6px;
    height: 4px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

.cmn_login_innr .rgstr-form-wpr::-webkit-scrollbar-thumb {
    width: 6px;
    height: 4px;
    background: #586474;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-clip: padding-box;
}

/* / SD 18.08.23 end / */

.body-content-wpr.api-page .main-content>.content {
    padding: 0;
}

.body-content-wpr.api-page .main-content>.content a.get-started-bt {
    color: #0f0e19;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.user-account-wpr {
    text-align: center;
}

.user-account-wpr .user-account-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.user-account-wpr .user-account-in .user-img-update-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 20px;
}

.user-img-update-form label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #222222;
    position: relative;
    overflow: hidden;
}

.user-img-update-form label input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}

.user-img-update-form label input[type="file"]+span.edit_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.user-img-update-form label input[type="file"]:hover+span.edit_img {
    opacity: 1;
}

.user-img-update-form label img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.user-img-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(34, 34, 34, 0.40);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 12px;
}

.user-img-progress span {
    display: block;
    text-align: center;
    margin-bottom: 2px;
}

.user-img-progress progress {
    width: 100%;
    margin: 0;
    height: 5px;
    border-radius: 5px;
    border: 1px solid #080707;
    background-color: #080707;
}

.user-img-progress progress::-webkit-progress-bar,
.user-img-progress progress::-webkit-progress-value {
    border-radius: 10px;
    background-color: #080707;
}

.user-img-progress progress::-moz-progress-bar {
    border-radius: 10px;
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 130%);
    background-color: #080707;
}

.user-img-progress progress::-webkit-progress-value {
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 40%, #FFB60E 130%);
}





.user-account-wpr .user-account-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: left;
}

.user-account-wpr .user-account-details .user-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 1;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 1.67;
    color: #fff;
}

.user-account-wpr .user-account-details .joined-date {
    margin: 0;
    line-height: 1.43;
    color: rgba(255, 255, 255, 0.5);
}

.account-form-row.row {
    --row-gutter-x: 20px;
}

.account-form-wpr {
    background-color: rgba(30, 33, 36, 0.75);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.02);
    padding: 25px 25px 40px;
    height: 100%;
}

.account-form-wpr .account-form-hdng {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 1.67;
}

.account-form-wpr form label {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.67;
    margin-bottom: 5px;
    display: block;
    color: rgba(255, 255, 255, 0.75);
}

.account-form-wpr form .form-group:not(last-child) {
    margin-bottom: 20px;
}

.account-form-wpr form input[type="text"],
.account-form-wpr form input[type="email"],
.account-form-wpr form input[type="password"],
.account-form-wpr form input[type="tel"] {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.25);
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    height: 60px;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

.account-form-wpr form .account-form-sbmt-btn-wpr {
    margin-top: 40px;
    text-align: center;
}

.account-form-wpr form .account-form-sbmt-btn-wpr input[type="submit"],
.account-form-wpr form .account-form-sbmt-btn-wpr button[type="submit"] {
    margin: 0 auto;
}

.account-form-wpr form button[type="submit"],
.account-form-wpr form input[type="submit"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
    max-width: 245px;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.account-form-wpr form button[type="submit"]:hover,
.account-form-wpr form input[type="submit"]:hover {
    background-color: #1251B0;
}

.account-form-wpr form .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    white-space: nowrap;
    padding: 16px 0 16px 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.account-form-wpr form {
    margin-bottom: 0;
}

.account-form-wpr form.time-zone-form {
    margin-bottom: 55px;
}

.account-form-wpr .api-input-wpr {
    position: relative;
    z-index: 1;
}

.account-form-wpr form .api-input-wpr input {
    padding-right: 50px;
}

.account-form-wpr .api-input-wpr .custom-tooltip-wpr {
    top: 64%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.account-form-wpr .api-input-wpr .custom-tooltip-wpr .custom-tooltip-cntnt {
    min-height: 80px;
}

.account-form-wpr .api-input-wpr .custom-tooltip-wpr .custom-tooltip-cntnt p {
    margin: 0;
}

.body-content-wpr.affiliates-page .page-content-overlay::after {
    background-position: top 30px left;
}

.service-page.service-popup {
    margin: 30px auto 0;
    width: calc(100% - 30px);
    max-height: 90%;
}

.custom-select2 .select2.select2-container {
    width: 100% !important;
}

.notification-wrap {
    margin-bottom: 20px;
}

.notification-wrap .wtch-vdo-wpr {
    margin-bottom: 0;
}

.notification-wrap .wtch-vdo-wpr {
    margin-bottom: 0;
}

.notification-wrap .wtch-vdo-wpr .vdo-wpr-cls-btn img {
    width: 100%;
}

.notification-wrap .wtch-vdo-wpr .notification-msg h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
}

.custom-modal-outer .custom-modal-in.change-img-modal-in {
    max-width: 373px;
    width: 100%;
}

.custom-modal-outer .custom-modal-in.change-img-modal-in .modal-cntnt-wpr {
    background-color: #07090A;
    padding: 20px 10px 34px;
    border-color: #07090A;
}

.custom-modal-outer.change-photo-popup .modal-cntnt-wpr::before {
    display: none;
}

.change-photo-popup .change-img-cntnt h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.67;
    margin: 0 0 20px;
    color: #fff;
    padding-right: 50px;
}

.change-photo-popup .change-img-cntnt .modal-close-btn {
    width: 24px;
    height: 24px;
    top: 23px;
}

.change-photo-popup .change-img-cntnt .modal-close-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.change-photo-popup .change-img-wpr {
    background-color: #121212;
    border-radius: 10px;
    padding: 57px 20px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.change-photo-popup .change-img-wpr span {
    width: 181px;
    height: 181px;
    border: 2px dashed #fff;
    border-radius: 50%;
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 5px;
}

.change-photo-popup .change-img-wpr span img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.change-photo-popup .img-save-btn {
    width: 100%;
    margin-bottom: 19px;
}

.change-photo-popup .file-upload-btn {
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.change-photo-popup .file-upload-btn input[type="file"] {
    display: none;
}

.change-photo-popup .file-upload-btn .img-up-btn {
    width: 100%;
    background-color: #999999;
    color: #000;
    border-color: #999999;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

.change-photo-popup .file-upload-btn .img-up-btn:hover {
    opacity: 0.7;
}

/* 8/09/2023 */
main.main-wpr aside,
main.main-wpr .page-content-wpr {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.side-menu-toggler {
    background-color: transparent;
    border: 0;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 38px;
    margin-left: auto;
    outline: none;
}

.sidebar-btm-menu>li .hdng-txt {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 0 30px 0 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-bottom: 10px;
}

.sidebar-btm-menu>li .hdng-txt img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 11px;
}

.sidebar-btm-menu>li .hdng-txt>span.clickD {
    top: calc(50% + 1px);
    right: 14px;
}

li.drop-menu .hdng-txt.show+ul {
    display: block;
}

.sidebar-btm {
    padding: 0 28px 40px;
}

/* 8/09/2023 end */
.refer-btn-wpr {
    padding: 0 40px;
}

.refer-btn-wpr .refer-btn-wpr-in {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.refer-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #252627;
    border-radius: 25px;
    padding: 14px 20px;
    font-size: 16px;
    color: rgba(255, 182, 14, 1) !important;
    font-weight: 700;
    color: #ffb60e;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 0 !important;
    outline: 0 !important;
}

.refer-btn:hover {
    background-color: #005AE2;
    color: #ffb60e;
}

.refer-btn>svg,
.refer-btn>img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 5px;
}

.login_img_wrp.sign-in-modal {
    padding-top: 5px;
}

.login_img_wrp.sign-in-modal>img {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 450px;
}

/* add fund css */
.addfund-form-wpr {
    background-color: rgba(30, 33, 36, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* backdrop-filter: blur(60px); */
    border-radius: 20px;
}

.addfund-form-wpr .form-hdr {
    padding: 25px 25px;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.addfund-form-wpr .form-hdr h2 {
    margin: 0;
    font-size: 18px;
    margin-right: auto;
    padding-right: 20px;
}

.cmn-grad-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 10px;
    padding: 11px 20px;
    background: -o-radial-gradient(50.00% -178.89%, 221.67% 295.56%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%);
    background: radial-gradient(221.67% 295.56% at 50.00% -178.89%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%);
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.cmn-grad-btn:hover {
    background: -o-radial-gradient(50.00% -178.89%, 221.67% 295.56%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%);
    background: radial-gradient(221.67% 295.56% at 50.00% -178.89%, #FFB60E 0%, rgba(255, 182, 14, 0.00) 100%);
    color: #fff;
}

.addfund-form-wpr .form-body {
    padding: 30px 25px;
}

.dashboard .select2-results__options .select-box>h3 {
    margin: 0;
}

.addfund-form-wpr .affiliate_field_grp label {
    opacity: 1;
}

.addfund-form-wpr .amout-wpr .affiliate_field_innr {
    position: relative;
    margin-top: 10px;
}

.addfund-form-wpr .amout-wpr .affiliate_field_innr::before {
    content: '$';
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    opacity: 0.5;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.addfund-form-wpr .amout-wpr .affiliate_field_innr::after {
    content: 'USD';
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    opacity: 0.5;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.addfund-form-wpr .amout-wpr input[type="text"] {
    padding-left: 40px;
    padding-right: 70px;
    color: #FFB60E;
    font-size: 20px;
    font-weight: 700;
}

.addfund-form-wpr .amout-wpr .custom-amnt ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 20px 0 -15px;
}

.addfund-form-wpr .amout-wpr .custom-amnt ul li {
    margin-right: 18px;
    margin-bottom: 15px;
}

.addfund-form-wpr .amout-wpr .custom-amnt ul li:last-child {
    margin-right: 0;
}

.addfund-form-wpr .amout-wpr .custom-amnt ul li a {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    width: 80px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 700;
    opacity: 0.5;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.addfund-form-wpr .amout-wpr .custom-amnt ul li a:hover {
    border: 2px solid #FFB60E;
    color: #FFB60E;
    opacity: 1;
}

.add-fund-row.row {
    --row-gutter-x: 20px;
}

.addfund-form-wpr .supprt_submitBtn_wpr {
    text-align: center;
}

.addfund-form-wpr .supprt_submitBtn_wpr>p {
    font-size: 14px;
    font-weight: 700;
    opacity: 0.5;
    text-transform: uppercase;
    color: #fff;
    padding-top: 5px;
}

.addfund-form-wpr .supprt_submitBtn_wpr input[type="submit"],
.addfund-form-wpr .supprt_submitBtn_wpr button[type="submit"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.addfund-form-wpr .supprt_submitBtn_wpr input[type="submit"]:hover,
.addfund-form-wpr .supprt_submitBtn_wpr button[type="submit"]:hover {
    background-color: #1251B0;
}

.addfund-form-wpr .paymnt-histry {
    text-align: center;
    margin-top: 35px;
}

.addfund-form-wpr .paymnt-histry a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.addfund-form-wpr .paymnt-histry a:hover {
    color: #FFB60E;
}

.addfund-step-wpr {
    background-color: rgba(30, 33, 36, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 25px 25px 30px;
    counter-reset: incrmnt;
}

.addfund-step-wpr>h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.addfund-step-outer .addfund-each-step {
    padding: 20px 0 23px;
    position: relative;
    margin-bottom: 5px;
}

.addfund-step-outer .addfund-each-step:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.addfund-step-outer .addfund-each-step::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 105px;
    height: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(https://storage.perfectcdn.com/idhwx8/ti98t84g52gc9php.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 2;
}

.addfund-step-outer .addfund-each-step:last-child:before {
    display: none;
}

.addfund-step-outer .addfund-each-step .addfund-each-step-in {
    text-align: center;
    padding: 30px 30px 30px;
    position: relative;
    background: -o-radial-gradient(107.2% -19.29%, 136.08% 110.41%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(217, 217, 217, 0.01);
    background: radial-gradient(136.08% 110.41% at 107.2% -19.29%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(217, 217, 217, 0.01);
    border: 1px solid rgb(41 46 50);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 10px;
    position: relative;
}

.addfund-step-outer .addfund-each-step .addfund-each-step-in::before {
    counter-increment: incrmnt;
    content: counter(incrmnt);
    /* content: 'incrmnt'; */
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFB60E;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.addfund-step-outer .addfund-each-step .addfund-each-step-in>p {
    font-size: 18px;
}

.addfund-step-outer .addfund-each-step .addfund-each-step-in>p:last-child {
    margin-bottom: 0;
}

.addfund-step-wpr .wtch-vdo-wpr {
    padding: 7px 55px 7px 20px;
    margin: 30px 0 0;
}

.addfund-step-wpr .wtch-vdo-wpr a.ylw-btn {
    margin: 8px 0;
}

.tips-modal-hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px 20px;
}

.tips-popup.custom-modal-outer .custom-modal-in.change-img-modal-in {
    max-width: 440px;
}

.tips-modal-hdr h3 {
    margin: 0;
    font-weight: 700;
}

.tips-modal-form-wpr input[type="text"],
.tips-modal-form-wpr input[type="tel"],
.tips-modal-form-wpr input[type="email"],
.tips-modal-form-wpr input[type="password"],
.tips-modal-form-wpr select {
    background-color: #282E32;
    height: 60px;
    color: #fff;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    width: 100%;
}

.tips-modal-form-wpr .form-group {
    margin-bottom: 20px;
}

.tips-modal-form-wpr .form-group>label {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
}

.tips-modal-form-wpr .amount-input-wpr {
    position: relative;
}

.tips-modal-form-wpr .amount-input-wpr::before {
    content: '$';
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5;
}

.tips-modal-form-wpr .amount-input-wpr::after {
    content: 'USD';
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5;
}

.tips-modal-form-wpr .amount-input-wpr input {
    padding: 0 70px 0 40px;
    color: #FFB60E;
    font-weight: 700;
    font-size: 16px;
}

.tips-modal-form-wpr .sbmt-btn-wpr {
    margin-top: 70px;
}

.tips-modal-form-wpr {
    padding: 20px 10px 16px;
}

.tips-modal-form-wpr .sbmt-btn-wpr a,
.dashboard form input[type="submit"],
.dashboard form button[type="submit"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #fff;
    background-color: #005AE2;
    font-weight: 700;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    text-align: center;
    border: 1px solid #005AE2;
    outline: none;
    -webkit-box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    box-shadow: 0 8px 25px rgb(0, 90, 226, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tips-modal-form-wpr .sbmt-btn-wpr a,
.tips-modal-form-wpr .sbmt-btn-wpr input[type="submit"],
.tips-modal-form-wpr .sbmt-btn-wpr button[type="submit"] {
    width: 100%;
}

.tips-modal-form-wpr .sbmt-btn-wpr a:hover,
.dashboard form input[type="submit"]:hover,
.dashboard form button[type="submit"]:hover {
    background-color: #1251B0;
}

.custom-modal-outer.tips-success-popup .custom-modal-in.change-img-modal-in {
    max-width: 440px;
}

.tips-success-cntnt {
    text-align: center;
}

.tips-success-cntnt>img.tick-img {
    max-width: 60px;
    width: 100%;
    margin: 30px 0;
}

.tips-success-cntnt .tip-sent-hdng {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 40px;
}

.tips-success-cntnt .amt-sent {
    font-size: 16px;
}

.tips-success-cntnt .amt-sent p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #289003;
    font-weight: 700;
    margin: 0 5px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* add fund css end*/
.payment-error-wpr {
    text-align: center;
    padding-top: 20px;
}

.payment-error-wpr h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 50px;
}

.payment-error-wpr .payment-error-img-wpr {
    max-width: 500px;
    margin: 0 auto;
}

.payment-error-wpr .cmn_blue_btn {
    max-width: 400px;
    width: 100%;
    margin-top: 60px;
}

.support_main_wpr table.cmn-table.payment-history-table thead tr th:last-child {
    width: 150px;
}

/* ---- faq dashboard ----- */
.faq-outer-wpr .faq-row {
    --row-gutter-x: 20px;
}

.faq-outer-wpr .faq-row .faq-card {
    margin-bottom: 10px;
    background-color: rgba(30, 33, 36, 0.75);
    border-radius: 10px;
}

.faq-card .faq-hdng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
    background-color: #252627;
    padding: 19px 70px 19px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    line-height: 1.4;
}

.faq-card .faq-hdng>img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 23px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.faq-card .faq-hdng .faq-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2F2F2F;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.faq-card .faq-hdng.active .faq-arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    background: -o-linear-gradient(330deg, rgba(58, 67, 81, 0.00) 20%, rgb(0 90 226 / 30%) 120%, rgba(58, 67, 81, 0.00) 100%), #2F2F2F;
    background: linear-gradient(120deg, rgba(58, 67, 81, 0.00) 20%, rgb(0 90 226 / 30%) 120%, rgba(58, 67, 81, 0.00) 100%), #2F2F2F;
}

.faq-card .faq-hdng .faq-arrow img {
    max-width: 8px;
}

.faq-card .faq-ans {
    display: none;
    padding: 20px 20px 30px;
}

.faq-card .faq-ans p {
    margin-bottom: 18px;
    line-height: 1.43;
    color: rgba(255, 255, 255, 0.7);
}

.faq-card .faq-ans p:last-child {
    margin-bottom: 0;
}

/* ---- faq dashboard end ----- */
/* ---- dashboard notification ----- */
.notifiction-details-wpr {
    display: none;
}

.header-nt-outer {
    position: relative;
}

.header-nt-outer .notifiction-details-wpr {
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    width: 440px;
    z-index: 110;
    padding: 12px;
    border-radius: 10px;
    background-color: #2C3337;
    color: #fff;
}

.header-nt-outer .notifiction-details-wpr .notif-hdng {
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 15px;
    padding: 20px 20px 0;
    text-transform: none;
}

/* .header-nt-outer .header-nt img.active-notification-icon {
    display: none;
} */

.header-nt-outer .header-nt.active {
    background-color: #fff;
    border-color: #fff;
}

/* .header-nt-outer .header-nt.active img.notification-icon {
    display: none;
}

.header-nt-outer .header-nt.active img.active-notification-icon {
    display: block;
} */

.notf-tab-wpr .notf-tab-wpr-in {
    margin-bottom: 14px;
    padding: 0 20px;
}

.notf-tab-wpr ul.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    margin: 0;
}

.notf-tab-wpr ul.nav li {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}

.notf-tab-wpr ul.nav li a {
    padding: 0;
    text-align: center;
    color: #9AA6B7;
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding: 0 10px 10px;
    line-height: 1.25;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    outline: none;
    text-transform: none;
}

.notf-tab-wpr ul.nav li.active a,
.notf-tab-wpr ul.nav li.active a:hover {
    background-color: transparent;
    color: #fff;
    border: 0;
    border-bottom: 2px solid #fff;
}

.notf-tab-wpr ul.nav li a:hover {
    color: #fff;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
}

.notf-tab-wpr .all-notf-list {
    padding: 0 20px;
    max-height: 265px;
    overflow: auto;
}

.notf-tab-wpr .all-notf-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notf-tab-wpr .all-notf-list ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.notf-tab-wpr .all-notf-list ul li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(53.13%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
}

.notf-tab-wpr .all-notf-list ul li a {
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.notf-tab-wpr .all-notf-list ul li a:hover {
    opacity: 0.7;
}

.notf-tab-wpr .all-notf-list ul li a p {
    margin-bottom: 0;
}

.notf-tab-wpr .all-notf-list ul li .notf-time {
    font-size: 12px;
    line-height: 1.75;
    font-weight: 700;
    opacity: 0.5;
}

.notf-tab-wpr .all-update-list {
    padding: 0 20px;
    max-height: 405px;
    overflow: auto;
}

.notf-tab-wpr .all-update-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notf-tab-wpr .all-update-list ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.notf-tab-wpr .all-update-list ul li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(53.13%, rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 53.13%, rgba(255, 255, 255, 0.00) 100%);
}

.notf-tab-wpr .all-update-list .each-update-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.notf-tab-wpr .all-update-list .each-update-wpr .each-update-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
}

.notf-tab-wpr .all-update-list .each-update-wpr .each-update-img img {
    width: 70px;
    height: 70px;
    border-radius: 8px;
}

.notf-tab-wpr .all-update-list .each-update-wpr .update-tp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    font-weight: 700;
}

.notf-tab-wpr .all-update-list .each-update-wpr .update-tp .order-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 15px;
    margin-right: auto;
}

.notf-tab-wpr .all-update-list .each-update-wpr .update-tp a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFB60E;
}

.notf-tab-wpr .all-update-list .each-update-wpr .update-tp a:hover {
    opacity: 0.8;
}

.notf-tab-wpr .all-update-list .each-update-wpr .update-tp a img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
    width: 5px;
    margin-top: 3px;
}

.notf-tab-wpr .all-update-list .each-update-wpr p {
    margin-bottom: 10px;
}

.notf-tab-wpr .all-update-list ul li .notf-time {
    font-size: 12px;
    line-height: 1.75;
    font-weight: 700;
    opacity: 0.5;
}

/* ---- dashboard notification end ----- */
/* LANGUAGE LIST */
.language-wpr {
    position: relative;
}

.language-wpr .language-list {
    position: absolute;
    top: calc(100% + 20px);
    right: -60px;
    width: 240px;
    z-index: 110;
    border-radius: 10px;
    border-radius: 10px;
    background-color: #2C3337;
    border: 1px solid rgba(197, 235, 255, 0.15);
    overflow: hidden;
    display: none;
}

.language-wpr .language-list.show {
    display: block;
}

.language-wpr .header-usd.active {
    border: 1px solid #FFB60E;
}

.language-wpr .language-list ul {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    max-height: 310px;
    padding: 20px;
    overflow: auto;
}

.language-list ul li {
    margin-bottom: 17px;
}

.language-list ul li:last-child {
    margin-bottom: 0;
}

.language-list ul li a {
    font-size: 16px;
    font-weight: 700;
    color: #9AA6B7;
    line-height: 1.25;
}

.language-list ul li a.active,
.language-list ul li a:hover {
    color: #fff;
}

/* LANGUAGE LIST END */

.login_img_wrp.sign-in-modal>img.login-popup-img {
    width: 130%;
    margin-left: -50px;
    margin-top: 40px;
}

.side-bar-social {
    margin-top: 30px;
}

.side-bar-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 10px;
    margin: 0;
}

.side-bar-social ul>li {
    margin-right: 10px;
}

.side-bar-social ul>li:last-child {
    margin-right: 0;
}

.side-bar-social ul>li>a {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.side-bar-social ul>li>a.telegram {
    background: linear-gradient(135deg, #18C8FF 0%, #0080DC 100%);
}

.side-bar-social ul>li>a.twitter {
    background: linear-gradient(135deg, #3A3A3A 0%, #000 100%);
}

.side-bar-social ul>li>a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.side-bar-social ul>li>a:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

.main-wpr.collapse .side-bar-social ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
}

.main-wpr.collapse .side-bar-social ul>li {
    margin-right: 0;
    margin-bottom: 12px;
}

.main-wpr.collapse .side-bar-social ul>li:last-child {
    margin-bottom: 0;
}

.main-wpr.collapse .side-bar-social ul>li>a {
    width: 22px;
    height: 22px;
}

/* 03/11/2023 END */

/* 06/11/2023 START */
/* signup new design */
.signup-sec {
    padding: 80px 0 120px;
    background-image: url(https://storage.perfectcdn.com/0a268b/naf8r71aiqbe42zf.png);
    background-size: 100% 100%;
    background-position: center center;
}

.signup-sec .bg-overlay {
    position: absolute;
    bottom: 0%;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}

.signup-sec .bg-overlay img {
    position: relative;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 20%);
    -ms-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%);
    opacity: 0.8;
}

.signup-sec .signup-cntnt {
    position: relative;
    z-index: 2;
}

.banner-cntnt {
    font-size: 24px;
    color: #fff;
    line-height: 1.4;
    padding-top: 30px;
}

.banner-cntnt h1 {
    background: radial-gradient(167.52% 820.83% at -36.22% 213.33%, #FFFFFF 0%, #85F7E2 47.4%, #FFB60E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
    font-weight: 600;
    line-height: 1;
    font-family: 'helvetica';
    font-weight: 700;
    margin: 0 0 66px;
}

.banner-cntnt h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 13px;
    color: #fff;
    font-family: 'helvetica';
}

.banner-cntnt p {
    margin: 0 0 30px;
    max-width: 430px;
    font-family: 'helvetica';
}

.banner-cntnt p span {
    color: #FFB60E;
}

.banner-point-txt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.banner-point-txt ul li {
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
    opacity: 0.7;
    color: #DAE9FF;
    font-family: 'helvetica';
}

.banner-point-txt ul li::before {
    content: '';
    position: absolute !important;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
    background-color: #DAE9FF;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-point-txt ul li:last-child {
    margin-bottom: 0;
}

.banner-point-txt ul li {
    margin-bottom: 5px;
    padding-left: 25px;
}

.banner-btn-wpr {
    margin-top: 50px;
}

.grd-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 30px;
    border-radius: 30px;
    color: #070B20;
    background: -webkit-gradient(linear, left top, right top, color-stop(-70%, #FFF), color-stop(28%, #85F7E2), color-stop(138%, #FFB60E));
    background: -o-linear-gradient(left, #FFF -70%, #85F7E2 28%, #FFB60E 138%);
    background: linear-gradient(to right, #FFF -70%, #85F7E2 28%, #FFB60E 138%);
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
}

.grd-btn:hover {
    background: -webkit-gradient(linear, right top, left top, color-stop(-70%, #FFF), color-stop(28%, #85F7E2), color-stop(138%, #FFB60E));
    background: -o-linear-gradient(right, #FFF -70%, #85F7E2 28%, #FFB60E 138%);
    background: linear-gradient(to left, #FFF -70%, #85F7E2 28%, #FFB60E 138%);
    color: #070B20;
}

.grd-btn img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 42px;
    margin-left: 11px;
}

.signup-right-cntnt {
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.15);
    background: rgba(31, 35, 41, 0.50);
    padding: 40px;
}

.signup-right-cntnt .cmn_login_heading {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
}

.rgstr-form-wpr .login_frm_wrp {
    margin-bottom: 25px;
}

.rgstr-form-wpr .frm_checkBx_wrp {
    margin-bottom: 25px;
}

body.dashboard .container.faq-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

body.guest .faq-cntnt-sec {
    padding: 70px 0 100px;
}

/* signup new design end */
/* 06/11/2023 END */

.fund-content-wrap {
    display: none;
}

.fund-content-wrap.active {
    display: block;
}

/* 16/11/2023 start */
.cmn-border-btn {
    font-size: 20px;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    background-color: transparent;
    border-radius: 30px;
    width: 100%;
    color: #ffffff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    text-align: center;
    padding: 14px 30px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cmn-border-btn:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

body.guest .service-cntnt-sec {
    padding: 50px 0 100px;
}

body.guest .service-cntnt-sec .content {
    padding: 0;
}

body.dashboard .service-cntnt-sec .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

/* 16/11/2023 END */

/* 22/11/2023 START */
.plc-order-form-wpr .sbmt-btn-wpr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.plc-order-form-wpr .sbmt-btn-wpr button[type="submit"] {
    height: 50px;
    border-radius: 60px;
    width: 100%;
    background-color: #FFB60E;
    border: 1px solid #FFB60E;
    color: #000;
    -webkit-box-shadow: 0 8px 25px rgb(255 182 14 / 20%);
    box-shadow: 0 8px 25px rgb(255 182 14 / 20%);
    max-width: 100%;
}

.plc-order-form-wpr .sbmt-btn-wpr button[type="submit"]:hover {
    background-color: #da9901;
    border-color: #FFB60E;
}

.wtch-vdo-wpr>* {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* 22/11/2023 END */
.ticket-bnr-image {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    flex-wrap: wrap;
}

.ticket-bnr-image img {
    border-radius: 20px;
}

/* =========== RESPONSIVE ============= */
@media (min-width: 992px) {
    .main-wpr.collapse {
        --aside-width: 98px;
    }

    .main-wpr .sidebar-in .nav-brand-wpr a {
        margin: 0 50px 0 25px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .main-wpr.collapse .sidebar-in .nav-brand-wpr a {
        margin: 0;
        max-width: 0px;
    }

    .main-wpr.collapse .sidebar-in nav>ul>li>a {
        font-size: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 11px 12px;
    }

    .main-wpr.collapse .sidebar-in nav>ul>li>a .icon-wpr {
        margin-right: 0;
    }

    .main-wpr.collapse .sidebar-in nav ul li>a>span.badge {
        position: absolute;
        top: 0px;
    }

    .main-wpr .sidebar-in .nav-brand-wpr {
        height: 80px;
    }

    .main-wpr.collapse .sidebar-in .nav-brand-wpr {
        padding: 25px 15px 26px;
    }

    .main-wpr.collapse .side-menu-toggler {
        margin-right: auto;
    }

    .main-wpr.collapse .sidebar-in .side-menu-wpr {
        padding: 25px 26px 0px 24px;
    }

    .main-wpr.collapse .sidebar-btm {
        padding: 0 28px 30px;
    }

    .main-wpr.collapse .sidebar-btm-menu>li .hdng-txt {
        padding: 0;
        font-size: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .main-wpr.collapse .sidebar-btm-menu>li .hdng-txt>span.clickD {
        width: 20px;
        height: 20px;
        top: 32px;
        right: 14px;
    }
    .main-wpr.collapse .sidebar-btm-menu>li .hdng-txt img {
        margin-right: 0;
    }

    .main-wpr.collapse li.drop-menu>ul a {
        font-size: 0;
    }

    .main-wpr.collapse li.drop-menu>ul li a.refer-btn {
        padding: 14px 20px;
        padding: 6px 8px;
        border-radius: 10px;
    }

    .main-wpr.collapse li.drop-menu>ul.promotion-btn-list {
        padding-top: 10px;
    }

    .main-wpr.collapse li.drop-menu>ul li a.refer-btn>svg,
    li.drop-menu>ul li a.refer-btn>img {
        width: 16px;
        margin-right: 0;
    }

    .main-wpr.collapse a.refer-btn {
        padding: 14px 20px;
        padding: 6px 8px;
        border-radius: 10px;
        font-size: 0;
    }

    .main-wpr.collapse a.refer-btn>svg,
    .main-wpr.collapse a.refer-btn>img {
        width: 16px;
        margin-right: 0;
    }

    .main-wpr.collapse .refer-btn-wpr {
        padding: 0 24px;
    }
}

@media (min-width: 1200px) {
    footer.footer .container {
        width: 100%;
        max-width: 1210px;
        padding: 0 15px;
    }

    .main-wpr .sidebar-in .nav-brand-wpr a {
        margin: 0 50px 0 25px;
    }

    .main-wpr .sidebar-in .nav-brand-wpr {
        height: 90px;
    }
}

@media (min-width: 1400px) {
    .update_rw .update_col {
        width: 25%;
    }
}

@media (min-width: 1920px) {
    .signup-sec .bg-overlay img {
        -webkit-transform: translate(-50%, 35%);
        -ms-transform: translate(-50%, 35%);
        transform: translate(-50%, 35%);
        opacity: 0.6;
    }
}

@media (min-width: 2560px) {
    .signup-sec .bg-overlay img {
        -webkit-transform: translate(-50%, 40%);
        -ms-transform: translate(-50%, 40%);
        transform: translate(-50%, 40%);
    }
}

@media screen and (max-width:1399px) {
    main.main-wpr {
        --aside-width: 260px;
    }

    .header_prof {
        margin-right: 15px;
    }

    .header_rgt .hdr_log {
        padding: 12px 15px;
        font-size: 14px;
    }

    .header_rgt .header-usd {
        font-size: 14px;
    }

    .header_rgt .header-wlt {
        padding: 10px 18px;
        font-size: 14px;
        margin-left: 15px;
    }

    .header-wlt img {
        margin-right: 5px;
        width: 20px;
    }

    .plc-new-tab-menu ul li a {
        font-size: 20px;
    }

    .service-drop-menu .srvc-hdng h3 {
        font-size: 14px;
        max-width: 140px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .service-drop-menu .srvc-hdng .nt-grntd {
        margin-left: 0;
    }

    .service-drop-menu .srvc-hdng .rate {
        margin-left: 10px;
        font-size: 14px;
    }

    .new-order-notf h2 {
        margin: 0 0 15px;
    }

    /* / SD 04.08.23 start / */
    .offr_col .copyBtn_wrap {
        width: 35%;
    }

    .offr_wrap p {
        font-size: 18px;
    }

    .offr_wrap span {
        font-size: 20px;
    }

    .affiliate_field_grp {
        padding: 20px 25px;
    }

    .affiliate_info_wrap p {
        font-size: 18px;
    }

    .affiliate_count>span {
        font-size: 60px;
    }

    .vip_prgrm_main {
        padding: 20px 30px 30px;
    }

    .vip_img_wpr .vip_img {
        padding: 10px;
    }

    .vip_img_wpr {
        width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .vip_img_wpr>.upload_icon {
        width: 35px;
    }

    .vipReward_btn_wpr {
        max-width: 160px;
        margin-left: 20px;
    }

    .vip_reward_table_wpr table thead tr th,
    .vip_reward_table_wpr table tbody tr td {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vip_reward_table_wpr table tbody tr td {
        font-size: 18px;
    }

    .vip_progress_wrppr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .affiliate_field_grp.support_frm_grp {
        padding: 0;
    }

    /* / SD 04.08.23 end / */

    .account-form-wpr .account-form-hdng {
        font-size: 16px;
        line-height: 1.25;
    }

    .account-form-wpr form label {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.8;
        margin-bottom: 10px;
    }

    .account-form-wpr form .account-form-sbmt-btn-wpr {
        margin-top: 30px;
    }

    .account-form-wpr form.time-zone-form {
        margin-bottom: 60px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table thead tr th {
        white-space: normal;
    }

    .login_img_wrp img {
        max-height: 380px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .cmn_login_innr .rgstr-form-wpr {
        max-height: 410px;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in>p {
        font-size: 16px;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in {
        padding: 30px 20px 30px;
    }

    .addfund-step-wpr .wtch-vdo-wpr a.ylw-btn {
        padding: 12px 12px;
        font-size: 15px;
    }

    /* 06/11/2023 start */

    .banner-cntnt h1 {
        font-size: 84px;
        margin: 0 0 40px;
    }

    .banner-cntnt h2 {
        font-size: 34px;
    }

    .banner-cntnt p {
        margin: 0 0 20px;
    }

    .banner-cntnt .banner-btn-wpr {
        margin-top: 30px;
    }

    .signup-right-cntnt .cmn_login_heading {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .rgstr-form-wpr .login_frm_wrp {
        margin-bottom: 20px;
    }

    .grd-btn {
        font-size: 20px;
    }

    /* 06/11/2023 end */

}

@media screen and (max-width: 1199px) {
    main.main-wpr {
        --aside-width: 250px;
    }

    .sidebar-in .nav-brand-wpr {
        padding: 15px 10px;
    }

    .sidebar-in .nav-brand-wpr a {
        max-width: 112px;
    }

    .sidebar-in .side-menu-wpr {
        padding: 30px 25px;
    }

    .sidebar-btm {
        padding: 0 25px 40px;
    }

    .sidebar-btm-menu>li>a {
        font-size: 14px;
    }

    .sidebar-btm-menu>li {
        margin-bottom: 20px;
    }

    .page-content-wpr .header {
        padding: 0 20px;
    }

    .page-content-wpr .header .container-fluid {
        padding: 0;
    }

    .header_prof {
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; */
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 15px 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .header_prof_rgt {
        width: 100%;
    }

    .header_balance {
        padding: 20px 10px;
        min-height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header_prof_img {
        height: 40px;
        width: 40px;
        margin-bottom: 10px;
        /* margin-right: 0; */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .amount {
        font-size: 16px;
    }

    .dashboard .body-content-wpr {
        padding: 30px 30px 50px;
    }

    .new-order-notf {
        padding: 15px 25px 25px;
    }

    .page-hdng {
        font-size: 22px;
        margin: 0 0 25px;
    }

    .header_rgt .header-usd {
        font-size: 12px;
        line-height: 1;
        height: 40px;
        width: 40px;
    }

    .header_rgt .header-nt {
        height: 40px;
        width: 40px;
    }

    .header_rgt .header-wlt {
        padding: 8px 13px;
        font-size: 14px;
        margin-left: 15px;
    }

    .header_rgt .hdr_log {
        padding: 10px 12px;
        font-size: 14px;
    }

    .header_rgt .hdr_log img {
        max-width: 16px;
    }

    .header_wrap .progress {
        height: 10px;
    }

    .task-progress span {
        margin-bottom: 4px;
    }

    .progress-section .task-progress img {
        max-width: 23px;
        padding-bottom: 2px;
    }

    .new-order-notf h2 {
        font-size: 34px;
        margin: 0 0 10px;
    }

    .order-dtls .order-lft-dtls {
        max-width: 350px;
        margin-right: 50px;
    }

    .plc-new-tab-dtls {
        padding: 30px 20px;
    }

    .wtch-vdo-wpr {
        margin-bottom: 30px;
    }

    .ylw-btn {
        padding: 12px 15px;
    }

    .service-drop-menu .srvc-hdng {
        padding: 15px 70px 15px 15px;
    }

    .service-drop-menu .srvc-hdng h3 {
        font-size: 16px;
        max-width: 170px;
    }

    .service-drop-menu .srvc-hdng .accrd-btn {
        right: 15px;
    }

    /* / SD 04.08.23 start / */

    .fttr_logo_col a {
        width: 100%;
    }

    .fttr_menu_wppr {
        padding: 15px;
    }

    .fttr_menu_wppr li a {
        font-size: 16px;
    }

    .fttr_head {
        margin-bottom: 10px;
    }

    .fttr_head p {
        font-size: 18px;
    }

    /* / SD 04.08.23 end / */
    table.cmn-table {
        display: block;
    }

    table.cmn-table thead {
        display: none;
    }

    table.cmn-table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    table.cmn-table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
    }

    table.cmn-table tbody tr:nth-child(even) {
        border-right: 0;
    }

    table.cmn-table tbody tr:last-child,
    table.cmn-table tbody tr:last-child:nth-child(odd),
    table.cmn-table tbody tr:nth-last-child(2):nth-child(odd) {
        border-bottom: 0;
    }

    table.cmn-table tbody tr td {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        position: relative;
        text-align: left;
        border-bottom: 0;
        padding: 10px 15px;
        padding-left: 37%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    table.cmn-table tbody tr td::before {
        content: attr(data-heading);
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: 100%;
        padding: 10px 0 10px 15px;
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 1.75;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    table.cmn-table tbody tr td:first-child:before {
        padding-top: 35px;
    }

    table.cmn-table tbody tr td:first-child {
        padding-top: 35px;
        padding-left: 37%;
    }

    table.cmn-table tbody tr td:last-child {
        padding-bottom: 35px;
        padding-right: 15px;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
    }

    table.cmn-table tbody tr:nth-child(even) td {
        border-right: 0;
    }

    table.cmn-table tbody td[data-heading="Status"] {
        text-align: left;
    }

    table.cmn-table tbody td .serive-date {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    /* / SD 08.08.23 start / */

    table.cmn-table tbody tr td::before {
        padding-right: 10px;
    }

    .program-card {
        padding: 20px;
    }

    .program-card .program-card-hdng h2 {
        font-size: 18px;
    }

    .affiliate_count>span {
        font-size: 50px;
        top: 3px;
        position: relative;
    }

    .affiliate_count {
        margin-bottom: 40px;
    }

    .affi_product_four {
        top: -20px;
    }

    .reward-snt-card .reward-snt-txt h3 {
        font-size: 16px;
    }

    .demo_logo_wrpr,
    .reward-snt-wpr {
        margin-bottom: 60px;
    }

    .rfl-icon-list ul {
        padding-right: 0;
    }

    /* / SD 08.08.23 end / */
    /* / SD 09.08.23 start / */

    .support_sub {
        padding-left: 0;
        margin-top: -3px;
        margin-bottom: 10px;
    }

    table.your-ticket-table.cmn-table tbody tr td {
        padding: 0 0 15px 38%;
        line-height: 1.43;
    }

    table.your-ticket-table.cmn-table tbody tr td::before {
        padding-top: 0;
        line-height: 1.43;
        width: 32%;
    }

    table.your-ticket-table.cmn-table tbody tr:nth-child(odd) td::before {
        padding-left: 0;
    }

    table.your-ticket-table.cmn-table tbody tr:first-child td:first-child {
        padding-top: 10px;
    }

    table.your-ticket-table.cmn-table tbody tr:first-child td:first-child::before {
        padding-top: 10px;
    }

    table.your-ticket-table.cmn-table tbody tr td:first-child {
        padding-top: 20px;
    }

    table.your-ticket-table.cmn-table tbody tr td:first-child::before {
        padding-top: 20px;
    }

    table.your-ticket-table.cmn-table tbody tr td:last-child {
        padding-bottom: 20px;
    }

    table.your-ticket-table.cmn-table tbody tr td:last-child::before {
        padding-bottom: 20px;
    }

    .support_main_wpr .cmn-table .time_info>span {
        margin-left: 5px;
    }

    .ticket_details_col {
        width: 40%;
    }

    .support_chat_col {
        width: 60%;
    }

    .ticket_details_wpr .popup_order_col p {
        font-size: 18px;
    }

    .chat_wpr .chat_field {
        width: 250px;
        padding: 20px 20px 30px;
    }

    .chat_wpr .chat_field::after {
        width: 18px;
        height: 30px;
        right: -16px;
    }

    .chat_wpr.reply .chat_field::after {
        left: -16px;
    }

    .chatUser_logo {
        margin-left: 25px;
    }

    .chat_wpr.reply .chatUser_logo {
        margin-right: 25px;
    }

    .chat_wpr .chat_txt p {
        margin-bottom: 15px;
    }

    .chat_body {
        margin-bottom: 20px;
    }

    /* / SD 09.08.23 end / */
    .custom-tooltip-wpr .custom-tooltip-cntnt-wpr {
        right: auto;
        left: 10px;
        -webkit-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%);
    }

    .custom-tooltip-wpr .custom-tooltip-cntnt-wpr::before {
        left: auto;
        right: 0px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        background-position: top right;
    }

    .custom-tooltip-wpr .custom-tooltip-cntnt {
        border-radius: 10px 0 10px 10px;
    }

    .account-form-wpr form input[type="text"],
    .account-form-wpr form input[type="email"],
    .account-form-wpr form input[type="password"],
    .account-form-wpr form input[type="tel"] {
        height: 50px;
        font-size: 14px;
        padding: 0 15px;
    }

    .account-form-wpr form .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
        padding: 11px 0 11px 15px;
        font-size: 14px;
        font-weight: 600;
        min-height: 50px;
    }

    .account-form-wpr form .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 15px;
        width: 30px;
        height: 30px;
        background-size: 6px;
    }

    .account-form-wpr .api-input-wpr .custom-tooltip-wpr .custom-tooltip-cntnt {
        min-height: 80px;
        width: 270px;
        padding: 20px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table thead tr th {
        display: none;
    }

    /* / SD 18.08.23 start / */
    .cming_soon_main {
        padding: 60px 0;
    }

    .coming_sn_head h1 {
        font-size: 80px;
    }

    .each_cmingsn_count {
        padding-right: 40px;
        font-size: 42px;
    }

    .each_cmingsn_count_col .each_dot {
        font-size: 42px;
    }

    .each_cmingsn_count_col {
        padding: 0 20px;
    }

    .cmingsn_countdn_wrap {
        margin: 0 -20px 40px;
    }

    .coming_sn_head {
        margin-bottom: 30px;
    }

    .error_img_wrap {
        max-width: 460px;
    }

    .othr_frmBtn_col a {
        padding: 14px 8px;
    }

    .othr_frmBtn_col a span {
        width: 15px;
    }

    .login_img_wrp img {
        max-height: 300px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .cmn_login_innr .rgstr-form-wpr {
        max-height: 350px;
    }

    .dashboard .body-content-wpr {
        min-height: 600px;
    }

    /* / SD 18.08.23 end / */
    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table {
        display: block;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr:nth-child(even) {
        border-right: 0;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        position: relative;
        text-align: left;
        border-bottom: 0;
        padding: 12px 15px;
        padding-left: 44%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-right: 0;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td::before {
        content: attr(content);
        position: absolute;
        top: 0;
        left: 0;
        width: 37%;
        height: 100%;
        padding: 12px 15px 12px 15px;
        text-align: left;
        font-size: 14px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 1.35;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td:first-child,
    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td:first-child::before {
        padding-top: 20px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td:last-child,
    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td:last-child::before {
        padding-bottom: 20px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr:last-child,
    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr:nth-last-child(2):nth-child(odd) {
        border-bottom: 0;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .tags {
        margin-right: 15px;
    }

    .account-form-wpr form .api-input-wpr input {
        padding-right: 50px;
    }

    .sidebar-btm {
        padding: 0 20px 30px 13px;
    }

    .addfund-form-wpr .form-hdr {
        padding: 15px 20px;
    }

    .addfund-form-wpr .form-body {
        padding: 25px 20px 30px;
    }

    .addfund-form-wpr .affiliate_field_grp label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .addfund-form-wpr .amout-wpr .custom-amnt ul {
        margin: 20px -5px -10px;
    }

    .addfund-form-wpr .amout-wpr .custom-amnt ul li {
        width: 33.33%;
        padding: 0 5px;
        margin: 0 0 10px;
    }

    .addfund-form-wpr .amout-wpr .custom-amnt ul li a {
        width: 100%;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in>p {
        font-size: 14px;
    }

    .refer-btn-wpr {
        padding: 0 25px;
    }

    .payment-error-wpr .payment-error-img-wpr {
        max-width: 400px;
    }

    .payment-error-wpr h1 {
        font-size: 22px;
    }

    .faq-card .faq-hdng>img {
        margin-right: 10px;
    }

    .side-bar-social ul>li {
        margin-right: 12px;
    }

    .side-bar-social ul>li>a {
        width: 32px;
        height: 32px;
    }

    /* 06/11/2023 start */
    .banner-cntnt h1 {
        font-size: 70px;
        margin: 0 0 30px;
    }

    .banner-cntnt h2 {
        font-size: 30px;
    }

    .banner-cntnt p {
        font-size: 22px;
    }

    .banner-point-txt ul li {
        padding-left: 20px;
        font-size: 20px;
    }

    .signup-right-cntnt {
        padding: 20px 25px;
    }

    .rgstr-form-wpr .login_frm_wrp input[type="text"],
    .rgstr-form-wpr .login_frm_wrp input[type="email"],
    .rgstr-form-wpr .login_frm_wrp input[type="password"],
    .rgstr-form-wpr .login_frm_wrp select {
        height: 50px;
    }

    .grd-btn {
        font-size: 18px;
    }

    .rgstr-form-wpr .login_frmBtn_wrap input[type="submit"] {
        font-size: 18px;
    }

    /* 06/11/2023 end */
}

@media screen and (max-width: 991px) {
    .page-content-wpr .header {
        display: none;
    }

    main.main-wpr aside {
        width: 100%;
        padding-bottom: 0;
    }

    main.main-wpr .page-content-wpr {
        width: 100%;
    }

    .sidebar-in .nav-brand-wpr {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 14px 15px;
    }

    .nav-toggler {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .nav-toggler {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        width: 20px;
        height: 16px;
        outline: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-color: transparent;
        z-index: 101;
    }

    /* .stick,
    .stick:after,
    .stick:before {
        width: 20px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: auto;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -7px;
        right: 0;
        width: 20px;
    }

    .stick:after {
        content: '';
        top: 7px;
        right: 0;
        width: 20px;
    }

    .stick.open {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        -webkit-transform: rotate(45deg) translate(38px, -28px);
        -ms-transform: rotate(45deg) translate(38px, -28px);
        transform: rotate(45deg) translate(38px, -28px);
        right: -2px;
        width: 20px;
    }

    .stick.open:after {
        -webkit-transform: rotate(-45deg) translate(38px, 28px);
        -ms-transform: rotate(-45deg) translate(38px, 28px);
        transform: rotate(-45deg) translate(38px, 28px);
        right: -2px;
        width: 20px;
    } */

    html.open-nav,
    body.open-nav {
        height: 100%;
        overflow: hidden;
    }

    .sidebar-in .side-menu-outer {
        position: fixed;
        top: 114px;
        /* left: -100%; */
        right: 0;
        width: 100%;
        z-index: 100;
        height: calc(100vh - 114px) !important;
        display: block;
        /* max-width: 271px; */
        max-width: 350px;
        background-color: #000;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    }

    .sidebar-in .side-menu-outer.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .sidebar-in nav ul li.has-menu a {
        padding-right: 20px;
    }

    .sidebar-in nav ul li.has-menu>a::before {
        right: 0;
    }

    .header_prof.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: revert;
        flex-direction: revert;
        padding: 20px 20px 10px;
    }

    .header_prof.mobile .header_prof_img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 10px;
    }

    .sidebar-in .side-menu-wpr {
        padding: 20px 25px;
    }

    .header_balance:not(:last-child) {
        margin-right: 0;
    }

    .header_balance.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: revert;
        flex-direction: revert;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: -o-linear-gradient(311deg, rgb(255 182 14 / 50%) 0%, rgba(255, 182, 14, 0.00) 100%);
        background: linear-gradient(139deg, rgb(255 182 14 / 50%) 0%, rgba(255, 182, 14, 0.00) 100%);
    }

    .header_balance .amount {
        width: auto;
    }

    .header_rgt.mobile {
        padding: 20px 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header_rgt .header-wlt {
        margin-left: 0;
        margin-right: auto;
        width: auto;
    }

    .progress-section.mobile {
        display: block;
        width: 100%;
        padding: 0 20px 20px;
    }

    .progress-section .progress {
        width: 95%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        border-radius: 10px;
        height: 12px;
        margin-bottom: 0;
    }

    .progress-section .progress::-webkit-progress-value {
        background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #85F7E2 47.40%, #FFB60E 100%);
    }

    .progress-section .task-progress img {
        max-width: 26px;
        padding-bottom: 0;
        right: 0;
    }

    .sidebar-in .side-menu-outer {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .sidebar-in .side-menu-wpr {
        padding: 20px 20px;
    }

    .sidebar-btm {
        padding: 0 20px 20px;
    }

    .logout-btn-wpr.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 20px 30px;
    }

    .logout-btn-wpr.mobile .hdr_log {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 34px;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
        border-radius: 25px;
        -webkit-border-radius: 30px;
        background-color: #252627;
        border: 1px solid transparent;
    }

    .logout-btn-wpr.mobile .hdr_log img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 20px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        margin-left: 7px;
    }

    /* / SD 04.08.23 start / */

    .fttr_logo_col {
        padding: 0 15px;
        width: 20%;
    }

    .fttr_logo_col a {
        width: 100%;
        max-width: 125px;
    }

    .fttr_link_col {
        width: 80%;
    }

    .fttr_right_col {
        width: 100%;
    }

    .fttr_card_link_wppr {
        padding-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fttr_main {
        padding-bottom: 10px;
        overflow: hidden;
    }

    .copy_right {
        padding: 10px 0;
        text-align: center;
    }

    /* / SD 04.08.23 end / */


    .mob-sidebar-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 99;
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%);
        -webkit-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

    .mob-sidebar-overlay.show {
        left: 0;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    /* / SD 08.08.23 start / */

    .program-card-row>*,
    .program-btm-row>* {
        width: 50%;
    }

    /* / SD 08.08.23 end / */

    /* / SD 09.08.23 start / */
    .affiliate_field_grp.new-ticket {
        padding: 20px 20px 30px;
    }

    .support_main_wpr h2 {
        margin-bottom: 25px;
    }

    .affiliate_field_grp.support_frm_grp:not(:last-child) {
        margin-bottom: 30px;
    }

    .affiliate_field_grp.support_frm_grp:last-child {
        margin-bottom: 0 !important;
        margin-top: 20px;
    }

    .ticket_details_wpr .popup_order_col p {
        font-size: 16px;
    }

    /* / SD 09.08.23 end / */
    .custom-tooltip-wpr .custom-tooltip-cntnt {
        width: 350px;
    }

    .success_modal_wpr h2 {
        max-width: 400px;
        margin: 0 auto 30px;
        font-size: 28px;
    }

    .account-form-wpr {
        padding: 20px 20px 45px;
    }

    .order-form-wpr form .form-group label {
        font-size: 16px;
        line-height: 1.25;
    }

    .api-page .main-content .content form input[type=text] {
        font-size: 16px;
        height: 50px;
    }

    .api-page .main-content .content form textarea,
    .api-page .main-content .content form pre {
        font-size: 16px;
    }

    /* / SD 18.08.23 start / */
    .error_img_wrap {
        max-width: 400px;
    }

    .error_sec>p {
        margin-bottom: 30px;
    }

    .dashboard .body-content-wpr {
        min-height: 1px;
    }

    .othr_frmBtn_col a {
        padding: 14px 6px;
    }

    .body-content-wpr.error_page .page-content-overlay::before {
        left: 0;
        background: url(https://storage.perfectcdn.com/idhwx8/43u68o9jhzda94fi.png) center no-repeat;
        width: 100%;
    }

    /* / SD 18.08.23 end / */
    .body-content-wpr.service-page .main-content .content .search-box .search-button {
        padding: 0;
    }

    .fttr_card_link_wppr img.pay-img {
        max-height: 30px;
    }

    .fttr_card_link_wppr img.tech-img {
        max-height: 47px;
    }

    footer.new-footer-2 .container .row.row-top .pay-tech-marks>div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .demoButton_wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 80px 0;
    }

    /* 08/09/2023 */
    .side-menu-toggler {
        display: none;
    }

    .top-alert-bar {
        z-index: 999;
    }

    .main-wpr .sidebar-in .nav-brand-wpr {
        height: auto;
        background-color: #101314;
        z-index: 999;
        position: relative;
    }

    .mobile-sidebar-hdr {
        background-color: #101314;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mobile-sidebar-hdr .mobile-sidebar-hdr-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .mobile-sidebar-hdr .mobile-sidebar-hdr-rht {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83px;
    }

    .mobile-sidebar-hdr .mobile-sidebar-hdr-rht .header_balance.mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .mobile-sidebar-hdr .mobile-sidebar-hdr-rht .header_balance.mobile .amount {
        font-size: 12px;
    }

    .header_prof.mobile {
        padding: 10px 15px 10px 20px;
    }

    .header_prof_rgt {
        font-size: 12px;
    }

    .header_prof.mobile .header_prof_img {
        margin-right: 8px;
        margin-bottom: 0;
        height: 30px;
        width: 30px;
    }

    .progress-section.mobile {
        padding: 0 20px 13px 25px;
    }

    .progress-section.mobile .task-progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .task-progress span {
        margin-bottom: 0;
        margin-right: 8px;
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .progress-section .progress {
        height: 8px;
    }

    .progress-section .task-progress img {
        max-width: 18px;
        right: -5px;
        bottom: -1px;
    }

    .sidebar-in .side-menu-outer {
        background-color: rgb(34 34 34 / 80%);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .header_rgt .header-wlt {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-btm {
        padding: 0 20px 35px;
    }

    .sidebar-btm-menu>li .hdng-txt {
        padding-left: 0;
    }

    .logout-btn-wpr.mobile .header-usd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #252627;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        border: 1px solid transparent;
        line-height: 1;
        text-transform: uppercase;
        line-height: 1;
        margin-right: 5px;
    }

    .logout-btn-wpr.mobile .header-usd:hover {
        color: #fff;
        border: 1px solid #FFB60E;
    }

    .logout-btn-wpr.mobile .header-nt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #252627;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        border: 1px solid transparent;
        line-height: 1;
        text-transform: uppercase;
        line-height: 1;
        margin-right: 5px;
    }

    .logout-btn-wpr.mobile .header-nt.active {
        border: 1px solid #fff;
        background-color: #fff;
    }

    .logout-btn-wpr.mobile .hdr_log {
        padding: 12px 16px;
        font-size: 16px;
    }

    .logout-btn-wpr.mobile .hdr_log img {
        margin-left: 8px;
    }

    .sidebar-in nav>ul>li>a {
        font-size: 16px;
    }

    .logout-btn-wpr.mobile {
        padding: 0 15px 30px;
    }

    li.drop-menu>ul a {
        padding: 10px 0;
    }

    .sidebar-in .side-menu-wpr {
        padding: 20px 20px 35px;
    }

    /* 08/09/2023 end */
    .refer-btn-wpr {
        padding: 0 20px;
    }

    .refer-btn {
        padding: 12px 20px;
        font-size: 14px;
    }

    .addfund-form-wpr .amout-wpr .custom-amnt ul li {
        width: 20%;
    }

    .tips-modal-hdr {
        padding: 0 10px 0;
    }

    .tips-modal-hdr h3 {
        font-size: 20px;
    }

    .tips-modal-form-wpr .form-group>label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .tips-modal-form-wpr .sbmt-btn-wpr {
        margin-top: 40px;
    }

    .header-nt-outer .notifiction-details-wpr .notif-hdng {
        font-size: 18px;
    }

    .notf-tab-wpr ul.nav li a {
        font-size: 14px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr .each-update-img img {
        width: 60px;
        height: 60px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr .update-tp a {
        font-size: 12px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr p {
        font-size: 13px;
    }

    .notf-tab-wpr .all-update-list {
        max-height: 265px;
    }

    .header-nt-outer .notifiction-details-wpr {
        right: -204px;
        width: 330px;
        bottom: calc(100% + 20px);
        top: auto;
    }

    .language-wpr .language-list {
        left: -30px;
        width: 290px;
        bottom: calc(100% + 20px);
        top: auto;
    }

    .logout-btn-wpr.mobile>*:not(:last-child) {
        margin-right: 10px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr .update-tp a img {
        margin-left: 5px;
        width: 5px;
        margin-top: 0px;
    }

    li.drop-menu>ul a:hover,
    li.drop-menu>ul li.active a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .faq-outer-wpr .faq-row {
        --row-gutter-x: 0;
        --row-gutter-y: 0;
    }

    .faq-sec-hdng {
        margin: 0 0 20px;
    }

    .side-bar-social ul {
        padding-left: 0;
    }

    /* 06/11/2023 start */
    .banner-cntnt {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .banner-cntnt h1 {
        max-width: 400px;
    }

    .signup-sec .bg-overlay img {
        top: -5%;
        width: auto;
        max-width: inherit;
        opacity: 0.9;
    }

    body.guest .faq-cntnt-sec {
        padding: 40px 0 70px;
    }

    /* 06/11/2023 end */
    /* 16/11/2023 start */
    .cmn-border-btn {
        font-size: 18px;
        padding: 15px 30px;
    }

    /* 16/11/2023 end */
}

@media screen and (max-width: 767px) {
    .top-alert-cntnt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        max-width: 460px;
        margin: 0 auto;
    }

    .top-alert-cntnt .grdnt-btn {
        margin-left: 0;
        margin-right: 10px;
        width: auto;
    }

    .grdnt-btn {
        padding: 9px 18px;
        min-width: 80px;
        font-size: 16px;
    }

    .sidebar-in .nav-brand-wpr {
        padding: 14px 20px;
    }

    .dashboard .body-content-wpr {
        padding: 30px 20px 50px;
    }

    .new-order-notf h2 {
        font-size: 28px;
    }

    .page-body::before {
        background-size: 120%;
        background-position: top 140px left -70px;
    }

    .new-order-notf::before {
        width: 120px;
        height: 96px;
    }

    .plc-order-form-wpr .form-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .plc-order-form-wpr .service-cost {
        margin-bottom: 10px;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .plc-order-form-wpr .service-cost h4 {
        margin: 0 15px 0 0;
    }

    .plc-order-form-wpr .sbmt-btn-wpr {
        margin: 30px 0 0;
        width: 100%;
        text-align: center;
    }

    .plc-order-form-wpr .ylw-sbmt-btn {
        min-width: 1px;
        width: 100%;
        max-width: 305px;
    }

    .order-srch-form-wpr .order-srch-row input[type="text"],
    .order-srch-form-wpr .order-srch-row input[type="search"] {
        margin-right: 15px;
    }

    .order-dtls>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    /* / SD 04.08.23 start / */

    .fttr_rw {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fttr_link_col {
        width: 100%;
    }

    .fttr_logo_col {
        width: 100%;
        margin-bottom: 15px;
    }

    .fttr_logo_col a {
        display: block !important;
        margin: 0 auto;
    }

    .copy_right p a {
        display: inline-block !important;
        width: auto !important;
    }

    /* / SD 04.08.23 end / */
    /* / SD 08.08.23 start / */

    .ordr_details_popUp {
        min-width: inherit;
        width: 100%;
    }

    .update_col {
        width: 50%;
    }

    .affi_product_three {
        top: -20px;
    }

    .affi_product_seven {
        top: -35px;
        width: 30px;
        z-index: -1;
    }

    .affi_product_nine {
        width: 40px;
        bottom: -50px;
    }

    .demo_logo_wrpr {
        padding-left: 0;
        padding-right: 0;
    }

    .shr-rfl-btm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .shr-rfl-btm .shr-rfl-btm-lft,
    .shr-rfl-btm .shr-rfl-btm-rht {
        width: 100%;
    }

    .shr-rfl-btm .shr-rfl-btm-lft {
        margin-bottom: 15px;
    }

    .rfl-icon-list ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .vip_prgrm_innr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .vip_img_wpr {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .vip_reward_table_wpr {
        width: 100%;
        margin-bottom: 30px;
    }

    .vipReward_btn_wpr {
        max-width: 180px;
        margin-left: 0;
    }

    .vip_prgrm_main h2 {
        margin-bottom: 15px;
    }

    .vip_progress_wrppr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .vip_progress_wrppr .task-progress {
        width: 100%;
        padding: 0 0 25px;
        margin-bottom: 30px;
        position: relative;
    }

    .vip_progress_head_wpr .gray_txt {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .vip_allTab_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .unlockBtn_wrap {
        margin-top: 20px;
    }

    /* / SD 08.08.23 end / */

    /* / SD 09.08.23 start / */
    .your-ticket-table.cmn-table .time_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .your-ticket-table.cmn-table .time_info span {
        margin-top: 5px;
        margin-left: 0;
    }

    .support_chat_col {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ticket_details_col {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .ticket_details_wpr h2 {
        margin-bottom: 16px;
    }

    .noChat_wpr .noChat_icon {
        max-width: 70%;
    }

    .noChat_wpr {
        padding-top: 0;
    }

    /* / SD 09.08.23 end / */
    .custom-tooltip-wpr .custom-tooltip-cntnt {
        padding: 22px;
        min-height: 160px;
    }

    .success_popUp .modal-wpr {
        padding: 50px 40px;
    }

    .success_modal_wpr p {
        font-size: 16px;
    }

    .success_modal_wpr>span {
        width: 50px;
        height: 50px;
    }

    .modal-hdng {
        font-size: 20px;
        line-height: 1.67;
    }

    /* / SD 18.08.23 start / */

    .coming_sn_head h1 {
        font-size: 55px;
        margin-bottom: 20px;
    }

    .coming_sn_head p {
        font-size: 14px;
    }

    .coming_sn_head {
        margin-bottom: 20px;
    }

    .each_cmingsn_count {
        padding-right: 24px;
        font-size: 30px;
    }

    .each_cmingsn_count_col .each_dot {
        font-size: 30px;
    }

    .each_cmingsn_count span {
        font-size: 14px;
    }

    .each_cmingsn_count_col {
        padding: 0 12px;
    }

    .cmingsn_countdn_wrap {
        margin: 0 -12px 30px;
    }

    .cmingsn_notify_wrap form {
        margin-bottom: 20px;
    }

    .cmingsn_notify_wrap a.backHome_btn {
        font-size: 14px;
    }

    .cming_soon_main {
        padding: 40px 0;
    }

    .custom-modal-outer {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 50px 0;
    }

    .login_img_innr {
        padding: 30px 20px 0;
    }

    .overLay_login {
        display: none;
    }

    .login_img_wrp {
        padding-top: 0;
    }

    .login_img_wrp a.login_logo {
        display: none;
    }

    .login_img_wrp img {
        max-height: 240px;
    }

    .row.new-row.auth_rw {
        --row-gutter-x: 0;
        --row-gutter-y: 0;
    }

    .login_txt_wrp {
        padding: 50px 20px 40px;
    }

    .cmn_login_innr .rgstr-form-wpr {
        max-height: inherit;
    }

    .login_txt_wrp .cmn_login_heading {
        margin-bottom: 30px;
    }

    .reset_pass_main .login_img_innr {
        padding-bottom: 0;
    }

    /* / SD 18.08.23 end / */
    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr {
        width: 100%;
        border-right: 0;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr:nth-last-child(2):nth-child(odd) {
        border-bottom: 1px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% - 44px);
        padding-right: 60px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .tags {
        margin-left: 0;
        margin-top: 12px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .collapse-button {
        position: absolute;
        top: 50%;
        right: 10px;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100;
    }

    .service-page.service-popup .service-popup-content {
        overflow: hidden;
    }

    .service-page.service-popup .service-popup-content .popup_order_main {
        max-height: calc(100% - 65px);
        word-break: break-all;
        padding: 0 15px 25px;
    }

    .service-page.service-popup .service-popup-content h2 {
        padding: 15px 40px 15px 20px;
        font-size: 18px;
    }

    .service-page.service-popup .service-popup-content .popup_order_main .popup_order_rw.hdng .popup_order_col p,
    .service-page.service-popup .service-popup-content .popup_order_main .popup_order_rw.hdng .popup_order_col .popUp_table_title {
        font-size: 14px;
    }

    .fttr_card_link_wppr img.pay-img {
        max-height: 27px;
    }

    footer.new-footer-2 .container .row.row-top .pay-tech-marks>div img.tech-mark {
        max-height: 47px;
    }

    .demoButton_wrap a {
        margin-bottom: 10px;
    }

    .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered>span {
        line-height: 1.3;
        font-weight: 500;
    }

    .plc-order-form-rht-col .dscp-txt {
        padding: 15px;
        border-radius: 8px;
        background-color: rgba(30, 33, 36, 0.25);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .plc-order-form-wpr .form-footer {
        margin-top: 30px;
    }

    .faq-card .faq-hdng>img {
        margin-right: 15px;
    }

    .faq-sec {
        padding: 30px 0;
    }

    .login_img_wrp.sign-in-modal>img.login-popup-img {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: -20px;
        max-height: inherit;
    }

    /* 06/11/2023 start */
    .banner-cntnt h1 {
        font-size: 60px;
    }

    .banner-cntnt h2 {
        font-size: 24px;
    }

    .banner-cntnt p {
        font-size: 20px;
        margin: 0 0 16px;
    }

    .banner-point-txt ul li {
        font-size: 18px;
    }

    .signup-sec {
        padding: 40px 0 70px;
    }

    .grd-btn {
        font-size: 16px;
    }

    .grd-btn img {
        width: 36px;
        margin-left: 10px;
    }

    .signup-right-cntnt {
        padding: 25px 30px;
    }

    .signup-right-cntnt .cmn_login_heading {
        font-size: 28px;
    }

    .main-content .container {
        width: 100%;
        padding: 0 20px;
    }

    /* 06/11/2023 end */

}

@media screen and (max-width: 575px) {
    .select2-container.select2-container--default.select2-container--open .select2-dropdown {
        /* max-height: 300px; */
        /*overflow-x: auto; */
        background-color: #252627;
        border: 0;
        -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 20px 10px rgba(0, 0, 0, 0.2);
        border-radius: 0 0 10px 10px;
        /*overflow-y: auto !important; */
    }

    .plc-order-form-wpr .service-cost h4 {
        flex: 0 0 auto;
        max-width: 100% !important;
    }

    .page-hdng {
        font-size: 20px;
        margin: 0px 0 18px;
        font-weight: 500;
    }

    .dashboard .body-content-wpr {
        padding: 30px 15px 38px!important;
    }

    .new-order-notf h2 {
        font-size: 24px;
    }

    .new-order-notf {
        padding: 15px 20px 20px;
    }

    .new-order-notf {
        overflow: hidden;
    }

    .new-order-notf::before {
        width: 120px;
        height: 110px;
        bottom: -30px;
        right: -16px;
        background-size: 100%;
        background-position: top right;
        opacity: 0.8;
    }

    .plc-new-tab-menu ul li a {
        font-size: 18px;
    }

    .wtch-vdo-wpr {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wtch-vdo-wpr p {
        margin-bottom: 20px;
        font-weight: 500;
    }

    .wtch-vdo-wpr p:last-child {
        margin-bottom: 0;
    }

    /* .temp-main-wprd a {
        width: 100%;
    } */
    .order-srch-form-wpr .order-srch-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .order-srch-form-wpr .order-srch-row input[type="text"],
    .order-srch-form-wpr .order-srch-row input[type="search"] {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 0 20px;
        font-size: 13px;
    }

    .order-srch-form-wpr .order-srch-row button[type="submit"],
    .order-srch-form-wpr .order-srch-row input[type="submit"] {
        width: 100%;
    }

    .social-pckgs-btns ul li a {
        width: 47px;
        height: 40px;
        border-radius: 50%;
    }

    .social-pckgs-btns ul li {
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .social-pckgs-btns ul {
        margin: 0 0 -8px;
        justify-content: center;
        gap: 5px;
    }

    .service-drop-menu .srvc-hdng {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .service-drop-menu .srvc-hdng .nt-grntd {
        margin-top: 14px;
    }

    .service-drop-menu .srvc-hdng h3 {
        max-width: 220px;
    }

    .service-drop-menu .srvc-hdng .rate {
        margin-left: 0;
        margin-top: 14px;
    }

    .plc-order-form-wpr .service-cost .price span {
        font-size: 16px;
    }

    .plc-order-form-wpr .service-cost h4 {
        font-size: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 130px;
    }

    .plc-order-form-wpr .service-cost .price {
        font-size: 13px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .top-alert-cntnt {
        padding-left: 0;
        padding-right: 30px;
    }

    /* / SD 08.08.23 start / */
    .wtch-vdo-wpr .vdo-wpr-cls-btn {
        top: 15px;
        right: 15px;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }

    .cmn-table td .reordr-btn {
        width: 34px;
    }

    table.cmn-table tbody tr {
        width: 100%;
    }

    .update_lists_wrappr {
        overflow: auto;
    }

    .update_lists {
        margin: 0;
    }

    .order-srch-form-wpr.order-page {
        margin-bottom: 25px;
    }

    .update_lists li:last-child {
        padding-right: 15px;
    }

    table.cmn-table tbody tr,
    table.cmn-table tbody tr td,
    table.cmn-table tbody tr td:last-child {
        border-right: none;
    }

    .cmn-table-wpr {
        padding: 20px 0;
    }

    table.cmn-table tbody tr:first-child td:first-child,
    table.cmn-table tbody tr:first-child td:first-child::before {
        padding-top: 15px;
    }

    table.cmn-table tbody tr:last-child td:last-child,
    table.cmn-table tbody tr:last-child td:last-child::before {
        padding-bottom: 15px;
    }

    table.cmn-table tbody tr td:last-child::before {
        padding-bottom: 35px;
    }

    table.cmn-table tbody tr td {
        padding: 0 20px 15px;
        padding-left: 37%;
    }

    table.cmn-table tbody tr td::before {
        padding: 0 10px 15px 20px;
    }

    table.cmn-table tbody tr td[data-heading="Order ID"] {
        font-size: 16px;
    }

    .info-btn .status .info-txt-wpr p {
        max-height: 150px;
        height: 100%;
        padding-right: 0;
        font-size: 13px;
        line-height: 1.5;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .info-btn .status .info-txt-wpr {
        right: 23%;
        width: 258px;
    }

    .info-btn .status .info-txt-wpr-in {
        padding: 10px 20px;
        min-height: 80px;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .ordr_details_popUp .popup_order_col:first-child {
        width: 30%;
        padding-right: 15px;
    }

    .fund-item {
        flex-direction: column;
    }

    .fund-item .form-check {
        max-width: 100% !important;
    }


    .ordr_details_popUp .popup_order_col:last-child {
        width: 70%;
        padding-right: 0;
    }

    .ordr_details_popUp .popup_order_main::before {
        left: 30%;
    }

    .ordr_details_popUp .popup_order_rw:last-child:before {
        display: block;
    }

    .update_col {
        width: 100%;
    }

    .affiliates-page .page-hdng {
        margin-bottom: 30px;
    }

    .affiliate_field_grp {
        padding: 20px;
        border-radius: 10px;
    }

    .frm_two_field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .affiliate_field_grp.offr_col .offr_wrap {
        width: 100%;
        min-height: 50px;
        padding: 0 15px;
    }

    .offr_col .copyBtn_wrap,
    .copyBtn_wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }

    .row.affiliate_rw {
        --row-gutter-x: 0;
    }

    .frm_two_field input[type=text] {
        width: 100%;
        padding: 0 15px;
        height: 50px;
    }

    .share-referral-hdng a {
        display: inline-block;
        width: auto;
    }

    .copyBtn_wrap {
        padding-bottom: 20px;
    }

    .affiliate_table_wrap table {
        display: block;
    }

    .affiliate_table_wrap table thead {
        display: none;
    }

    .affiliate_table_wrap table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .affiliate_table_wrap table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .affiliate_table_wrap table tbody tr td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        position: relative;
        text-align: left;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-right: none;
        padding-left: 47%;
    }

    .affiliate_table_wrap table tbody tr:last-child td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .affiliate_table_wrap table tbody tr td:last-child {
        border-bottom: none;
    }

    .affiliate_table_wrap table tbody tr td::before {
        content: attr(data-heading);
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        padding: 15px 20px 15px 0;
        text-align: left;
        font-size: 16px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 1.75;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .program-card-row>*,
    .program-btm-row>* {
        width: 100%;
    }

    table.your-ticket-table.cmn-table tbody tr td::before {
        padding-left: 0;
    }

    /* / SD 08.08.23 end / */

    .modal-hdng {
        font-size: 18px;
    }

    .refer-img-wpr img.desktop-img {
        display: none;
    }

    .refer-img-wpr img.mobile-img {
        display: block;
    }

    .refer-img-wpr {
        padding: 0;
        margin: 0;
    }

    .refer-earn-modal-body .learn-more-link-wpr {
        margin-bottom: 15px;
    }

    .rfer-link-wpr .rfer-link-copy-wpr .rfer-link {
        padding: 16px 30px 17px 20px;
        line-height: 1.1;
    }

    .rfer-link-wpr h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.8;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count .time {
        font-size: 42px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count .time span {
        margin-top: -5px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count span.dot {
        font-size: 42px;
        padding-left: 14px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count {
        padding: 0 7px;
    }

    .rffl-countdn-wpr .rffl-countdn-in {
        margin: 0 -7px;
    }

    .api-page .main-content .content form input[type=text],
    .api-page .main-content .content form textarea,
    .api-page .main-content .content form pre {
        font-size: 14px;
    }

    /* / SD 18.08.23 start / */

    .demoButton_wrap {
        padding-top: 100px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .demoButton_wrap a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .demoButton_wrap a {
        width: 100%;
    }

    .login-popup .login_img_wrp img {
        max-height: 230px;
    }

    .register-popup .login_img_wrp img {
        max-height: 270px;
    }

    .reset-pass-popup .login_img_wrp img {
        max-height: 250px;
    }

    /* / SD 18.08.23 end / */


    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group {
        padding: 0 20px;
        border-radius: 20px;
        right: -1px;
        position: relative;
        margin-top: 20px;
        width: 100%;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group::before {
        display: none;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span[data-filter-active-category] {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
    }

    .body-content-wpr.service-page .main-content .content .services {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
        margin-top: 40px;
    }

    .body-content-wpr.service-page .main-content .content .services h2 {
        font-size: 20px;
        line-height: 1.5;
        margin: 20px 0 20px 8px;
        /*0 0 20px*/
        width: 100%;
    }

    .body-content-wpr.service-page .main-content .content .services .service-list {
        padding-top: 0;
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon {
        margin-top: 5px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .title {
        width: calc(100% - 34px);
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head .collapse-button {
        top: 15px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .table-container {
        padding-left: 0;
        padding-right: 0;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td {
        padding-left: 48%;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td::before {
        width: 42%;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>ul.dropdown-menu {
        max-width: 100%;
    }

    .body-content-wpr.service-page .dropdown-menu>li>a {
        white-space: normal;
    }

    .service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:first-child {
        width: 40%;
    }

    .service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:last-child {
        width: 60%;
        padding-right: 0;
    }

    .service-page.service-popup .service-popup-content .popup_order_main::before {
        left: 34%;
    }

    .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
        padding: 13px 20px;
        font-size: 15px;
        line-height: 1;
        min-height: 50px;
    }

    .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 30px;
        height: 30px;
        right: 14px;
    }

    .select-box>h3 {
        font-size: 14px;
    }

    .custom-modal-outer .custom-modal-in.change-img-modal-in .modal-cntnt-wpr {
        padding: 22px 10px 35px;
    }

    .change-photo-popup .change-img-cntnt h3 {
        font-size: 16px;
        line-height: 1.25;
        margin: 0 0 27px;
        padding-right: 40px;
    }

    .change-photo-popup .change-img-cntnt .modal-close-btn {
        width: 16px;
        height: 16px;
        top: 24px;
    }

    .login_img_wrp.sign-in-modal>img {
        max-height: 360px;
    }

    .login_txt_wrp.sign-in-modal {
        padding-top: 0;
    }

    .order-srch-form-wpr .srch-order-wpr {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0;
        margin: 0 0 15px;
        width: 100%;
    }

    .affiliate_field_grp input[type="text"],
    .affiliate_field_grp input[type="email"],
    .affiliate_field_grp input[type="tel"],
    .affiliate_field_grp input[type="password"],
    .affiliate_field_grp select {
        height: 50px;
    }

    .addfund-form-wpr .form-hdr h2 {
        font-size: 16px;
    }

    .cmn-grad-btn {
        padding: 10px 20px;
        font-size: 16px;
    }

    .addfund-form-wpr .form-hdr {
        padding: 20px;
    }

    .affiliate_field_grp.support_frm_grp:not(:last-child) {
        margin-bottom: 20px;
    }

    .addfund-form-wpr .amout-wpr .custom-amnt ul li {
        width: 25%;
    }

    .addfund-step-wpr {
        padding: 20px 20px 30px;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in::before {
        font-size: 18px;
        width: 30px;
        height: 30px;
    }

    .addfund-step-outer .addfund-each-step {
        padding: 15px 0 23px;
    }

    .addfund-step-wpr .wtch-vdo-wpr {
        padding: 20px;
    }

    .addfund-step-wpr .wtch-vdo-wpr p {
        width: 100%;
        padding-right: 30px;
    }

    .addfund-step-wpr .wtch-vdo-wpr a.ylw-btn {
        padding: 14px 15px;
        font-size: 16px;
        margin: 0 auto;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in {
        padding: 30px 15px;
    }

    .tips-modal-hdr h3 {
        font-size: 18px;
    }

    .tips-modal-form-wpr input[type="text"],
    .tips-modal-form-wpr input[type="tel"],
    .tips-modal-form-wpr input[type="email"],
    .tips-modal-form-wpr input[type="password"],
    .tips-modal-form-wpr select {
        height: 50px;
    }

    .tips-success-cntnt>img.tick-img {
        max-width: 45px;
        margin: 30px 0 17px;
    }

    .tips-modal-form-wpr {
        padding: 20px 10px 0;
    }

    .payment-error-wpr .payment-error-img-wpr {
        max-width: 300px;
    }

    .payment-error-wpr .cmn_blue_btn {
        margin-top: 50px;
    }


    /* 16/11/2023 start */
    .cmn-border-btn {
        font-size: 16px;
        padding: 16px 20px;
        font-weight: 500;
    }

    /* 16/11/2023 end */

}

@media screen and (max-width: 479px) {
    .new-order-notf h2 {
        font-size: 18px;
    }

    .plc-new-tab-dtls {
        padding: 20px;
    }

    /* / SD 04.08.23 start / */

    .fttr_link_innr {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fttr_menu_wppr_outter {
        width: 50%;
        margin-bottom: 15px;
    }

    .fttr_card_link_wppr {
        padding-top: 15px;
    }

    .copy_right p {
        font-size: 14px;
    }

    .fttr_menu_wppr li a {
        font-size: 14px;
    }

    /* / SD 04.08.23 end / */
    .top-alert-close-btn {
        width: 20px;
    }

    .top-alert-cntnt {
        padding-right: 25px;
    }

    .order-dtls ul li {
        margin-bottom: 3px;
    }

    /* / SD 08.08.23 start / */
    .top-alert-bar {
        display: none !important;
        /*padding: 10px 0; */
    }

    .notf-cls-btn {
        padding: 0;
        width: 24px;
    }

    .ylw-btn {
        padding: 14px 15px;
    }

    .social-pckgs-btns ul {
        margin: 0 -8px -8px 0;
    }

    .plc-order-form-wpr .form-group .form-hdng {
        font-size: 16px;
        line-height: 1.8;
    }

    .service-drop-menu .srvc-hdng h3 {
        font-size: 15px;
    }

    .plc-order-form-wpr form input[type="text"],
    .plc-order-form-wpr form input[type="email"],
    .plc-order-form-wpr form input[type="tel"],
    .plc-order-form-wpr form input[type="password"],
    .plc-order-form-wpr form input[type="url"] {
        height: 50px;
        padding-left: 15px;
        background-size: 20px;
        background-position: right 15px center;
    }

    .plc-order-form-wpr .service-cost .price {
        font-size: 12px;
        
    }

    .service-cost:nth-child(2) .price {
        font-size: 16px;
    }

    .plc-order-form-wpr .service-cost h4 span.tooltipp {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
    }

    .plc-order-form-wpr .ylw-sbmt-btn {
        height: 40px;
    }

    .ordr_details_popUp .popup_order_col:first-child {
        width: 35%;
    }

    .ordr_details_popUp .popup_order_col:last-child {
        width: 65%;
        padding-left: 15px;
    }

    .ordr_details_popUp .popup_order_main::before {
        left: 35%;
    }

    .ordr_inform_popUp {
        min-width: inherit;
        width: 100%;
    }

    .popUp_review_part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
    }

    .popUp_review_part .left {
        margin-bottom: 5px;
    }

    .ordr_inform_popUp .modal-hdng {
        font-size: 18px;
    }

    .ordr_inform_popUp .modal-hdr {
        margin-bottom: 40px;
    }

    .ordr_inform_popUp .popUp_table_title,
    .ordr_inform_popUp .popup_order_col p {
        line-height: 2.5;
        display: block;
    }

    .popup_order_col {
        padding: 12px 20px;
    }

    .ordr_inform_popUp .popup_order_rw:first-child>* {
        padding-top: 0;
    }

    .ordr_inform_popUp .popup_order_rw:last-child>* {
        padding-bottom: 0;
    }

    .btn_wppr {
        margin-bottom: 35px;
    }

    .list_rating {
        padding-left: 10px;
    }

    .trustpilot_star {
        margin-left: 10px;
    }

    .popUp_table_title {
        font-size: 14px;
    }

    .update_card_row:first-child .update_card_data p {
        font-size: 16px;
    }

    .update_card_title_col {
        width: 45%;
    }

    .update_card_data {
        width: 55%;
    }

    .update_card_row_outter::before {
        left: 44%;
    }

    .update_card_row {
        margin-left: 0;
        margin-right: 0;
    }

    .update_card_row>* {
        padding: 0 20px;
    }

    .update_card_row .update_card_title_col {
        padding-left: 0;
    }

    .update_card_row .update_card_data {
        padding-right: 0;
    }

    .update_card_row:first-child {
        padding-top: 10px;
    }

    .update_card_data p.time_info {
        font-size: 14px;
    }

    .update_card_title_col p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .update_card_wrppr {
        padding: 20px 20px 30px;
    }

    .updateCard_btn {
        width: auto !important;
        min-width: 150px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 10px 15px;
    }

    .card_status_btn {
        margin-top: 5px;
    }

    .program-card .program-card-hdng h2 {
        font-size: 16px;
        line-height: 1.3;
    }

    .program-card .program-card-hdng {
        margin-bottom: 10px;
    }

    .program-btm-sec {
        padding-top: 25px;
        margin-top: 25px;
    }

    .program-btm-card .program-btm-hdng {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .program-btm-card {
        padding: 20px;
    }

    .program-btm-card .program-btm-txt {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .affiliates-page .page-hdng {
        margin-bottom: 0;
    }

    .affiliate_field_innr input[type="text"],
    .affiliate_field_innr input[type="email"],
    .affiliate_field_innr input[type="tel"] {
        height: 50px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 15px;
    }

    .offr_wrap p,
    .offr_wrap span {
        font-size: 16px;
    }

    .demo_logo_wrpr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .demo_logo_wrpr>span {
        margin-bottom: 10px;
    }

    .row.affiliate_form_rw {
        --row-gutter-x: 0;
        --row-gutter-y: 15px;
    }

    .affiliate_table_wrap {
        padding: 20px 25px;
        border-radius: 10px;
    }

    .affiliate_table_wrap table tbody tr td::before {
        width: 55%;
    }

    .affiliate_table_wrap table tbody tr td {
        padding-left: 62%;
    }

    .affiliate_count>span {
        font-size: 34px;
        top: 2px;
    }

    .affiliate_txt h2 {
        font-size: 18px;
    }

    .affiliate_count {
        margin-bottom: 30px;
    }

    .affi_product_one {
        right: 20px;
        width: 20px;
    }

    .affi_product_three {
        top: -30px;
        width: 25px;
        z-index: -1;
    }

    .affiliate_main {
        margin-bottom: 50px;
    }

    .demo_logo_wrpr>span {
        margin-right: 0;
    }

    .demo_logo_wrpr>p {
        font-size: 16px;
    }

    .demo_logo_wrpr,
    .reward-snt-wpr {
        margin-bottom: 50px;
    }

    .reward-snt-wpr {
        padding: 30px 20px 35px;
        border-radius: 10px;
    }

    .reward-snt-wpr .cmn-hdng.center {
        text-align: left;
        font-size: 20px;
        margin-bottom: 12px;
    }

    .reward-snt-card .reward-snt-icon-wpr {
        width: 50px;
        height: 50px;
        padding: 10px;
        margin-right: 10px;
    }

    .reward-snt-card .reward-snt-txt h3 {
        margin-bottom: 0;
    }

    .reward-snt-card .reward-snt-txt span.cmn-hdng {
        font-size: 20px;
    }

    .reward-snt-card {
        width: 100%;
    }

    .reward-snt-row.row {
        --row-gutter-y: 15px;
    }

    .share-referral-hdng {
        line-height: 1.5;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .shr-rfl-btm {
        margin-top: 65px;
        padding: 20px 20px 50px;
    }

    .rfl-btm-hdng {
        padding-left: 0;
        margin-top: 20px;
    }

    .shr-rfl-btm .shr-rfl-btm-lft {
        margin-bottom: 50px;
    }

    .rfl-icon-list ul li {
        margin-right: 14px;
    }

    .rfl-icon-list ul {
        margin-right: -15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .vip_prgrm_main {
        padding: 20px 20px 33px;
    }

    .vip_prgrm_main h2 {
        font-size: 18px;
        line-height: 1.5;
    }

    .vip_img_wpr>.upload_icon {
        width: 30px;
        height: 30px;
    }

    .vip_reward_table_wpr table tbody tr td {
        font-size: 16px;
    }

    .vip_reward_table_wpr table tbody td span {
        display: none;
    }

    .vip_reward_table_wpr table thead tr th:first-child {
        padding-left: 0;
    }

    .vip_reward_table_wpr table thead tr th,
    .vip_reward_table_wpr table tbody tr td {
        padding-left: 15px;
        padding-right: 15px;
    }

    .vip_reward_table_wpr table thead tr th:last-child {
        padding-right: 0;
    }

    .vipReward_btn_wpr {
        max-width: 100%;
    }

    .vip_progress_wrppr {
        padding: 25px 15px;
    }

    .vip_progress_head span {
        font-size: 14px;
        margin-bottom: 0;
    }

    .vip_progress_head i {
        width: 20px;
    }

    .vip_progress_head_wpr {
        margin-bottom: 10px;
    }

    .vip_progress_wrppr .updateCard_btn {
        padding: 5px 15px;
    }

    .vip_allTab_list {
        padding: 20px 15px 0;
    }

    .vip_allTab_list ul li {
        margin-right: 30px;
    }

    .vip_allTab_list ul li a {
        font-size: 16px;
    }

    .vip_allTab_list ul li a .icon-wpr {
        padding: 0;
        width: 20px;
    }

    .vip_allTab_content {
        padding: 20px 15px 30px;
    }

    .vip_allTab_item {
        padding: 20px 15px 15px;
        margin-bottom: 15px;
    }

    .vip_allTab_item .query_icon {
        width: 18px;
        top: 13px;
        right: 13px;
    }

    .vip_allTab_txt i {
        width: 50px;
        height: 50px;
    }

    .vip_allTab_txt span {
        font-size: 16px;
    }

    .vip_allTabInnr_itm {
        min-height: 125px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .row.vip_allTab_rw {
        --row-gutter-y: 15px;
    }

    .query_icon {
        width: 18px !important;
        height: 18px;
        top: 13px;
        right: 13px;
    }

    .vip_allTabInnr_itm p {
        font-size: 20px;
    }

    .vip_reward_table_wpr table tbody tr td:first-child {
        padding-left: 0;
    }

    .vip_reward_table_wpr table tbody tr td:last-child {
        padding-right: 0;
    }

    .vip_reward_table_wpr table {
        width: 100%;
    }

    /* / SD 08.08.23 end / */

    /* / SD 09.08.23 start / */
    .support_main_wpr.new-ticket h2 {
        line-height: 1.45;
    }

    .affiliate_field_grp.support_frm_grp label {
        font-size: 16px;
        line-height: 1.3;
    }

    .support_frm_grp .srvc-hdng .accrd-btn {
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    .support_frm_grp .service-drop-menu>.srvc-hdng {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .support_frm_grp .service-drop-menu .srvc-hdng h3 {
        font-size: 14px;
    }

    .support_frm_grp .drop-menu-wpr-in .srvc-hdng {
        padding: 10px 15px;
    }

    .support_frm_grp .affiliate_field_innr textarea {
        height: 210px !important;
        padding: 15px;
        margin-bottom: 30px;
    }

    table.your-ticket-table.cmn-table tbody tr:nth-child(odd) td::before {
        font-size: 14px;
    }

    .support_main_wpr table td>.updateCard_btn {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .support_pagination {
        padding-top: 0;
    }

    .support_pagination li a,
    .support_pagination li span {
        font-size: 16px;
    }

    .support_pagination li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .support_pagination li a.prev_arrw,
    .support_pagination li a.next_arrw {
        line-height: 0;
    }

    .support_pagination li a.prev_arrw svg,
    .support_pagination li a.next_arrw svg,
    .support_pagination li a.prev_arrw img,
    .support_pagination li a.next_arrw img {
        width: 8px;
    }

    .vipresward_subtitle {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 2.15;
    }

    .cmn_gray_bg.ticket_details_wpr {
        padding: 20px 20px 10px;
    }

    .ticket_details_wpr h2 {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .ticket_details_wpr .popup_order_rw .popup_order_col {
        padding: 0 20px 15px;
    }

    .ticket_details_wpr .popup_order_rw .popup_order_col:first-child {
        padding-left: 0;
    }

    .ticket_details_wpr .popup_order_rw .popup_order_col:last-child {
        padding-right: 0;
    }

    .ticket_details_wpr .popup_order_rw::before {
        display: none;
    }

    .popup_order_rw:first-child .popup_order_col {
        padding-top: 10px;
    }

    .ticket_details_wpr .popup_order_col p {
        font-size: 14px;
        font-weight: 600;
    }

    .popup_order_rw:first-child .popup_order_col p {
        font-size: 16px;
    }

    .cmn_gray_bg.support_chat_bx {
        padding: 20px 0 35px;
    }

    .support_chat_bx h2 {
        padding: 0 15px;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 30px;
    }

    .chat_date p {
        font-size: 14px;
    }

    .chatUser_logo {
        width: 40px;
        height: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .chat_wpr .chat_field {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 20px 20px 25px;
    }

    .chat_field .chat_time {
        bottom: 5px;
    }

    .chat_body .chat_wpr_outtr {
        padding-bottom: 40px;
    }

    .chat_fttr textarea {
        height: 140px;
        padding: 15px;
        margin-bottom: 20px;
    }

    .support_chat_bx .chat_body,
    .support_chat_bx .chat_fttr {
        padding: 0 15px;
    }

    .chat_fttr form input[type="submit"] {
        width: 100%;
        min-width: inherit;
        height: 40px;
    }

    .noChat_wpr .noChat_icon {
        max-width: 275px;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .noChat_wpr>p {
        font-size: 16px;
        line-height: 1.3;
    }

    .noChat_wpr {
        padding-bottom: 35px;
    }

    .chat_fttr label {
        font-size: 16px;
        line-height: 1.9;
    }

    /* / SD 09.08.23 end / */
    .custom-tooltip-wpr .custom-tooltip-cntnt {
        width: 270px;
    }

    .custom-tooltip-wpr .custom-tooltip-cntnt p {
        font-size: 13px;
    }

    .rank_modal .modal-hdr {
        margin-bottom: 0 !important;
    }

    .rank_modal .modal-body {
        padding: 20px 20px 15px;
    }

    .success_popUp .modal-wpr {
        padding: 60px 20px 50px;
    }

    .success_modal_wpr h2 {
        font-size: 24px;
    }

    .success_modal_wpr>span {
        width: 45px;
        height: 45px;
        margin-bottom: 27px;
    }

    .rfer-link-wpr .rfer-link-copy-wpr .rfer-link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .rfer-link-wpr .rfer-link-copy-wpr .copy-btn {
        padding: 8px 20px;
        line-height: 1.4;
        width: 100%;
        margin: 0;
    }

    .raffel-modal .rffl-top-wpr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .raffel-modal .rffl-top-wpr .rffl-date-wpr {
        margin-bottom: 10px;
    }

    .raffel-modal .rffl-top-wpr .prize-pool-wpr {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 0;
        width: 100%;
    }

    .raffel-modal .rffl-top-wpr .prize-pool-wpr p {
        text-align: left;
    }

    .rffl-countdn-wpr {
        padding: 0 20px 20px;
        width: 100%;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count span.dot {
        padding-left: 10px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count {
        padding: 0 5px;
    }

    .raffl-info-txt {
        margin-bottom: 35px;
    }

    .wtch-vdo-wpr a.ylw-btn {
        margin-top: 20px !important;
        width: 100%;
    }

    .order-form-wpr {
        padding: 20px 20px 35px;
    }

    /* / SD 18.08.23 start / */
    .coming_sn_head h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .coming_sn_head {
        margin-bottom: 30px;
    }

    .each_cmingsn_count {
        padding-right: 12px;
        font-size: 22px;
    }

    .each_cmingsn_count_col {
        padding: 0 6px;
    }

    .cmingsn_countdn_wrap {
        margin: 0 -6px 30px;
    }

    .error_sec {
        padding: 20px 0;
    }

    .error_sec>h1 {
        font-size: 20px;
        line-height: 1.5;
    }

    .error_img_wrap {
        max-width: 313px;
        margin-bottom: 40px;
    }

    .error_sec>p {
        margin-bottom: 50px;
        font-size: 18px;
        line-height: 1.67;
    }

    .error_sec>.ylw-btn {
        min-width: 305px;
    }

    .body-content-wpr.error_page {
        min-height: inherit;
        padding-bottom: 30px;
    }

    .login_txt_wrp .cmn_login_heading {
        font-size: 34px;
        font-weight: 600;
        line-height: 1.23;
        margin-bottom: 20px;
    }

    .login_frm_wrp label {
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    .login_frm_wrp input[type="text"],
    .login_frm_wrp input[type="email"],
    .login_frm_wrp input[type="password"],
    .login_frm_wrp select {
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .forgot_link {
        margin-bottom: 40px;
    }

    .login_frmBtn_wrap input[type="submit"] {
        font-size: 16px;
        font-weight: 500;
    }

    .othr_frmBtn_col {
        width: 100%;
    }

    .cmn_login_innr .login-form-wpr {
        max-height: inherit;
    }

    .othr_frmBtn_col a {
        font-size: 16px;
        line-height: 1.87;
        font-weight: 500;
        padding: 10px 8px;
    }

    .othr_frmBtn_col a span {
        width: 20px;
    }

    .othr_frmBtn_rw .othr_frmBtn_col:not(:last-child) {
        margin-bottom: 10px;
    }

    .login_txt_wrp {
        padding: 40px 20px 40px;
    }

    .frm_checkBx_wrp {
        margin-bottom: 40px;
    }

    .reset-pass-popup .login_frm_wrp {
        margin-bottom: 40px;
    }

    /* / SD 18.08.23 end / */
    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group {
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(100%);
        width: calc(100% - 140px);
        z-index: 1;
        padding: 0 15px;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-button {
        width: 140px;
        margin-left: auto;
        padding-left: 15px;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button {
        font-size: 13px;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>ul.dropdown-menu {
        left: 0;
        right: auto;
        width: calc(100vw - 30px);
        max-width: inherit;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span.caret {
        width: 8px;
        height: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .body-content-wpr.service-page .main-content .content .search-box .search-input input[type=text] {
        padding-right: 20px;
    }

    .service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:last-child {
        width: 60%;
    }

    .service-page.service-popup .service-popup-content .popup_order_main::before {
        left: 40%;
    }

    .popup_order_col {
        padding: 12px 15px;
    }

    .service-page.service-popup .service-popup-content .popup_order_main::before {
        left: 39%;
    }

    .noChat_wpr .noChat_icon {
        margin-right: auto;
    }

    .fttr_card_link_wppr img.tech-img {
        max-height: 42px;
    }

    .notification-wrap .wtch-vdo-wpr p {
        font-size: 14px;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in>p {
        font-size: 12px;
    }

    .addfund-step-outer .addfund-each-step .addfund-each-step-in>p b {
        font-size: 13px;
    }

    .addfund-form-wpr .amout-wpr .custom-amnt ul li {
        width: 33.33%;
    }

    .addfund-form-wpr .paymnt-histry {
        margin-top: 25px;
    }

    .tips-modal-hdr h3 {
        font-size: 16px;
    }

    .tips-modal-form-wpr .form-group {
        margin-bottom: 25px;
    }

    .tips-modal-form-wpr .amount-input-wpr::before,
    .tips-modal-form-wpr .amount-input-wpr::after {
        font-size: 14px;
    }

    .payment-error-wpr h1 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
        margin: 0 0 40px;
    }

    .payment-error-wpr .cmn_blue_btn {
        max-width: 305px;
    }

    .faq-card .faq-hdng {
        font-size: 15px;
        padding: 15px 55px 15px 15px;
    }

    .faq-card .faq-hdng>img {
        margin-right: 10px;
        width: 16px;
        height: 16px;
    }

    .faq-card .faq-hdng .faq-arrow {
        right: 15px;
        width: 30px;
        height: 30px;
    }

    .faq-card .faq-hdng .faq-arrow img {
        max-width: 6px;
    }

    /* 06/11/2023 start */
    .banner-cntnt h1 {
        font-size: 54px;
    }

    .banner-cntnt h2 {
        font-size: 22px;
    }

    .banner-cntnt p {
        font-size: 18px;
    }

    .banner-point-txt ul li {
        font-size: 16px;
    }

    .signup-right-cntnt {
        padding: 20px 20px;
    }

    .signup-right-cntnt .cmn_login_heading {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .rgstr-form-wpr .login_frm_wrp input[type="text"],
    .rgstr-form-wpr .login_frm_wrp input[type="email"],
    .rgstr-form-wpr .login_frm_wrp input[type="password"],
    .rgstr-form-wpr .login_frm_wrp select {
        height: 44px;
    }

    .g-recaptcha.form-group {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
    }

    .banner-cntnt h1 {
        max-width: 340px;
    }

    /* 06/11/2023 end */
}

@media screen and (max-width: 375px) {
    .fttr_link_innr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

    }

    .fttr_menu_wppr_outter {
        width: 100%;
    }

    .order-form-wpr form .form-group textarea {
        height: 320px !important;
    }
}

@media screen and (max-width: 374px) {
    .plc-order-form-wpr .service-cost {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .plc-order-form-wpr .service-cost h4 {
        width: 100%;
        margin-bottom: 5px;
    }

    .plc-order-form-wpr .service-cost .price {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    /* / SD 08.08.23 start / */

    .plc-new-tab-menu ul li a {
        font-size: 14px;
        padding: 15px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .plc-new-tab-dtls {
        padding: 15px 10px;
    }

    .wtch-vdo-wpr {
        padding: 15px;
    }

    .wtch-vdo-wpr p {
        padding-right: 30px;
    }

    li.drop-menu>ul li a.refer-btn {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .info-btn {
        width: 100%;
    }

    .info-btn .status {
        margin-left: auto;
        padding-right: 0;
    }

    .info-btn .status .info-txt-wpr {
        right: 0;
    }

    .ordr_details_popUp .popup_order_col:first-child {
        width: 40%;
    }

    .ordr_details_popUp .popup_order_col:last-child {
        width: 60%;
    }

    .ordr_details_popUp .popup_order_main::before {
        left: 40%;
    }

    .modal-hdng {
        font-size: 20px;
    }

    .ordr_inform_popUp .modal-hdr {
        margin-bottom: 22px;
    }

    .ordr_inform_popUp .popUp_table_title,
    .ordr_inform_popUp .popup_order_col p {
        line-height: 1.5;
    }

    .btn_wppr {
        margin-bottom: 20px;
    }

    .modal-wpr {
        padding: 15px 15px 20px;
    }

    .update_card_wrppr {
        padding: 15px 15px 20px;
    }

    .update_card_row>* {
        padding: 0 10px;
    }

    .update_card_title_col {
        width: 35%;
    }

    .update_card_data {
        width: 65%;
    }

    .update_card_row_outter::before {
        left: 34%;
    }

    .update_card_info {
        margin-bottom: 20px;
    }

    .page-sub-hdng-txt {
        margin-bottom: 30px;
    }

    .program-card {
        padding: 20px 15px;
    }

    .program-btm-card {
        padding: 20px 15px;
    }

    .program-btm-card .program-btm-txt ul li {
        padding-left: 15px;
    }

    .program-btm-card .program-btm-txt ul li::before {
        left: 0;
    }

    .program-btm-card .program-btm-txt {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .info-btn .refill-btn {
        text-align: center;
    }

    .shr-rfl-btm .shr-rfl-btm-lft {
        margin-bottom: 20px;
    }

    .rfl-icon-list ul li .rfl-icon-wpr {
        width: 40px;
        height: 40px;
    }

    .rfl-btm-hdng {
        margin-top: 10px;
    }

    .shr-rfl-btm {
        padding: 15px 15px 30px;
    }

    .demo_logo_wrpr,
    .reward-snt-wpr {
        margin-bottom: 30px;
    }

    .reward-snt-card .reward-snt-txt h3 {
        font-size: 14px;
    }

    .affiliate_table_wrap table tbody tr td,
    .affiliate_table_wrap table tbody tr td::before {
        font-size: 14px;
    }

    .affiliate_table_wrap table tbody tr td::before {
        padding-right: 10px;
    }

    .affiliate_table_wrap,
    .affiliate_field_grp {
        padding: 20px 15px;
    }

    .vip_allTabInnr_itm p {
        font-size: 16px;
    }

    .vip_allTabInnr_itm {
        min-height: 100px;
        padding: 20px;
    }

    .vip_reward_table_wpr table thead tr th {
        font-size: 12px;
    }

    .vip_reward_table_wpr table thead tr th,
    .vip_reward_table_wpr table tbody tr td {
        padding-right: 10px;
        padding-left: 10px;
    }

    .support_frm_grp .affiliate_field_innr textarea {
        height: 150px !important;
    }

    .chatUser_logo {
        width: 30px;
        height: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .chat_wpr .chat_field {
        padding: 12px 10px 15px;
    }

    .chat_wpr {
        margin-bottom: 20px;
    }

    .chat_fttr textarea {
        height: 101px;
        padding: 10px;
    }

    .noChat_wpr .noChat_icon {
        margin-bottom: 20px;
    }

    .noChat_wpr {
        padding-bottom: 15px;
    }

    /* / SD 08.08.23 end / */
    .rffl-countdn-wpr .rffl-countdn-in .each-time-count .time {
        font-size: 38px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count span.dot {
        font-size: 38px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count .time span {
        font-size: 12px;
    }

    /* / SD 18.08.23 start / */
    .error_sec>.ylw-btn {
        min-width: inherit;
        width: 100%;
        padding: 9px 15px;
    }

    .error_img_wrap {
        margin-bottom: 20px;
    }

    .error_sec>p {
        margin-bottom: 20px;
    }

    .demoButton_wrap a {
        padding: 9px 17px;
    }

    .loginClose_btn {
        top: 10px;
        right: 10px;
    }

    .login_txt_wrp .cmn_login_heading {
        font-size: 24px;
    }

    .forgot_link {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .login_frmBtn_wrap input[type="submit"] {
        height: 44px;
    }

    .othr_frmBtn_col a {
        min-height: 40px;
        padding: 5px 8px;
    }

    .frm_checkBx_wrp {
        margin-bottom: 20px;
        padding: 0;
    }

    .reset-pass-popup .login_img_wrp img {
        max-height: 180px;
    }

    .register-popup .login_img_wrp img {
        max-height: 200px;
    }

    .login-popup .login_img_wrp img {
        max-height: 160px;
    }

    /* / SD 18.08.23 end / */
    .chat_field .chat_time {
        display: block;
        position: static;
        text-align: right;
    }

    .chat_wpr .chat_field {
        padding: 20px 20px 12px;
    }

    /* 16/11/2023 start */
    .cmn-border-btn {
        padding: 13px 20px;
    }

    /* 16/11/2023 end */
}

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

    /* .sidebar-in .side-menu-outer {
        max-width: 260px;
    } */
    .service-drop-menu .srvc-hdng>i {
        margin-bottom: 15px;
    }

    .success_modal_wpr h2 {
        font-size: 21px;
    }

    .success_modal_wpr p {
        font-size: 14px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count .time {
        font-size: 30px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count span.dot {
        font-size: 30px;
    }

    .rffl-countdn-wpr .rffl-countdn-in .each-time-count .time span {
        font-size: 11px;
    }

    .header-nt-outer .notifiction-details-wpr {
        right: -189px;
        width: 300px;
    }

    .language-wpr .language-list {
        left: -18px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr .update-tp .order-id {
        padding-right: 10px;
        font-size: 12px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr .update-tp a {
        font-size: 11px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr .update-tp a img {
        width: 4px;
    }

    .notf-tab-wpr .all-update-list .each-update-wpr p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .notf-tab-wpr .all-update-list ul li .notf-time {
        font-size: 11px;
    }

}



/* WTS CSS END */


.status-tag.Canceled {
    color: #FF3D00;
    border-color: #FF3D00;
    background-color: transparent;
}

.status-tag.Processing {
    color: #02D696;
    border-color: #02D696;
    background-color: transparent;
}

.status-tag.Completed {
    color: #EE03AC;
    border-color: #EE03AC;
    background-color: transparent;
}

.status-tag.Partial {
    color: #FFCC16;
    border-color: #FFCC16;
    background-color: transparent;
}

.status-tag.In.progress {
    background-color: transparent;
    color: #0899EB;
    border-color: #0899EB;
}

.status-tag.Pending {
    color: #C2EB1D;
    border-color: #C2EB1D;
    background-color: transparent;
}

.status-tag.Active {
    color: #FFCC16;
    border-color: #FFCC16;
    background-color: transparent;
}

.status-tag.Paused {
    color: #C2EB1D;
    border-color: #C2EB1D;
    background-color: transparent;
}

.status-tag.Expired {
    color: #FF3D00;
    border-color: #FF3D00;
    background-color: transparent;
}

.top-slider-wrap {
    padding: 20px 0 20px;
}

.get-started-bt {
    width: 335px;
}

.main-title {
    font-size: 68px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

.home-page #top-sec.new-top-sec {
    padding: 0;
}

#top-sec .top-naizop-title {
    font-size: 24px;
}

.home-page #top-sec h1 {
    /*margin-top: 107px !important;*/
    margin-top: 45px !important;
    line-height: 1.2 !important;
}

.cmn_login_innr .login-form-wpr {
    max-height: 620px;
}

#quality-serv {
    padding: 20px 0 20px;
}

#select2-orderform-category-results {
    max-height: 550px !important;
}

#select2-orderform-service-results {
    max-height: 400px;
}

.signup-row .banner-cntnt h1,
.main-title {
    font-size: 62px !important;
}

#business .unique-carousel .unique-card-group .context {
    height: 550px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-right: 15px;
}

#business .unique-carousel .owl-prev-bt,
#business .unique-carousel .owl-next-bt {
    bottom: -50px;
}

.owl-3 .owl-dots {
    bottom: -30px;
}

.top-sec-txt {
    margin-bottom: 30px !important;
    line-height: 1.8;
}

.home-page #top-sec.new-top-sec p {
    margin-bottom: 15px;
}

#top-sec .get-started-bt {
    margin-top: 55px !important;
}

.user-img-update-form label input[type="file"]+span.edit_img {
    font-size: 12px;
}


.user-img-update-form form label:hover .edit_img {
    opacity: 1 !important;
}

#instruction_instruction .panel-body,
#instruction_instruction .panel-body p,
#instruction_instruction .panel-body span {
    color: #fff !important;
}

.addfund-row-wpr #field-email {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: transparent;
    color: #FFB60E;
    font-size: 20px;
    font-weight: 700;
}

.addfund-row-wpr label {
    font-size: 14px !important;
    color: #8c8d8e !important;
    font-weight: 400 !important;
    display: inline-block !important;
    padding-left: 7px;
    text-transform: capitalize !important;
}

.sidebar-in nav>ul>li>a .badge {
    margin-left: 10px;
    background-color: #FFB60E !important;
    color: black;
}

.update_card_data p {
    word-break: break-word;
}

#service_description .form-group {
    max-height: 550px;
    /* 460 */
    overflow-y: auto;
    /* scrollbar-width: thin; */
    padding-right: 10px;
}
#service_description .form-group center b font{
    color: #FFB60E;
}

.bonus-banner {
    padding: 40px 25px;
    margin-bottom: 25px;
    background-image: url('https://storage.perfectcdn.com/idhwx8/nw2ythwc76j4db8o.webp');
    background-position: 250px center;
    background-repeat: no-repeat;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}

.bonus-bnr-content {
    width: 55%;
}

.bonus-banner::after {
    content: '';
    background-image: url('https://storage.perfectcdn.com/0a268b/s34jm8jxdwx6kfoq.webp');
    position: absolute;
    width: 360px;
    height: 393px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bonus-btn {
    border-radius: 21.5px !important;
    background: linear-gradient(90deg, #ECC02F 2.21%, #85F7E2 99.85%) !important;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.25) !important;
    padding: 12px 20px !important;
    min-width: 170px;
}

.bonus-bnr-content .bonus-btn {
    margin-top: 15px;
}

.fund-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.fund-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}

.fund-title-info {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: rgba(255, 255, 255, 50%);
}

.fund-title-info i {
    margin-left: 5px;
}

.fund-list {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
    display: flex;
    list-style: none;
    padding: 2px;
    backdrop-filter: blur(20px);
    justify-content: space-between;
}

.fund-list li {
    flex: 0 0 20%;
    max-width: 20%;
}

.fund-list li span {
    text-align: center;
    border-radius: 8px;
    /*background: rgba(255, 255, 255, 0.15);*/
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    cursor: pointer;
    width: 100%;
    font-size: 12px;
    flex-direction: row;
    gap: 0;
}

.fund-list li span.active {
    background: rgba(255, 255, 255, 0.15);
}

.fund-item .form-check .form-check-input {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    border: 0 !important;
    opacity: 0;
    z-index: 1;
    margin: 0;
}

.fund-item .form-check {
    position: relative;
    flex: 0 0 24.5%;
    max-width: 24.5%;
    margin: 0 0.2% 10px;
}

.fund-item .form-check .form-check-label {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    padding: 15px;
    margin: 0;
    height: 75px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.fund-item .form-check .form-check-input:checked+.form-check-label {
    border-radius: 10px;
    border: 0;
    /*background: radial-gradient(277.02% 199.25% at 128.51% -52.27%, #32E0B3 0%, rgba(27, 36, 41, 0.00) 100%), rgba(217, 217, 217, 0.01);
    backdrop-filter: blur(20px);*/
    position: relative;
}

.fund-item .form-check .form-check-input:checked+.form-check-label::before {
    content: '';
    background: radial-gradient(277.02% 199.25% at 128.51% -52.27%, #32E0B3 0%, rgba(27, 36, 41, 0.00) 100%), rgba(217, 217, 217, 0.01);
    width: 100px;
    height: 100px;
    position: absolute;
    right: -20px;
    top: -30px;
    border-radius: 10px;
    z-index: -1;
    filter: blur(20px);
}

.fund-item .form-check .form-check-input:checked+.form-check-label::after {
    content: '';
    background-image: url('https://storage.perfectcdn.com/0a268b/wjbqr2mcnlk9ofdr.png');
    width: 19px;
    height: 19px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.fund-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.fund-frm label,
.fund-frm label span {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.4 !important;
    color: #fff !important;
    opacity: 1;
}

.fund-frm .form-control#amount {
    font-size: 20px;
    font-weight: 700;
    color: #FFB60E;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.fund-frm .form-control {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.25);
    backdrop-filter: blur(120px);
    position: relative;
}

.fund-frm .addfund-form-wpr {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li {
    flex: 0 0 19%;
    max-width: 19%;
    margin-right: 0;
    margin-bottom: 15px;
}

.fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li a {
    display: block;
    width: 100%;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
    font-size: 14px;
    font-weight: 700;
    color: rgba(255, 255, 255, 50%);
    opacity: 1;
}

.fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul {
    justify-content: space-between;
}

.fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li a.active {
    border-radius: 30px;
    border: 1px solid rgba(255, 182, 14, 0.50);
    background: rgba(255, 182, 14, 0.25);
    color: #FFB60E;
}

.fund-frm .double-check {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: radial-gradient(277.02% 199.25% at 128.51% -52.27%, #FFB60E 0%, rgba(27, 36, 41, 0.00) 100%), rgba(30, 33, 36, 0.25);
    backdrop-filter: blur(120px);
    color: #FFB60E !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    background-repeat: no-repeat !important;
    background-position: right center;
    height: 46px;
    line-height: 46px;
    padding: 0 !important;
    margin-top: 15px;
}

.fund-frm .addfund-form-wpr .supprt_submitBtn_wpr button[type="submit"] {
    display: flex !important;
    justify-content: space-between;
}

.cmn-blue-btn-icon,
.cmn-blue-btn-txt,
.cmn-blue-btn-fund {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.cmn-blue-btn-icon {
    text-align: left;
}

.cmn-blue-btn-fund {
    text-align: right;
    font-size: 16px;
    font-weight: 700;
}

.cmn-blue-btn-icon i::before {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #005ae2;
}

.cmn-blue-btn-txt {
    font-size: 18px;
    font-weight: 700;
}

.addfund-form-wpr .amout-wpr .affiliate_field_innr::before {
    z-index: 1;
}

.sidebar-livechat {
    padding: 0 35px 13px;
}

.sidebar-livechat .btn-sidebar-socials {
    background-color: #005AE2;
    padding: 17px 16px;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-direction: row-reverse;
    color: #ffffff;
}
.sidebar-livechat .btn-sidebar-socials span {

}
.sidebar-btm {
    padding: 0 28px 23px !important;
}

@media (max-width: 1199px) {
    .sidebar-livechat {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sidebar-socials ul {
        padding-left: 25px !important;
    }

}

.bonus-system-wrap {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.75);
    backdrop-filter: blur(60px);
    padding: 24px;
}

.bonus-system-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.bonus-system-txt {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.3;
}

.bonus-system-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0;
    list-style: none;
    margin: 15px 0 0 0;
    justify-content: space-between;
}

.bonus-system-ul li {
    flex: 0 0 24.5%;
    max-width: 24.5%;
}

.bonus-system-box {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 10px;
}

.bonus-left {
    flex: 0 0 40px;
    max-width: 40px;
}

.bonus-left .bonus-system-num {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    position: relative;
    justify-content: center;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
}

.bonus-system-num::after {
    content: '';
    background-image: url('https://storage.perfectcdn.com/0a268b/hw8k4wo11uegke7j.png');
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: 100% 100%;
}

.bonus-right {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    padding-left: 8px;
}

.bonus-box-txt {
    color: rgba(255, 255, 255, 50%);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0;
}

.bonus-box-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.1;
}

.bonus-system-box2 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/gbs1bjiazhqianeb.png');
    z-index: 0;
    width: 41px;
    height: 40px;
    box-shadow: 0px 0px 16px 0 #005AE2;
    border-radius: 100px;
}

.bonus-system-box3 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/wdquoq47zowjzeu4.png');
    z-index: 0;
    width: 41px;
    height: 40px;
    box-shadow: 0px 0px 16px 0 #FFB60E;
    border-radius: 100px;
}

.bonus-system-box4 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/ffo8yn98l84jaxhi.png');
    z-index: 0;
    width: 41px;
    height: 40px;
    box-shadow: 0px 0px 16px 0 #C4D675;
    border-radius: 100px;
}

.bonus-system-box1 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/lbcr7orgtgcoucp7.png');
}

.bonus-system-ul2 .bonus-system-box2 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/lue5x97gh6e0r5np.png');
    box-shadow: 0px 0px 16px 0 #005AE2, inset 0px 0px 7px 0 #005AE2;
}

.bonus-system-ul2 .bonus-system-box3 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/2hqtzr403hbllzbp.png');
    box-shadow: 0px 0px 16px 0 #FFB60E, inset 0px 0px 7px 0 #FFB60E;
}

.bonus-system-ul2 .bonus-system-box4 .bonus-system-num::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/rs0fkuuzimgz6epp.png');
    box-shadow: 0px 0px 16px 0 #C4D675, inset 0px 0px 10px 0 #C4D675;
}

.payment-detail-modal .modal-content {
    border: 1px solid rgba(197, 235, 255, 0.15);
    background: linear-gradient(0deg, rgba(197, 235, 255, 0.15) 0%, rgba(197, 235, 255, 0.15) 100%), #101314;
    border-radius: 12px;
    overflow: hidden;
}

.payment-detail-modal .modal-header {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(197, 235, 255, 0.15);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.payment-detail-modal .modal-header::after,
.payment-detail-modal .modal-header::before {
    display: none;
}

.payment-detail-modal .modal-header .close {
    color: #fff;
    font-size: 25px;
}

/* .payment-detail-illustration {
    border-radius: 10px;
    background: #40484D;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
} */
.payment-detail-modal .modal-header .modal-title {
    font-size: 24px;
    font-weight: 700;
}

.payment-detail-slide-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 10px;
}

.payment-detail-slider .slick-dots {
    list-style: none;
    padding: 0;
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.payment-detail-slider .slick-dots button {
    font-size: 0;
    width: 6px;
    height: 6px;
    border-radius: 99px;
    opacity: 0.5;
    background: #FFF;
    padding: 0;
    box-shadow: none;
    border: 0;
    margin-right: 4px;
}

.payment-detail-slider .slick-dots .slick-active button {
    width: 16px;
    height: 6px;
    border-radius: 99px;
    background-color: #FFF;
    opacity: 1;
}

#payment-detail.in {
    display: block !important;
    height: auto;
}

#instruction_instruction .panel-body {
    background-color: transparent;
    border: 0;
}

.search-box .dropdown-menu {
    height: 400px;
    overflow-y: auto;
}

.fund-item .form-check .form-check-label {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    padding: 15px 10px 10px;
    margin: 0;
    height: 88px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.fund-frm label span.payment-txt {
    color: #FFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center;
}

.fund-frm label span.payment-num {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(2px);
    display: flex;
    padding: 0px 7px;
    justify-content: center;
    align-items: center;
    color: #FFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    position: absolute;
    left: 9px;
    top: 4px;
}

#instruction_instruction {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    padding: 15px;
    position: relative;
    overflow: hidden;
}

#instruction_instruction .control-label {
    display: none;
}

#instruction_instruction::after {
    content: '';
    background: radial-gradient(8106.62% 294.66% at 100% -168.75%, #8B8F91 0%, rgba(32, 36, 42, 0.00) 100%);
    width: 70%;
    height: 80%;
    position: absolute;
    right: 0;
    filter: blur(40px);
    top: 0;
}

.payment-detail-slider-wrapper {
    position: relative;
}

.payment-detail-slider-wrapper .slider1-nav {
    width: max-content;
    position: absolute;
    right: 0;
    bottom: -8px;
}

.payment-detail-slider-wrapper .slider1-nav .slick-arrow {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 20%);
    border: 0;
    box-shadow: none;
    margin-left: 5px;
}

.main-titlee {
    background: linear-gradient(90deg, #AAF9EB 54%, #9AECBE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 62px !important;
    font-weight: 700 !important;
}

.top-sec-txt {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 150% !important;
    margin-bottom: 40px !important;
}

.top-sec-txt span {
    color: #FFBE27;
    font-weight: 700;
}

.top-sec-points li {
    margin-right: 16px;
}

.top-sec-points li p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    color: #DAE9FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 !important;
}

.top-sec-points {
    padding: 0;
    margin: 0 0 40px;
    display: flex;
    list-style: none;
    position: relative;
    z-index: 1;
}

.top-sec-points li p svg {
    margin-right: 10px;
}

.newsletter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 1;
}

.newsletter-input {
    padding: 20px 24px;
    background: rgba(30, 33, 36, 0.25);
    backdrop-filter: blur(120px);
    border-radius: 10px 0 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: none !important;
    outline: none !important;
    color: #DAE9FF;
    font-size: 16px;
    font-weight: 500;
    /*width: 227px;*/
    width: 100%;
    height: 56px;
}

.newsletter-input-wrap {
    position: relative;
    flex: 0 0 60%;
    max-width: 60%;
}

.newsletter-input-wrap svg {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.newsletter-btn,
.newsletter-btn:hover {
    height: 56px;
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #85F7E2 47.4%, #FFB60E 100%);
    width: 232px;
    text-align: center;
    padding: 20px 15px;
    line-height: 16px;
    color: #070B20;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0 10px 10px 0;
    text-decoration: none;
    flex: 0 0 40%;
    max-width: 40%;
    width: auto;
}

.stats-ul {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 56px 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    list-style: none;
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0.07);
    overflow: hidden;
    border-top: 0;
}

.stats-ul::before {
    content: '';
    position: absolute;
    z-index: 0;
    background: rgba(255, 255, 255, 70%);
    filter: blur(64px);
    width: 250px;
    height: 250px;
    right: 120px;
    top: -120px;
}

.stats-ul::after {
    content: '';
    background-image: url('https://yourpanelassets.com/projects/naizop/img/new%20design/img/statswave.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.stats-ul li {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    z-index: 1;
}

.stats-box-wap {
    text-align: center;
    position: relative;
}

.stats-box-title {
    color: #FFBE27;
    text-shadow: 0px 0px 32px rgba(255, 190, 39, 0.25);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 8px;
    font-family: Space Grotesk;
}

.stats-box-txt {
    color: #FFF;
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.stats-box-wap::after {
    content: '';
    width: 2px;
    background-color: rgba(255, 255, 255, 0.05);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 56px;
}

#stats-sec {
    margin-bottom: 64px;
}

.stats-ul li:last-child .stats-box-wap::after {
    display: none;
}

.top-sec-img {
    position: relative;
    right: 160px;
}

.home-page #top-sec.new-top-sec {
    /*background-image: url('https://i.23robo.info/projects/naizop/img/topbg.svg');*/
    background-image: url('https://storage.perfectcdn.com/0a268b/kts7sed4ck4j2fys.webp');
    background-position: center;
    background-size: 80% 100%;
}

.home-page #top-sec.new-top-sec {
    /*background-image: none !important;
    position:realtive;*/
}

.dashboard footer.footer {
    display: none;
}

#quality-serv .container .card-group .card:hover {
    background-image: url('https://storage.perfectcdn.com/0a268b/p62gw0bmozcu60x4.webp');
}

.guest .navbar.navbar-default .navbar-left li a {
    font-weight: 700;
}

.signup-row .banner-cntnt p {
    font-weight: 700;
}

.signup-row .banner-point-txt ul li {
    font-weight: 700;
}

.dashboard .body-content-wpr {
    padding: 30px 40px 30px;
}

.bonus-system-ul2 {
    height: 0;
    overflow: hidden;
    margin: 0;
}

.showmore {
    text-align: center;
    display: block;
    width: max-content;
    margin: auto;
    background-color: #005ae2;
    padding: 8px 12px;
    border-radius: 10px;
    cursor: pointer;
}

.bonus-system-ul2.active {
    height: auto;
    overflow: unset;
    margin-bottom: 15px;
}

.fixed-btn {
    position: fixed;
    left: 10px;
    bottom: 10px;
    display: flex;
    z-index: 999;
    list-style: none;
    padding-left: 0;
}

.fixed-btn li a {
    width: 52px;
    height: 52px;
    background-color: #277dff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #000;
    border-radius: 100px;
    margin-right: 5px;
}

.fixed-btn li a svg {
    width: 34px;
    height: 34px;
    fill: #fff;
}

.fixed-social-btn {
    padding: 0;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 9999;
}

.fixed-social-btn li a {
    width: 50px;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: #005ae2;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
    min-width: 150px;
    text-decoration: none !important;
}

.fixed-social-btn-txt {
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
}

.fixed-social-btn li a svg {
    width: 40px;
    height: 40px;
    fill: #fff;
}

.fixed-social-btn li {
    margin-left: -95px;
}

.fixed-social-btn li:hover {
    margin-left: 0;
    transition: 0.3s ease-in-out;
}

.fixed-social-btn li a {
    transition: 0.3s linear;
    min-width: 50px;
}

.fixed-social-btn li a:hover {
    border-radius: 0;
}

.fixed-social-btn li a .slide2 {
    position: absolute;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: #005ae2;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
    left: -100px;
    padding-left: 8px;
    transition: 0.3s linear;
    z-index: -1;
}

.fixed-social-btn li a:hover .slide2 {
    left: 50px;
}

.fixed-social-btn li {
    margin-left: 0;
}

@media (max-width:1660px) {
    .bonus-system-ul li {
        flex: 0 0 49.5%;
        max-width: 49.5%;
    }
}

@media (max-width:550px) {
    .top-sec-img {
        max-width: 100%;
        height: auto;
        margin: auto;
        display: block;
        right: 0;
        left: 0;
    }

    .payments-popup_history .custom-modal-in.change-img-modal-in {
        max-width: 100% !important;
    }

    .payments-popup_history .tips-modal-form-wpr {
        padding: 20px 0 0;
    }

    .payments-popup_history .tips-modal-form-wpr .body-content-wpr {
        padding: 30px 0 50px;
    }

    .owl-3 .unique-card-group .context {
        min-height: 465px;
    }

    #business .unique-carousel .owl-prev-bt,
    #business .unique-carousel .owl-next-bt {
        top: 500px !important;
    }

    .owl-3 .owl-dots {
        top: 515px;
    }

    #business .unique-carousel .owl-nav .owl-next-bt {
        left: 165px;
    }

    #business .unique-carousel .unique-card-group .photo img {
        width: auto !important;
        max-width: 100%;
        padding-right: 30px;
    }

    #business .unique-carousel .unique-card-group .context {
        height: auto;
        overflow-y: unset;
    }

    .home-page #top-sec h1 br {
        display: none;
    }

    .main-title {
        font-size: 42px !important;
    }

    #top-sec .get-started-bt {
        width: 100%;
    }

    #pickout-exp .core-content span,
    #pickout-exp .core-content p {
        font-size: 18px !important;
        font-weight: 300 !important;
    }

    .signup-row.row.new-row {
        flex-direction: column-reverse;
    }

    .signup-row .banner-cntnt h1 {
        font-size: 42px !important;
    }

    #quality-serv .container .card-group-mobile .card-mobile {
        position: relative;
        z-index: 1;
    }

    #quality-serv .container .card-group-mobile .card-mobile p {
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
        margin: 0;
        height: 0;
        overflow: hidden;
        transition: 0.3s linear;
    }

    #quality-serv .container .card-group-mobile .card-mobile.active p {
        height: auto;
        overflow: unset;
        transition: 0.3s linear;
    }

    #quality-serv .container .card-group-mobile .d-flex {
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
    }

    #quality-serv .explanation {
        position: relative;
        z-index: 1;
    }

    .carousel-control-wrap {
        display: flex;
        justify-content: center;
    }

    .carousel-control-wrap .carousel-control {
        position: relative;
        background-image: url('https://storage.perfectcdn.com/idhwx8/rkgwt63htp3wupib.png') !important;
        width: 30px;
        height: 30px;
        display: inline-block;
        background-size: 30px 30px;
        margin: 0 5px;
    }

    .carousel-control-wrap .right.carousel-control {
        background-image: url('https://storage.perfectcdn.com/idhwx8/3iry411fw0ilme54.png') !important;
    }

    .signup-row.row.new-row .signup-lft-col {
        display: none;
    }

    .home-page #top-sec h1 {
        text-align: center;
        margin-top: 0 !important;
    }

    .top-sec-txt {
        text-align: center;
    }

    .guest .navbar .container .navbar-header {
        margin: 0 15px !important;
    }

    .guest .navbar .container {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .main-titlee {
        text-align: left !important;
        font-size: 42px !important;
    }

    .top-sec-txt {
        text-align: left;
        margin-bottom: 12px !important;
    }

    .top-sec-points {
        display: block;
        width: max-content;
        margin: auto auto 15px;
    }

    .top-sec-points li {
        margin-right: 0;
        margin-bottom: 15px;
        flex: 0 0 100%;
        max-width: 100%;
        width: max-content;
    }

    .newsletter-input {
        width: 100%;
        border-radius: 10px;
    }

    .newsletter-btn {
        width: 100% !important;
        border-radius: 10px !important;
        margin-top: 10px;
    }

    .newsletter-input-wrap {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .newsletter-btn {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .stats-ul {
        padding: 20px 10px;
        flex-wrap: wrap;
    }

    .stats-ul li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .stats-box-wap::after {
        display: none;
    }

    .stats-ul::before {
        right: 0;
        left: 0;
        margin: auto;
    }

    .main-titlee,
    .top-sec-txt {
        text-align: center !important;
    }

    .top-sec-points li p {
        justify-content: center;
    }

    .home-page #top-sec.new-top-sec {
        background-size: cover;
    }

    /* new mobile responsive */
    #quality-serv .container .card-group-mobile .card-mobile {
        font-size: 16px;
    }

    .explanation .container h2:first-child {
        margin-top: 30px;
    }

    .explanation .container .carousel-inner .item .caption {
        margin-top: 10px;
    }

    .explanation .container .carousel-inner .content h3 {
        line-height: 1.2;
        margin-top: 0;
        margin-bottom: 10px;
    }

    #exp-myCarousel {
        margin-bottom: 10px;
        height: auto;
    }

    .explanation .container .get-started-bt {
        margin-top: 20px;
    }

    #panel-service .container .service-mobile-text {
        margin: 15px 0 15px;
    }

    #panel-service {
        margin-top: 30px;
    }

    .business-carousel .owl-card {
        margin: 30px 0px 10px 30px;
        background: rgba(31, 35, 41, 0.75);
        border-radius: 20px;
        display: flex;
        padding: 20px;
        height: auto;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }

    .business-carousel .owl-card .photo {
        flex: 0 0 90px;
        max-width: 90px;
    }

    .business-carousel .owl-card .photo,
    .business-carousel .owl-card .name {
        position: unset;
    }

    .business-carousel .owl-card .name {
        flex: 0 0 calc(100% - 90px);
        max-width: calc(100% - 90px);
        padding-left: 15px;
    }

    .business-carousel .owl-card p {
        flex: 0 0 100%;
        max-width: 100%;
        position: unset;
        display: block;
        margin-top: 20px;
    }

    #business .unique-carousel .unique-card-group .context {
        padding-top: 20px;
    }

    #business .unique-carousel .unique-card-group .context .title {
        line-height: 1.2;
    }

    #business .unique-carousel .unique-card-group .context p {
        margin-top: 20px;
    }

    #business .unique-carousel .unique-card-group .photo {
        margin-top: 15px;
    }

    #business .unique-carousel .unique-card-group .context {
        min-height: auto;
    }

    #business .unique-carousel .owl-nav .owl-prev-bt,
    #business .unique-carousel .owl-nav .owl-next-bt,
    #business .owl-3 .owl-dots {
        bottom: -60px;
        top: auto !important;
    }

    #faq2 .panel-default>.panel-heading>.panel-title>a {
        padding: 10px 42px 10px 35px;
        line-height: 1.3;
    }

    .panel-default>.panel-heading>.panel-title>a .faq-icon {
        left: 10px;
    }

    .panel-default>.panel-heading>.panel-title>a.collapsed .tab-down {
        right: 10px;
    }

    .panel-default>.panel-heading>.panel-title>a.collapsed .tab-open {
        right: 10px;
    }

    .panel-default>.panel-heading>.panel-title>a .tab-down {
        right: 10px;
    }

    .panel-default>.panel-heading>.panel-title>a .tab-open {
        right: 10px;
    }

    #pickout-exp .pick-exp-mask-mobile {
        top: -50px;
    }

    #pickout-exp .pick-exp-bg-mobile {
        top: 0;
    }

    #pickout-exp .core-content {
        padding-top: 234px;
    }

    #pickout {
        padding-bottom: 10px;
    }

    footer.new-footer-2 .container .row.row-top {
        margin-top: 15px;
    }

    footer.new-footer-2 .container .row.row-top .footer-logo {
        margin-bottom: 15px;
    }

    footer.new-footer-2 .container .row.row-top .footer-menu {
        min-height: auto;
        margin-bottom: 20px;
    }

    footer.new-footer-2 .container .row.row-top .pay-tech-marks {
        padding-bottom: 10px;
    }

    footer.new-footer-2 .container .row.row-bottom p {
        margin-bottom: 0;
    }

    footer.new-footer-2 .container .row.row-bottom {
        padding: 10px 0;
    }

    footer.new-footer-2 .container .row.row-bottom p {
        font-size: 14px;
    }

    #stats-sec {
        margin-bottom: 10px;
    }

    .signup-sec {
        padding: 30px 0 30px;
    }

    .about-us .row.mt-xs-50.mt-md-50 {
        margin-top: 0 !important;
    }

    .main-content .about-us .content {
        padding-top: 0;
    }

    .main-content .about-us .content p {
        margin-bottom: 10px;
    }

    .about-us {
        padding-bottom: 10px !important;
        padding-top: 0 !important;
    }

    .main-content .about-us .title {
        margin-bottom: 10px;
    }

    .main-content .about-us .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.guest .faq-cntnt-sec {
        padding: 20px 0 20px;
    }

    .guest #navbar ul li a.login-popup-btn:hover {
        margin-top: 0 !important;
    }

    html body.dashboard .sidebar-in .side-menu-outer.show {
        height: 100% !important;
        padding-bottom: 30px;
    }

    .sidebar-in .side-menu-wpr {
        padding: 20px 20px 10px;
    }

    .sidebar-btm {
        padding: 0 20px 10px;
    }

    .logout-btn-wpr.mobile {
        padding: 0 15px 10px;
    }

    .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .fixed-btn li a {
        width: 32px;
        height: 32px;
    }

    .fixed-btn li a svg {
        width: 20px;
        height: 20px;
    }

    .fixed-social-btn li a {
        width: 40px;
        height: 40px;
        min-width: 140px;
    }

    .fixed-social-btn li a svg {
        width: 30px;
        height: 30px;
    }

    .fixed-social-btn li a {
        min-width: 40px;
    }

    .fixed-social-btn li a .slide2 {
        height: 40px;
    }

    .fixed-social-btn li a:hover .slide2 {
        left: 40px;
        padding-left: 5px;
    }

    .fixed-social-btn-txt {
        font-size: 16px;
        margin-right: 7px;
    }
}

.each-update-cntnt .notf-time {
    display: none;
}

.btn-bar ul li {
    list-style: none;
    padding-left: ;
    background: #005ae2;
    padding: 10px;
    justify-content: ;
    border-radius: 10px;
    margin-top: 20px;
}

.btn-bar ul li .btn-sp-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    font-family: GT Walsheim Pro!important;
    visibility: hidden;
    width: 250px;
    background: #24262A !important;
    color: rgb(255 255 255 / 90%);
    font-weight: 400;
    line-height: 18px;
    border-radius: 10px;
    padding: 10px 12px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -125px;
    font-size: 14px;
}

.popup .popuptext::after {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 48%;
    border-width: 8px 8px 0 8px; 
    border-style: solid;
    border-color: #24262a transparent transparent transparent;
    width: 0;
    height: 0;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.widget nav {
    position: fixed;
    width: 70px;
    margin-top: 150px;
    transition: all 0.3s linear;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .4);
}

.widget nav li {
    height: 60px;
    position: relative;
}

.widget nav li a {
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 60px;
    padding-left: 25%;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    transition: all .3s linear;
}

.widget nav li:nth-child(1) a {
    background: #4267B2;
    border-top-right-radius: 14px;
}

.widget nav li:nth-child(2) a {
    background: #1DA1F2;
}

.widget nav li:nth-child(3) a {
    background: #E1306C;
    border-bottom-right-radius: 14px;
}

.widget nav li:nth-child(4) a {
    background: #2867B2;
}

.widget nav li:nth-child(5) a {
    background: #333;
}

.widget nav li:nth-child(6) a {
    background: #ff0000;
}

.widget nav li a i {
    position: absolute;
    top: 17px;
    left: 20px;
    font-size: 27px;
}

.widget ul li a span {
    display: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.fund-item .form-check .form-check-label {
    height: 100px;
}

.neworder-bnr-slide {
    display: block !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.neworder-bnr-slide {
    margin: 5px 7.5px 10px;
    transition-duration: .3s;
}

.neworder-bnr-slider-wrap {
    position: relative;
}

.neworder-bnr-slider-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 102%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    z-index: -1;
    opacity: 0;
}

.neworder-bnr-slider-wrap:hover .neworder-bnr-slider-nav {
    opacity: 1;
}

.neworder-bnr-slider-nav .slick-arrow.slick-disabled {
    opacity: 0;
    cursor: auto;
}

.neworder-bnr-slider-nav .slick-arrow {
    background-color: transparent;
    border: 0;
    padding: 0;
    font-size: 22px;
}

.affiliate-bnr img {
    border-radius: 15px;
    display: block;
    margin: auto;
}

.affiliate-bnr {
    margin-bottom: 20px;
}

#currency {
    background-repeat: no-repeat;
    background-position: 98% center;
    backdrop-filter: unset;
    background-image: unset !important;
    -webkit-appearance: auto;
}

.dashboard #currency option {
    color: #191c1d;
    background-color: transparent !important;
    padding-inline: 0 !important;
    display: block;
    float: unset !important;
    position: unset !important;
    will-change: unset !important;
    min-block-size: 0;
    padding-block: 0;
    user-select: none;
    white-space: nowrap !important;
    word-wrap: normal !important;
}

@media (max-width:550px) {
    .slick-track .slick-slide:last-child .neworder-bnr-slide {
        margin-right: 0;
    }

    .affiliate-bnr img {
        border-radius: 5px;
    }

    .affiliate-bnr {
        margin-bottom: 10px;
    }
}


/* ------------------------------------------- */
/* Other styles */
/* ------------------------------------------- */


/* HomePage */
.guest {
    background: #080707;
    font-family: var(--font-welsh);
    font-style: normal;
    /* min-height: 100vh; */
    overflow-x: hidden;
    min-width: 360px;
    box-sizing: border-box;
}

.container {
    max-width: 1456px;
    /* 1180px */
    margin: 0 auto;
    padding: 0 32px;
}

.burger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 3;
    transition: transform 0.3s;
}

.burger-menu .line {
    width: 100%;
    height: 2px;
    background-color: var(--white-color);
}

.mobile-menu {
    display: flex;
    width: 100%;
    background-color: transparent;
    border-top: 1px solid transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s linear;
    position: relative;
    z-index: 2;
}

.mobile-menu .header-buttons {
    width: 100%;
    gap: 32px;
}

.mobile-menu .header-buttons a {
    width: 100%;
}

.mobile-menu .menu-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding: 16px 32px;
    width: 100%;
}

header {
    position: relative;
    z-index: 1;
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

/* @media all and (max-width: 768px) {
.header {
    align-items: center;
}
} */

.header-left {
    display: flex;
    align-items: center;
    gap: 16px;
    z-index: 1;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 16px;
    z-index: 1;
}

.header-logotype {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-nav li {
    display: flex;
}

.header-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 24px;
    transition: border ease 0.3s, color ease 0.3s;
    color: #858b8e;
    /* #707476 */
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    font-family: var(--font-welsh);
}

.header-nav li a.active,
.header-nav li a:hover {
    color: var(--white-color);
    ;
}

.header-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* @media all and (max-width: 768px) {
.header-nav.show {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.98);
}
.header-nav.show li a {
    border-left: none;
    align-items: center;
}
.burger-menu {
    display: flex;
}
} */

.header-nav.show+.burger-menu {
    position: fixed;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    outline: none;
    color: white;
    border-radius: 32px;
    transition: color ease 0.3s, border ease 0.3s, background ease 0.3s;
    cursor: pointer;
}

.btn-md {
    padding: 12px 24px;
    font-size: 14px;
    line-height: 16px;
}

.btn-header {
    font-weight: 800;
}

.btn-white {
    color: #080707;
    background: white;
}

.btn-white:hover {
    color: #ffffff;
    background: #005AE2;
}

.btn-blue {
    color: white;
    background: #277DFF;
}

.btn-blue:hover {
    background: #579AFF;
}

.btn-blue:active {
    background: #1760CE;
}

.btn-gradient-icon {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 9999px;
    background: radial-gradient(167.52% 820.83% at -36.22% 213.33%, #FFFFFF 0%, #85F7E2 47.4%, #FFB60E 100%);
    color: #080707;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.btn-gradient-icon svg {
    width: 24px;
    height: 16px;
    stroke-width: 4px;
    stroke: #080707;
}

.btn-bordered {
    border: 2px solid white;
}

.btn-bordered.btn-md {
    padding: 10px 24px;
}

.btn-bordered:hover {
    background: white;
    color: #080707;
}

.btn-gradient {
    color: #070B20;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    display: flex;
    padding: 25px 28px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: relative;
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFF 0%, #85F7E2 47.4%, #FFB60E 100%);
}

.btn-gradient:hover:before {
    opacity: 0.25;
}

.btn-gradient::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    transition: opacity ease 0.3s;
}

.main {
    padding-top: 64px;
    position: relative;
}
.main .container {
position: relative;
}
.main:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 868px;
    /*848px; */
    background-image: url("https://storage.perfectcdn.com/0a268b/l7sexzbx8t4dcpsy.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

.blogs-bg:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 848px;
    /*848px; */
    background-image: url("https://storage.perfectcdn.com/0a268b/ly48cf6yszspi5pb.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}

.tiktok-bg:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 868px;
    /*848px; */
    background-image: url("https://storage.perfectcdn.com/0a268b/pebqrjh11pymu32f.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.youtube-bg:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 868px;
    /*848px; */
    background-image: url("https://storage.perfectcdn.com/0a268b/5zzqpqr2ox0z0cia.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

.main-email {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    width: max-content;
}

.main-email .main-input input {
    color: #DAE9FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.main-email .main-input input::placeholder {
    color: #7983A1;
}

.main-email .main-input svg {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.main-input {
    position: relative;
}

.main-input input {
    display: flex;
    padding: 24px 24px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background: rgba(30, 33, 36, 0.25);
    backdrop-filter: blur(120px);
    color: var(--white-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    outline: none;
    border: none;

}

.main-input input::-webkit-outer-spin-button,
.main-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.main-input input:focus {
    border: none;
    background: rgba(44, 48, 52, 0.25);
}

.main-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 64px;
}

@media all and (max-width: 768px) {
    .main:before {
        height: 1000px;
    }

    .main-content {
        justify-content: center;
        margin-bottom: 32px;
        flex-direction: column;
    }

    .main-content__left {
        align-items: center;
        gap: 30px;
        width: 100%;
    }

    .main-content__right {
        height: 160px;
        width: 100%;
    }

    .main-content__right img {
        width: 312px;
        bottom: -110px;
        z-index: -1;
        top: unset;
        max-height: 360px;
    }
}

.main-content__left {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 50%;
}

.main-content__right {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 50%;
    height: 100%;
}

.main-content__right img {
    position: absolute;
    width: 774px;
    top: -64px;
    pointer-events: none;
}

.main-content__right .tiktok-girlimg {
    top: 20px !important;
}

.main-title {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.main-title h2 {
    font-size: 58px;
    font-weight: 900;
    line-height: 125%;
    background: radial-gradient(200% 300% at 0% 150%, #FFF -150%, #85F7E2 35%, #FFB60E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter", sans-serif;
    /*white-space: nowrap; */
}

.main-title h1 {
    font-size: 58px;
    font-weight: 900;
    line-height: 125%;
    background: radial-gradient(200% 300% at 0% 150%, #FFF -150%, #85F7E2 35%, #FFB60E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter", sans-serif;
}

.leftspan-side {
    color: #FFFFFF;
    background: white;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}

.rightspan-side .span-icon {
    background: orange;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-title p {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.main-title p span {
    color: #FFBE27;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}

.main-features {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #DAE9FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 0;
}

.main-features li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}

.main-features svg {
    fill: #FFBE27;
}

.main-rating {
    display: flex;
    align-items: center;
    gap: 80px;
}

.main-rating-left {
    position: relative;
    display: flex;
    align-items: center;
}

.main-rating-left-item {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 2px solid #12133F;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-rating-left-item img {
    width: 28px;
    height: 28px;
}

.main-rating-left-item:nth-child(1) {
    top: 0;
    left: 0;
}

.main-rating-left-item:nth-child(2) {
    top: 0;
    left: 16px;
}

.main-rating-left-item:nth-child(3) {
    top: 0;
    left: 32px;
}

.main-rating-left-item:nth-child(4) {
    top: 0;
    left: 48px;
}

.main-rating-left-item:nth-child(5) {
    position: relative;
    top: 0;
    left: 64px;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: unset;
    border: unset;
}

.main-rating-left-item:nth-child(5) svg {
    width: 32px;
    height: 32px;
    fill: #24E476;
    stroke-width: 2px;
    stroke: #12133F;
}

.main-rating-left-item:nth-child(5) p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #080707;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
}

.main-rating-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.main-rating-right-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.main-rating-right-stars svg {
    width: 12px;
    height: 12px;
    fill: #24E476;
}

.main-rating-right p {
    color: var(--white-color);
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
}

.icon {
    width: 16px;
    height: 16px;
    transition: fill ease 0.3s;
}

.main-features .icons-box {
    width: 30px;
    height: 30px;
    padding: 6px;
    border: 1px solid transparent;
    background-color: #FFFFFF26;
    border-radius: 999px;
}

.stats-content {
    position: relative;
    display: flex;
    width: 100%;
    padding: 56px 0;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(64px);
    font-family: var(--font-welsh);
}

.stats-content:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://storage.perfectcdn.com/0a268b/9um3i59w7bo2wpbh.svg");
    background-repeat: no-repeat;
    pointer-events: none;
}

/* @media all and (max-width: 768px) {
.stats-content {
    padding: 28px 0;
    flex-direction: column;
    gap: 16px;
}
} */
.stats-content li {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.stats-content li:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.05);
}

.stats-content li h1 {
    color: #FFBE27;
    text-shadow: 0 0 32px rgba(255, 190, 39, 0.25);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.stats-content li h2 {
    color: #FFBE27;
    text-shadow: 0 0 32px rgba(255, 190, 39, 0.25);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.stats-content li p {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.content-title {
    font-family: var(--font-welsh);
    font-weight: 700;
    font-size: 32px;
    color: var(--white-color);
    ;
}

/* @media all and (max-width: 768px) {
.content-title {
    text-align: center;
    font-size: 22px;
}
} */

.benefits {
    position: relative;
    z-index: 1;
}

.benefits-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    padding: 64px 0 0;
    gap: 32px;
}

/* @media all and (max-width: 768px) {
.benefits-content {
    padding: 32px 0;
    gap: 16px;
}
} */
.benefits-content-column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

/* @media all and (max-width: 768px) {
.benefits-content-column {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
}
} */
.benefits-content-column-cart {
    position: relative;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.07) url("https://storage.perfectcdn.com/0a268b/bsufqduoh3c3pla2.svg");
    backdrop-filter: blur(64px);
    transition: background ease 0.3s;
    overflow: hidden;
}


.benefits-content-column-cart:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(378.77% 373.42% at -54.69% 174.26%, #FFF 0%, #85F7E2 47.4%, #FFB60E 100%), #1F2329;
    z-index: -1;
    opacity: 0;
    transition: opacity ease 0.3s;
}

.benefits-content-column-cart:hover:before {
    opacity: 1;
}

.benefits-content-column-cart:hover:hover .benefits-content-column-cart__title {
    color: #080707;
}

.benefits-content-column-cart:hover:hover .benefits-content-column-cart__description {
    color: #080707;
    opacity: 0.65;
}

.benefits-content-column-cart:hover:hover .line {
    opacity: 0.25;
    background: #080707;
}

.benefits-content-column-cart:hover:hover svg {
    fill: #080707;
}

.benefits-content-column-cart svg {
    width: 32px;
    height: 32px;
    fill: white;
    transition: fill ease 0.3s;
}

/* @media all and (max-width: 768px) {
.benefits-content-column-cart svg {
    width: 25px;
    height: 25px;
}
} */
.benefits-content-column-cart__title {
    align-self: stretch;
    font-family: var(--font-welsh);
    font-weight: 700;
    font-size: 24px;
    color: white;
    line-height: 150%;
    transition: color ease 0.3s;
    white-space: pre-line;
}

/* @media all and (max-width: 768px) {
.benefits-content-column-cart__title {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    font-size: 16px;
}
} */
.benefits-content-column-cart .line {
    height: 1px;
    opacity: 0.25;
    background: var(--white-color);
    transition: background-color ease 0.3s;
    width: 100%;
}

/* @media all and (max-width: 768px) {
.benefits-content-column-cart .line {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}
}
@media all and (max-width: 425px) {
.benefits-content-column-cart .line {
    display: none;
}
} */
.benefits-content-column-cart__description {
    font-size: 16px;
    color: #DAE9FF;
    font-weight: 400;
    line-height: 150%;
    transition: color ease 0.3s;
}

/* @media all and (max-width: 768px) {
.benefits-content-column-cart__description {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}
}
@media all and (max-width: 425px) {
.benefits-content-column-cart__description {
    display: none;
}
} */

.started {
    position: relative;
    z-index: 2;
}

.started-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 64px;
    padding: 64px 0;
}

/* @media all and (max-width: 768px) {
.started-content {
    padding: 0 0 32px;
    gap: 32px;
}
} */
.started-content-up {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

/* @media all and (max-width: 768px) {
.started-content-up {
    gap: unset;
}
} */
.started-content-up-titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.started-content-up-titles__subtitle {
    color: var(--white-color);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    max-width: 648px;
}

/* @media screen and (max-width: 768px) {
.started-content-up-titles__subtitle {
    font-size: 12px;
}
} */
.started-content-up-column {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

/* @media screen and (max-width: 768px) {
.started-content-up-column {
    flex-direction: column;
}
} */
.started-content-up-column-cart {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    transition: background-color ease 0.3s;
    padding: 24px 0;
}

.started-content-up-column-cart:hover {
    background: rgba(255, 255, 255, 0.05);
}

.started-content-up-column-cart:last-child {
    border-right: none;
}

.started-content-up-column-cart svg {
    width: 32px;
    height: 32px;
    fill: white;
}

.started-content-up-column-cart-titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.started-content-up-column-cart-titles__title {
    color: var(--white-color);
    text-align: center;
    font-family: var(--font-welsh);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.started-content-up-column-cart-titles__description {
    color: var(--white-color);
    text-align: center;
    align-self: stretch;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.started-content-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.started-content-buttons p {
    color: var(--white-color);
    text-align: center;
    font-family: var(--font-welsh);
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
}

.works {
    position: relative;
    margin-bottom: 64px;
    z-index: 1;
}

.works-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}

.works-content-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

.works-content-main-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

/* @media all and (max-width: 768px) {
.works-content-main-column {
    flex-direction: column;
}
} */
.works-content-main-column-cart {
    position: relative;
    display: flex;
    padding: 40px 32px 24px 32px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-right: 1px solid #080707;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    overflow: hidden;
    flex: 1 0 0;
}

/* @media all and (max-width: 768px) {
.works-content-main-column-cart {
    flex: unset;
}
} */
.works-content-main-column-cart:before {
    content: "";
    position: absolute;
    width: 110%;
    height: 106px;
    flex-shrink: 0;
    border-radius: 326px;
    filter: blur(125px);
    bottom: -32px;
}

.works-content-main-column-cart.yellow:before {
    background: #DC812D;
}

.works-content-main-column-cart.green:before {
    background: #2DDC88;
}

.works-content-main-column-cart.pink:before {
    background: #C32DDC;
}

.works-content-main-column-cart.blue:before {
    background: #2D53DC;
}

/* @media all and (max-width: 768px) {
.works-content-main-column-cart {
    justify-content: center;
}
} */
.works-content-main-column-cart:first-child {
    border-radius: 20px 0 0 20px;
}

/* @media all and (max-width: 768px) {
.works-content-main-column-cart:first-child {
    border-radius: 20px 20px 0 0;
}
} */
.works-content-main-column-cart:last-child {
    border-right: none;
    border-radius: 0 20px 20px 0;
}

/* @media all and (max-width: 768px) {
.works-content-main-column-cart:last-child {
    border-radius: 0 0 20px 20px;
}
} */
.works-content-main-column-cart__number {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 64px;
    color: var(--white-color);
    text-align: center;
    font-size: 104px;
    font-weight: bold;
    line-height: 64px;
    opacity: 0.05;
}

.works-content-main-column-cart__title {
    align-self: stretch;
    color: var(--white-color);
    text-align: center;
    font-family: var(--font-welsh);
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
}

.works-content-main-column-cart__description {
    align-self: stretch;
    color: var(--white-color);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.works-content-main-column-cart img {
    height: 208px;
    align-self: stretch;
}

/* @media all and (max-width: 1200px) {
.works-content-main-column-cart img {
    height: 50%;
    width: 100%;
}
} */
/* @media all and (max-width: 768px) {
.works-content-main-column-cart img {
    height: 50%;
    width: 25%;
    margin: 0 auto;
}
} */

.reviews {
    position: relative;
    z-index: 1;
}

.reviews-content {
    /* margin-bottom: 64px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}

/* @media all and (max-width: 768px) {
.reviews-content {
    gap: 32px;
    margin-bottom: 32px;
}
} */
.reviews-content-headlines {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.reviews-content-headlines__subtitle {
    color: var(--white-color);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.reviews-content-column {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.reviews-content-column-cart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.reviews-content-column-cart-icon {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
}

.reviews-content-column-cart-icon svg {
    fill: white;
    width: 24px;
    height: 24px;
}

.reviews-content-column-cart-titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.reviews-content-column-cart-titles__title {
    color: var(--white-color);
    text-align: center;
    font-family: var(--font-welsh);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    max-width: 236px;
}

.reviews-content-column-cart-titles__description {
    color: var(--white-color);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    max-width: 236px;
}

.reviews-content-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 20px;
}

.reviews-content-container-list {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
}

.reviews-content-container-list-item {
    display: flex;
    padding: 40px 32px 24px 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 20px;
    border-right: 1px solid #080707;
    background: rgba(255, 255, 255, 0.05);
}

.reviews-content-container-list-item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.reviews-content-container-list-item-content-up {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.reviews-content-container-list-item-content-up__title {
    flex: 1 0 0;
    color: var(--white-color);
    font-family: var(--font-welsh);
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
}

.reviews-content-container-list-item-content-up-starlist {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.reviews-content-container-list-item-content-up-starlist svg {
    fill: #24E476;
    width: 12px;
    height: 12px;
}

.reviews-content-container-list-item-content__description {
    align-self: stretch;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.reviews-content-container-list-item-customer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.reviews-content-container-list-item-customer-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.reviews-content-container-list-item-customer-info svg {
    width: 24px;
    height: 24px;
}

.reviews-content-container-list-item-customer-info-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.reviews-content-container-list-item-customer-info-data__name {
    color: var(--white-color);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.reviews-content-container-list-item-customer-info-data__date {
    color: var(--white-color);
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    opacity: 0.25;
}

.reviews-content-container-list-item-customer-checked {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-content-container-list-item-customer-checked__title {
    color: var(--white-color);
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    opacity: 0.25;
}

.reviews-content-container-list-item-customer-checked svg {
    width: 12px;
    height: 12px;
    fill: #70D2E8;
}

.reviews-content-container-list-item-customer-info img {
    object-fit: contain;
    aspect-ratio: 1 / 1;
    max-width: 24px;
    height: 24px;
}

.info {
    position: relative;
    z-index: 1;
}

.info:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1364px;
    background-image: url("https://storage.perfectcdn.com/0a268b/gztfy7qsbwuj48ut.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
}

.info-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    margin-bottom: 64px;
}

/* @media all and (max-width: 768px) {
.info-content {
    gap: 16px;
    margin-bottom: 32px;
}
} */
.info-content-titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.info-content-titles__description {
    color: var(--white-color);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    max-width: 324px;
}

/* @media all and (max-width: 768px) {
.info-content-titles__description {
    font-size: 12px;
}
} */
.info-content-titles__description span {
    color: #FFB60E;
    font-size: 16px;
    font-weight: 900;
    line-height: 150%;
}

.info-content-text {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
}

/* @media screen and (max-width: 768px) {
.info-content-text {
    flex-direction: column;
}
} */
.info-content-text-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-content-text-item svg {
    width: 12px;
    height: 12px;
    fill: var(--white-color);
}

.info-content-text-item__title {
    color: var(--white-color);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

.faq {
    position: relative;
    z-index: 1;
}

.faq-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    margin-bottom: 64px;
}

/* @media all and (max-width: 768px) {
.faq-content {
    gap: 16px;
    margin-bottom: 32px;
}
} */
.faq-content-questions {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

/* @media all and (max-width: 768px) {
.faq-content-questions {
    flex-direction: column;
    align-items: center;
}
} */
.faq-content-questions-left,
.faq-content-questions-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

/* @media all and (max-width: 768px) {
.faq-content-questions-left, .faq-content-questions-right {
    width: 100%;
}
} */
.faq-content-questions-left-item,
.faq-content-questions-right-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    height: auto;
    max-height: 112px;
    overflow: hidden;
    transition: max-height ease 0.3s;
}

.faq-content-questions-left-item summary,
.faq-content-questions-right-item summary {
    padding: 16px;
}

.faq-content-questions-left-item-left,
.faq-content-questions-right-item-left {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

.faq-content-questions-left-item-left-icon,
.faq-content-questions-right-item-left-icon {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.faq-content-questions-left-item-left-icon svg,
.faq-content-questions-right-item-left-icon svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.faq-content-questions-left-item-left__title,
.faq-content-questions-right-item-left__title {
    color: var(--white-color);
    font-family: var(--font-welsh);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    flex: 1 1 0;
}

.faq-content-questions-left-item-left-right,
.faq-content-questions-right-item-left-right {
    display: flex;
    padding: 8px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
}

.faq-content-questions-left-item-left-right svg,
.faq-content-questions-right-item-left-right svg {
    width: 8px;
    height: 8px;
    fill: white;
}

.faq-content-questions-left-item-description,
.faq-content-questions-right-item-description {
    display: flex;
    padding: 0 16px 16px 26px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    transition: height ease 0.3s;
}

.faq-content-questions-left-item-description__text,
.faq-content-questions-right-item-description__text {
    flex-direction: column;
    display: flex;
    padding-left: 28px;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.faq-content-questions-left-item-description__text a,
.faq-content-questions-right-item-description__text a {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

/*details[open] {
    max-height: 537px;
}*/

details[open] summary .faq-content-questions-left-item-left-right svg,
details[open] summary .faq-content-questions-right-item-left-right svg {
    transform: rotate(180deg);
}

.footer {
    background: #000;
    position: relative;
    z-index: 1;
}

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

.footer-content-top {
    display: flex;
    padding: 32px 0;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-top: 1px solid rgba(197, 235, 255, 0);
    background: var(--Pure-colors-Black, #000);
    backdrop-filter: blur(40px);
}

@media all and (max-width: 1130px) {
    .footer-content-top {
        flex-direction: column;
        align-items: center;
        gap: 29px;
    }
}

.footer-content-top-left {
    display: flex;
    align-items: flex-start;
    gap: 58px;
}

.footer-content-top-left-logo {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer-content-top-left-logo-img {
    width: 26px;
    height: 38px;
}

.footer-content-top-left-logo__title {
    color: var(--white-color);
    font-family: var(--font-welsh);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.footer-content-top-left-column {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

.footer-content-top-left-column-explore,
.footer-content-top-left-column-services {
    display: flex;
    width: 180px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 20px;
    background: rgba(31, 35, 41, 0.5);
}

.footer-content-top-left-column-explore__title,
.footer-content-top-left-column-services__title {
    color: var(--white-color);
    font-family: var(--font-welsh);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.footer-content-top-left-column-explore-links,
.footer-content-top-left-column-services-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.footer-content-top-left-column-explore-links-item,
.footer-content-top-left-column-services-links-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.footer-content-top-left-column-explore-links-item:hover p,
.footer-content-top-left-column-services-links-item:hover p {
    color: white;
}

.footer-content-top-left-column-explore-links-item:hover svg,
.footer-content-top-left-column-services-links-item:hover svg {
    fill: white;
}

.footer-content-top-left-column-explore-links-item p,
.footer-content-top-left-column-services-links-item p {
    color: #686E73;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    transition: color ease 0.3s;
}

.footer-content-top-left-column-explore-links-item svg,
.footer-content-top-left-column-services-links-item svg {
    fill: #686E73;
    width: 8.5px;
    height: 8.5px;
    transition: fill ease 0.3s;
}

.footer-content-top-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
}

.footer-content-top-right-social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.footer-content-top-right-social__title {
    color: var(--white-color);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    opacity: 0.25;
}

.footer-content-top-right-social-link:hover svg {
    fill: white;
}

.footer-content-top-right-social svg {
    width: 24px;
    height: 24px;
    fill: #495059;
    transition: fill ease 0.3s;
}

.footer-content-top-right-payments {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-content-top-right-payments-up,
.footer-content-top-right-payments-down {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.footer-content-top-right-payments-up-icon,
.footer-content-top-right-payments-down-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.footer-content-top-right-payments-up svg {
    width: 36px;
    height: 11px;
    flex-shrink: 0;
}

.footer-content-top-right-payments-down svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.footer-content-bottom {
    display: flex;
    padding: 16px 0;
    align-items: center;
    gap: 325px;
    align-self: stretch;
    border-top: 1px solid rgba(197, 235, 255, 0);
    background: var(--Pure-colors-Black, #000);
    backdrop-filter: blur(40px);
}

.footer-content-bottom__copy {
    color: var(--Pure-colors-White, #FFF);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    opacity: 0.5;
}

.break {
    white-space: pre-line;
}


.owl-carousel .owl-stage-outer {
    /* override */
    overflow: initial !important;
}


#bodyContent {
    /* override */
    overflow: hidden;
}

/* Login css */
.custom-modal-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-align: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000;
    background-color: transparent;
    overflow: auto;
}

.custom-modal-outer .custom-modal-overlay {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.custom-modal-outer .custom-modal-in {
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 15px;
    position: relative;
    z-index: 2;
    margin: auto;
}

.custom-modal-outer .custom-modal-in.login-cntnt {
    max-width: 860px;
    width: 100%;
}

.custom-modal-outer .modal-cntnt-wpr {
    width: 100%;
    margin: 0 auto;
    background-color: #101314;
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.3);
    position: relative;
    z-index: 1;
}

.custom-modal-outer .custom-modal-in.login-cntnt .modal-cntnt-wpr {
    border: 0;
}

.cmn_login_innr {
    max-width: 860px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid rgba(197, 235, 255, 0.15);
    background: rgba(31, 35, 41, 0.75);
    overflow: hidden;
    position: relative;
}

.loginClose_btn {
    position: absolute;
    width: 20px;
    top: 20px;
    right: 20px;
    z-index: 2;
    padding: 0;
    background: transparent;
    border: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.login_img_innr {
    height: 100%;
    padding: 40px;
    position: relative;
}

.overLay_login {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.overLay_login img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.login_img_wrp {
    padding-top: 85px;
    position: relative;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.login_img_wrp.sign-in-modal {
    padding-top: 5px;
}

.login_logo {
    position: absolute;
    z-index: 2;
    max-width: 127px;
    width: 100%;
    top: 0;
    left: 0;
}

.login_img_wrp.sign-in-modal>img {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 450px;
}

.login_img_wrp.sign-in-modal>img.login-popup-img {
    width: 130%;
    margin-left: -50px;
    margin-top: 40px;
}

.login_txt_wrp {
    padding: 30px 20px 30px 0;
}

.login_txt_wrp .cmn_login_heading {
    color: var(--white-color);
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 40px;
}

.cmn_login_innr .login-form-wpr {
    margin: 0 -20px;
    max-height: 620px;
    overflow: auto;
    padding: 0 20px 20px;
}


.login_frm_wrp {
    margin-bottom: 20px;
}

.login_frm_wrp label {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 600;
    opacity: 0.75;
    margin-bottom: 11px;
    display: block;
    line-height: 1.7;
}

.login_frm_wrp input[type="text"],
.login_frm_wrp input[type="email"],
.login_frm_wrp input[type="password"],
.login_frm_wrp select {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(30, 33, 36, 0.25);
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    height: 60px;
    padding-left: 20px;
    padding-right: 40px;
    color: var(--white-color);
    ;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.form-group {
    margin-bottom: 15px;
}

.remember-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.remember-wrap .checkbox label {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
}

.forgot_link {
    display: inline-block;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.row.new-row {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    --row-gutter-x: 30px;
    --row-gutter-y: 30px;
    margin: 0 calc(var(--row-gutter-x)*-0.5);
    margin-top: calc(var(--row-gutter-y)*-1);
}

.row.new-row.auth_rw {
    --row-gutter-x: 20px;
}

.login_img_col {
    position: relative;
}

.row.new-row>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 calc(var(--row-gutter-x)*0.4);
    margin-top: var(--row-gutter-y);
}

.col-xs-12 {
    width: 100%;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.notification-wrap {
    margin-bottom: 20px;
}

.wtch-vdo-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 10px;
    padding: 15px 20px;
    color: var(--white-color);
    ;
    font-size: 16px;
    font-weight: 700;
    background: -o-radial-gradient(50.00% -178.89%, 221.67% 295.56%, rgba(255, 182, 14, 0.85) 0%, rgba(255, 182, 14, 0.00) 100%);
    background: radial-gradient(221.67% 295.56% at 50.00% -178.89%, rgba(255, 182, 14, 0.85) 0%, rgba(255, 182, 14, 0.00) 100%);
    margin-bottom: 40px;
    padding-right: 64px;
    position: relative;
    word-break: break-word;
}

.notification-wrap .wtch-vdo-wpr {
    margin-bottom: 0;
}

.wtch-vdo-wpr>* {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.wtch-vdo-wpr .vdo-wpr-cls-btn {
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 24px;
    position: absolute;
    top: 45%;
    right: 20px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wtch-vdo-wpr p {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--white-color);
    ;
    font-weight: 700;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
    -webkit-appearance: button;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .wtch-vdo-wpr .vdo-wpr-cls-btn {
        top: 45%;
        transform: translateY(-50%);
        right: 10px;
    }

    .wtch-vdo-wpr {
        padding-right: 20px;
    }
}

/* @media (min-width: 768px) {
    .col-sm-6 {
    width: 50%;
    }
} */
/* @media screen and (max-width: 767px) {
    .login_img_innr {
    padding: 30px 20px 0;
    }
.row.new-row.auth_rw {
    --row-gutter-x: 0;
    --row-gutter-y: 0;
    }
.overLay_login {
    display: none;
    }
    .login_img_wrp a.login_logo {
    display: none;
    }
    .login_img_wrp.sign-in-modal > img.login-popup-img {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: -20px;
    max-height: inherit;
    }
    .login_txt_wrp.sign-in-modal {
    padding-top: 0;
    }
    .login_txt_wrp .cmn_login_heading {
    font-size: 24px;
    }
} */
/* @media screen and (max-width: 479px) {
    .login_frm_wrp label {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 10px;
    }
    .login_txt_wrp {
    padding: 40px 20px 40px;
    }
    .login_frm_wrp input[type="text"], .login_frm_wrp input[type="email"], .login_frm_wrp input[type="password"], .login_frm_wrp select {
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    }
} */
/* @media screen and (max-width: 374px) {
    .login_txt_wrp .cmn_login_heading {
    font-size: 24px;
    }
} */

/* Inline */

.cmn_login_heading,
.login_frm_wrp label,
.login_frm_wrp input[type="text"],
.login_frm_wrp input[type="email"],
.login_frm_wrp input[type="password"],
.login_frm_wrp select,
.remember-wrap .checkbox label,
.forgot_link,
.login_frmBtn_wrap input[type="submit"] {
    font-family: "Inter", sans-serif !important;
}

.login_img_innr {
    padding: 40px 40px 0;
}

.login-popup-img1 {
    display: block;
    margin: auto auto 0 auto;
    width: auto;
    max-width: 100%;
}

.sign-in-modal1 {
    padding-top: 0;
}

.fixed-btn {
    position: fixed;
    left: 10px;
    bottom: 10px;
    display: flex;
    z-index: 999;
    padding-left: 0;
}

.fixed-btn li a {
    width: 52px;
    height: 52px;
    background-color: #277dff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #000;
    border-radius: 100px;
    margin-right: 5px;
}

.fixed-btn li a svg {
    width: 34px;
    height: 34px;
    fill: var(--white-color);
    ;
}

.fixed-social-btn {
    padding: 0;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 9999;
}

.fixed-social-btn li a {
    width: 50px;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: #005ae2;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
    min-width: 150px;
    text-decoration: none !important;
}

.fixed-social-btn-txt {
    font-size: 18px;
    color: var(--white-color);
    ;
    margin-right: 10px;
}

.fixed-social-btn li a svg {
    width: 40px;
    height: 40px;
    fill: var(--white-color);
    ;
}

.fixed-social-btn li {
    margin-left: -95px;
}

.fixed-social-btn li:hover {
    margin-left: 0;
    transition: 0.3s ease-in-out;
}

.fixed-social-btn li {
    margin-left: 0;
}

.fixed-social-btn li a {
    transition: 0.3s linear;
    min-width: 50px;
}

.fixed-social-btn li a:hover {
    border-radius: 0;
}

.fixed-social-btn li a .slide2 {
    position: absolute;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: #005ae2;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
    left: -100px;
    padding-left: 8px;
    transition: 0.3s linear;
    z-index: -1;
}

.fixed-social-btn li a:hover .slide2 {
    left: 50px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 50px rgba(30, 33, 36, 99) inset !important;
    -webkit-text-fill-color: var(--white-color) !important;
}

/* @media (max-width:991px) {
            .login-popup-img1 {
                content: url('https://storage.perfectcdn.com/0a268b/jsz31nmpibsjg2h3.webp');
            }

            .overLay_login img {
                content: url('https://storage.perfectcdn.com/0a268b/ro2syd52rdcwmby1.webp');
            }

            .overLay_login {
                display: block !important;
            }
        } */

/*@media (max-width:767px) {
    .login-popup-img1 {
    content: url('https://i.23robo.info/projects/naizop/img/modal-man-tablet.webp');
    }
    .overLay_login img {
    content: url('https://i.23robo.info/projects/naizop/img/modal-bg-tablet.webp');
    }
    .overLay_login {
    display: block !important;
    }
}*/
/* @media (max-width:550px) {
            .login_txt_col {
                padding-top: 20px !important;
            }

            .fixed-btn li a {
                width: 32px;
                height: 32px;
            }

            .fixed-btn li a svg {
                width: 20px;
                height: 20px;
            }

            .fixed-social-btn li a {
                width: 40px;
                height: 40px;
                min-width: 140px;
            }

            .fixed-social-btn li a svg {
                width: 30px;
                height: 30px;
            }

            input,
            textarea {
                font-size: 16px !important;
            }

            .fixed-social-btn li a {
                min-width: 40px;
            }

            .fixed-social-btn li a .slide2 {
                height: 40px;
            }

            .fixed-social-btn li a:hover .slide2 {
                left: 40px;
                padding-left: 5px;
            }

            .fixed-social-btn-txt {
                font-size: 16px;
                margin-right: 7px;
            }
        } */

/* End HomePage */

/* New Order Page */
#nizop-svg {
    width: 616.248px;
    height: 560.075px;
}

#order_average_time {
    display: none !important;
}

#order_check .form-group__checkbox {
    display: flex;
}

#order_check .form-group__checkbox .form-group__label-title {
    margin-left: 6px;
    font-size: 16px;
}

.low-balance {
    display: block !important;
    margin: 12px auto;
}

#field-orderform-fields-comment {
    background-color: rgba(30, 30, 36, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 20px;
    color: var(--white-color);
}

#field-orderform-fields-mentionUsernames {
    background-color: rgba(30, 30, 36, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 20px;
    color: var(--white-color);
}

#field-orderform-fields-usernames_custom {
    background-color: rgba(30, 30, 36, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 20px;
    color: var(--white-color);
}

#field-orderform-fields-groups {
    background-color: rgba(30, 30, 36, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 20px;
    color: var(--white-color);
}

.select2-container--default ul.select2-results__options>li>a .btn-group-vertical {
    flex: 0 0 20px;
    max-width: 20px;
}

#select2-orderform-category-results {
    max-height: 525px !important;
}

#select2-orderform-service-results {
    max-height: 500px !important;
    overflow-x: hidden;
}

.neworder-bnr-img {
    border-radius: 8px;
}

.neworder-bnr {
    display: block !important;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
}

.neworder-bnr:hover {
    transform: translateY(-.46875rem);
}

.row.neworder-bnr-row {
    margin-bottom: 25px;

}

.banner-sec {
    display: flex;
    gap: 15px;
}

.banner-sec>div {
    width: 33.3%;
}

.neworder-bnr-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.neworder-bnr-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}

/* End New Order Page */

/* Start SignUp Page */
footer .folow-title {
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: 'Rubik' !important;
    position: relative !important;
}

.Quick-link,
.ftr-services {
    padding-left: 0 !important;
}

.row.ftr-bottom.text-center .follow-us ul {
    justify-content: center !important;
    margin-top: 0 !important;
    margin-bottom: 0;
}

.row.ftr-bottom.text-center .follow-us {
    margin-top: 0 !important;
}

.login_frmBtn_wrap .btn.btn-primary {
    height: 50px;
    width: 100%;
    border-radius: 30px;
    background: -o-linear-gradient(left, #85F7E2 20%, #FFB60E 130%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 20%, #FFB60E 130%);
    font-size: 20px;
    font-weight: 700;
    color: #070B20;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    border: none;
    margin-bottom: 10px;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif !important;
}

.signup-row .banner-cntnt p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'Arial' !important;
}

.signup-row .banner-point-txt ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.banner-cntnt .banner-btn-wpr .grd-btn {
    font-family: 'Arial';
}

.login_frm_wrp label,
.login_frm_wrp input,
.frm_checkBx_wrp span,
.login_frmBtn_wrap .btn.btn-primary {
    font-family: "Inter", sans-serif !important;
}

footer.new-footer-2 .container .row.row-top .footer-menu h4,
footer.new-footer-2 .container .row.row-top .footer-menu ul li a,
footer.new-footer-2 .container .row.row-bottom p {
    font-family: 'Arial' !important;
}

/* End SignUp Page */

/* Start
Orders,
Subscription,
AddFunds,
Tickets Pages */

.table-link {
    max-width: 300px;
    white-space: normal;
    word-break: break-all;
    min-width: 300px;
}

.popup_order_col p span.green_txt {
    color: #1DCF00;
}

.popup_order_col p span.red_txt {
    color: #FF3D00;
}

#instruction_instruction .panel-body {
    position: relative;
    z-index: 1;
}

.bonus-right {
    padding-left: 15px;
}

.bonus-system-ul li {
    flex: 0 0 49.5% !important;
    max-width: 49.5% !important;
}

.bonus-system-ul.bonus-system-ul2 li:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.naizp-lmore {
    width: 550px;
    height: 165px;
    position: fixed;
    right: 120px;
    margin-top: 2%;
    cursor: pointer;
}

#ticketsuccess .modal-dialog,
#ticketsuccess .modal-content,
#ticketerror .modal-dialog,
#ticketerror .modal-content {
    border: 0 !important;
    box-shadow: none !important;
}

#ticketsuccess .modal-content,
#ticketerror .modal-content {
    background-color: #101314;
}

#ticketsuccess .modal-body,
#ticketerror .modal-body {
    padding: 0 !important;
}

.modal-backdrop.fade.in {
    background-color: rgba(0, 0, 0, .35);
    opacity: 1;
}

#ticketsuccess .modal-body .modal-wpr,
#ticketerror .modal-body .modal-wpr {
    background-color: #2c3337;
    border-radius: 10px;
}

#ticketsuccess.success_popUp.in,
#ticketerror.success_popUp.in {
    margin: auto;
    overflow: unset;
    display: flex !important;
    align-content: center;
    align-items: center;
}

.custom-select2 .select2-selection.select2-selection--single {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(30, 33, 36, 0.25);
    backdrop-filter: blur(120px);
}

.select2-container--default ul.select2-results__options>li {
    background-color: #1a1d21 !important;
}

.select2-container--default .select2-results>.select2-results__options {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-top: 0;
}

.support_frm_grp .affiliate_field_innr textarea {
    height: 111px !important;
    padding: 16px 20px;
}

.select2-container--default ul.select2-results__options>li {
    /*display: flex;
    align-items: center;
    gap: 5px;*/
}

.select2-container--default ul.select2-results__options>li:hover,
.select2-container--default ul.select2-results__options>li[aria-selected="true"] {
    background-color: #080707 !important;
}

.ticket-bnr-wrapper {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    flex-wrap: wrap;
}

.ticket-bnr-inner.row {
    background-color: #15181d;
    margin: 0 !important;
    border-radius: 20px;
    padding: 10px;
    background-image: url('https://storage.perfectcdn.com/0a268b/qcp4hckx36500awh.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-height: 192px;
    display: flex;
    align-items: center;
    width: 100%;
}

.ticket-bnr-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0;
}

.ticket-bnr-wrapper .btn.btn-primary {
    width: 100%;
    border-radius: 100px;
    padding: 12px 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s linear;
}

.ticket-bnr-wrapper .btn.btn-primary:hover {
    box-shadow: 0 0 10px 1px #fff;
    transition: 0.3s linear;
}

.ticket-bnr-wrapper .btn.btn-primary.telegram-btn {
    background: #28b1ec !important;
    color: #fff;
}

.ticket-bnr-wrapper .btn.btn-primary.whatsapp-btn {
    background: #2bda52;
    color: #fff;
}

.ticket-bnr-inner::after {
    content: '';
    position: absolute;
    background-image: url('https://storage.perfectcdn.com/0a268b/jgcy2tkmtin75k3m.webp');
    width: 125px;
    height: 176px;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
}

.ticket-bnr-inner.row .col-sm-6,
.ticket-bnr-inner.row .col-sm-1,
.ticket-bnr-inner.row .col-sm-5 {
    position: relative;
    z-index: 1;
}


.btn.btn-primary {
    height: 50px;
    width: 100%;
    border-radius: 30px;
    background: -o-linear-gradient(left, #85F7E2 20%, #FFB60E 130%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #85F7E2), color-stop(130%, #FFB60E));
    background: linear-gradient(to right, #85F7E2 20%, #FFB60E 130%);
    font-size: 20px;
    font-weight: 700;
    color: #070B20;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    border: none;
    margin-bottom: 10px;
    padding: 0;
}

/* Terms */
.item-box {
    background: rgba(30, 33, 36, 0.7);
    padding: 25px 30px;
    margin-top: 22px;
    border-radius: 18px;
}

.page-content {
    padding-top: 60px;
    padding-bottom: 100px;
}

/* Account */
.changemail-content {
    position: relative;
    background-color: rgba(197, 235, 255, 0.15);
    border: 1px solid #07090A;
    border-radius: 10px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    outline: 0;
}

.changemail-content input[type="email"] {
    background-color: #282E32;
    height: 60px;
    color: #fff;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    width: 100%;
}

.changemail-content input[type="text"] {
    background-color: #282E32;
    height: 60px;
    color: #fff;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    width: 100%;
}

.changemail-content input[type="password"] {
    background-color: #282E32;
    height: 60px;
    color: #fff;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    width: 100%;
}

/* Blog */

.row.blog-wrapper .col-sm-3:first-child .blog-date,
.row.blog-wrapper .col-sm-3:first-child .blog-tags,
.row.blog-wrapper .col-sm-4:first-child .blog-date,
.row.blog-wrapper .col-sm-4:first-child .blog-tags {
    display: none;
}

.blog-excerpt,
.blog-excerpt p {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14.9198px;
    line-height: 18px;
    color: #9D9DAB;
}

.row.blog-wrapper .col-sm-3:first-child .blog-excerpt,
.row.blog-wrapper .col-sm-4:first-child .blog-excerpt {
    height: auto;
}

.row.blog-wrapper .col-sm-3:first-child .blog-ftr .btn.btn-primary,
.row.blog-wrapper .col-sm-4:first-child .blog-ftr .btn.btn-primary {
    margin-left: auto;
}

.row.blog-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.guest .blogg {
    padding-top: 105px;
}

.blog-header {
    background-color: #131133;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
}

.blog-header .img-responsive {
    display: block;
    margin: auto;
}

.blog-header img {
    width: 100%;
    height: 147px;
}

.row.blog-wrapper .col-sm-3:first-child .blog-header img,
.row.blog-wrapper .col-sm-4:first-child .blog-header img {
    height: 313px;
}

.blog-body {
    background-color: #171538;
    padding: 20px 15px;
}

.blog-tags {
    font-family: Rubik;
    color: #64648A;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.blog-title {
    font-family: Rubik;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    /* text-shadow: 0px 0px 16px #FFFFFFB8; */
    text-shadow: 0px 0px 16px rgba(255, 255, 255, 0.72);
    margin: 9px 0;
    height: auto;
}

.blog-ftr {
    /* background-color: #171538; */
    background: linear-gradient(90deg, #191639 0%, #161438 71.7%);
    border-radius: 0 0 24px 24px;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-between;
    padding: 0 15px 15px;
}

.blog-wrap .btn.btn-primary {
    background: transparent;
    border: 1px solid #4A8EFF;
    color: #4A8EFF;
    font-weight: 700;
    font-size: 14px;
    min-width: 135px;
    padding: 11px 17px;
    border-radius: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-family: Rubik;
}

.blog-date {
    color: #64648A;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 5px;
    font-family: Rubik;
    flex: 0 0 35%;
    max-width: 35%;
}

.row.blog-wrapper .col-sm-3:first-child,
.row.blog-wrapper .col-sm-4:first-child {
    width: 100%;
}

.blog-wrap .btn.btn-primary svg {
    margin-left: 6px;
}

.blog-excerpt {
    /* height: 100px;*/
    height: auto;
    font-family: Rubik;
}

.blog-wrap {
    padding: 0;
    border-color: transparent;
    margin-bottom: 20px;
}

.dashboard .blog-wrap .btn.btn-primary {
    padding: 8px 8px;
    min-width: auto;
    font-size: 13px;
}

.dashboard .blog-date {
    flex: 0 0 30%;
    max-width: 30%;
    white-space: normal;
    word-break: break-word;
}

@media (max-width:550px) {
    .blog-excerpt {
        height: auto;
    }
}

/* Blog Post */
.sidebar .blog-content {
    padding: 24px 26px;
    border-radius: 0 0 24px 24px;
}

.sidebar .blog-item {
    border-radius: 20px 20px 24px 24px;
}

.guest .blogg {
    padding-top: 105px;
}

.sidebar .blog-image-wrap img {
    border-radius: 20px 20px 0 0;
}

.post-content p a {
    font-family: Rubik;
    font-size: 18px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #F6DC5A;
}

.blog-image-wrap {
    padding: 15px;
    background-color: #131133;
    border-radius: 20px 20px 0 0;
}

.sidebar .blog-image-wrap {
    padding: 0;
}

.blog-item {
    display: block;
    margin-bottom: 19px;
    background-color: #191639;
    border-radius: 20px 20px 0 0;
}

.blog-content {
    padding: 15px 35px;
}

.post-title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 500;
    font-family: Rubik, sans-serif;
    text-shadow: 0 0 16px rgba(255, 255, 255, 0.72);
}

.blog-content p {
    color: #9D9DAB;
    font-size: 14.95px;
    font-weight: 400;
}

.btn.btn-read svg {
    margin-left: 8px;
}

.btn.btn-read {
    color: #4A8EFF;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #4A8EFF;
    border-radius: 50px;
    padding: 8px 15px;
    margin-left: auto;
    margin-right: 0;
    max-width: 130px;
    display: block;
    font-family: Rubik, sans-serif;
}

.blog-content h3 {
    font-size: 14px;
    font-weight: 700;
    color: #64648A;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Rubik, sans-serif;
}

.blog-content h4 {
    font-size: 14.95px;
    color: #64648A;
}

.post-image-wrap {
    position: relative;
    padding: 0 0 10px 0;
    border-radius: 24px;
    background-size: cover !important;
    background-blend-mode: overlay;
    background-repeat: no-repeat !important;
    margin-bottom: 70px;
    height: 311px;
}

.post-image-wrap h3 {
    font-size: 14.92px;
    color: #64648A;
    margin-top: -114px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-weight: 400;
    font-family: Rubik;
}

.post-image-wrap h1 {
    font-size: 32px;
    color: #fff;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -74px;
    font-weight: 500;
    font-family: Rubik, sans-serif;
    text-shadow: 0 0 16px rgba(255, 255, 255, 0.72);
}

.post-content,
.post-content p {
    font-size: 18px;
    font-weight: 400;
    color: #9D9DAB;
    font-family: Rubik, sans-serif;
}

.post-wrap .post-content h3,
.post-wrap .post-content h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 0 16px rgba(255, 255, 255, 0.72);
    margin-top: 70px;
}

@media(max-width:550px) {
    .blog-content {
        padding: 15px 20px;
    }

    .post-image-wrap {
        margin-bottom: 15px;
    }

    .post-wrap .post-content h3 {
        margin-top: 25px;
    }

    .sidebar {
        margin-top: 60px;
    }
}


/* Create Invoice */

.invoice-desc-box {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 10px;
}

.invoice-desc-box .invoice-desc-txt {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    align-content: center;
}

.invoice-desc-txt-num {
    display: inline-flex;
    background-color: #080707;
    width: 25px;
    height: 25px;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    flex: 0 0 25px;
    max-width: 25px;
}

.invoice-desc-txt-text {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding-left: 10px;
}

.your-ticket {
    margin-top: 20px;
}

.form-group.field-icon-wrap {
    margin-bottom: 10px !important;
}

#invoice-history tr td,
#invoice-history tr {
    border: 0;
}

thead th {
    border: 0 !important;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent;
}

tbody tr:hover {
    /* background: radial-gradient(37.96% 744% at 18.16% 80%, rgba(0, 90, 226, 0.2) 0%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0.2); */
}


@media (max-width:550px) {
    .order-form-wpr {
        margin-bottom: 20px;
    }

    .your-ticket {
        margin: 0;
    }
}

/* ------------------------------------------- */
/* Responsive media queries */
/* ------------------------------------------- */

@media screen and (max-width: 768px) {
    .naizp-lmore {
        width: 100px;
        height: 60px;
        position: fixed;
        right: 50px;
        margin-top: 4%;
    }

    .container {
        padding: 0 24px;
    }

    header .container {
        background: #101314;
        padding: 16px 24px;
    }

    .header {
        align-items: center;
    }

    .header-logotype {
        width: 32px;
        height: 32px;
    }

    .header-nav {
        flex-direction: column;
        gap: 0;
        width: 100%;
        align-items: flex-start;
    }

    .header-nav.desktop {
        display: none;
    }

    .header-nav li {
        width: 100%;
    }

    .header-nav li:nth-child(6) {
        margin-bottom: 15px;
    }

    .header-nav li a {
        border: none !important;
        height: 32px;
        padding: 8px 0;
        text-transform: uppercase;
        font-size: 12px;
        font-family: var(--font-welsh);
    }

    .header-buttons {
        gap: 8px;
    }

    .header-buttons a {
        font-size: 12px;
    }

    .header-nav.show {
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.98);
    }

    .header-nav.show li a {
        border-left: none;
        align-items: center;
    }

    .burger-menu {
        display: flex;
    }

    .main-content {
        justify-content: center;
        margin-bottom: 32px;
        flex-direction: column;
    }

    .main-content__left {
        align-items: center;
        gap: 30px;
        width: 100%;
    }

    .main-email a {
        width: 100%;
    }

    .main-email .main-input {
        width: 100%;
    }

    .main-content__right {
        height: 160px;
        width: 100%;
    }

    .main-content__right img {
        width: 312px;
        bottom: -110px;
        z-index: -1;
        top: unset;
        max-height: 360px;
    }

    .main-title h2 {
        font-size: 42px;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .main-title p {
        text-align: center;
    }

    .main-features {
        flex-direction: column;
        align-items: flex-start;
    }

    .stats-content {
        /* padding: 28px 0; */
        flex-direction: column;
        gap: 16px;
        padding-bottom: 20px;
    }

    .content-title {
        text-align: center;
        font-size: 22px;
    }

    .benefits-content {
        padding: 32px 0;
        gap: 16px;
    }

    .benefits-content-column {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
    }

    .benefits-content-column-cart {
        width: 100%;
        padding: 15px;
        gap: 8px;
        align-items: center;
    }

    .benefits-content-column-cart svg {
        width: 25px;
        height: 25px;
    }

    .benefits-content-column-cart__title {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        font-size: 16px;
    }

    .benefits-content-column-cart .line {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 14px;
    }

    .benefits-content-column-cart .line {
        display: none;
    }

    .benefits-content-column-cart__description {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 14px;
    }

    .started-content {
        padding: 0 0 32px;
        gap: 32px;
    }

    .started-content-up {
        gap: unset;
    }

    .started-content-up-titles__subtitle {
        font-size: 12px;
    }

    .started-content-up-column {
        flex-direction: column;
    }

    .started-content-up-column-cart {
        border-right: unset;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .works-content-main-column {
        flex-direction: column;
    }
    .works-content-main-column a,
    .works-content-main-column img {
        width: 100%;
    }
    .works-content-main-column-cart {
        flex: unset;
        justify-content: center;
    }

    .works-content-main-column-cart:first-child {
        border-radius: 20px 20px 0 0;
    }

    .works-content-main-column-cart:last-child {
        border-radius: 0 0 20px 20px;
    }

    .works-content-main-column-cart img {
        height: 50%;
        width: 25%;
        margin: 0 auto;
    }

    .reviews-content {
        gap: 32px;
        margin-bottom: 32px;
    }

    .reviews-content-column {
        flex-direction: column;
        gap: 16px;
    }

    .info-content {
        gap: 16px;
        margin-bottom: 32px;
    }

    .info-content-titles__description {
        font-size: 12px;
    }

    .info-content-text {
        flex-direction: column;
    }

    .faq-content {
        gap: 16px;
        margin-bottom: 32px;
    }

    .faq-content-questions {
        flex-direction: column;
        align-items: center;
    }

    .faq-content-questions-left,
    .faq-content-questions-right {
        width: 100%;
    }

    .login_img_innr {
        padding: 30px 20px 0;
    }

    .row.new-row.auth_rw {
        --row-gutter-x: 0;
        --row-gutter-y: 0;
    }

    .overLay_login {
        display: none;
    }

    .login_img_wrp a.login_logo {
        display: none;
    }

    .login_img_wrp.sign-in-modal>img.login-popup-img {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: -20px;
        max-height: inherit;
    }

    .login_txt_wrp.sign-in-modal {
        padding-top: 0;
    }

    .login_txt_wrp .cmn_login_heading {
        font-size: 24px;
    }

    .owl-carousel .owl-stage-outer {
        /* override */
        overflow: hidden !important;
    }

    .works,
    .reviews {
        overflow-x: hidden;
    }

    .stats-content:before {
        background-repeat: repeat-y;
    }

}

@media screen and (min-width: 768px) {
    .benefits-content-column-cart {
        flex: 1 1 0;
    }

    .col-sm-6 {
        width: 50%;
    }
}

@media screen and (max-width: 425px) {
    .benefits-content-column-cart {
        align-items: flex-start;
    }

    .benefits-content-column-cart__title {
        justify-content: flex-start;
        text-align: left;
    }

    .benefits-content-column-cart__description {
        display: none;
    }

    .owl-carousel .owl-stage-outer {
        /* override */
        overflow: hidden !important;
    }

}

@media all and (max-width: 1200px) {
    .works-content-main-column-cart img {
        height: 50%;
        width: 100%;
    }
}

@media all and (max-width: 1130px) {
    .footer-content-top-left {
        flex-direction: column;
        align-items: center;
        gap: 29px;
    }

    .footer-content-top-right {
        flex-direction: column;
        align-items: center;
    }

    .footer-content-bottom {
        justify-content: center;
    }
}

@media all and (max-width: 530px) {
    .footer-content-top-left-column {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 479px) {
    .login_frm_wrp label {
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    .login_txt_wrp {
        padding: 40px 20px 0px;
    }

    .login_frm_wrp input[type="text"],
    .login_frm_wrp input[type="email"],
    .login_frm_wrp input[type="password"],
    .login_frm_wrp select {
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 374px) {
    .login_txt_wrp .cmn_login_heading {
        font-size: 24px;
    }
}

@media (max-width:991px) {
    .login-popup-img1 {
        content: url('https://storage.perfectcdn.com/0a268b/jsz31nmpibsjg2h3.webp');
    }

    .overLay_login img {
        content: url('https://storage.perfectcdn.com/0a268b/ro2syd52rdcwmby1.webp');
    }

    .overLay_login {
        display: block !important;
    }
}

@media (max-width:550px) {
    .login_txt_col {
        padding-top: 20px !important;
    }

    .fixed-btn li a {
        width: 32px;
        height: 32px;
    }

    .fixed-btn li a svg {
        width: 20px;
        height: 20px;
    }

    .fixed-social-btn li a {
        width: 40px;
        height: 40px;
        min-width: 140px;
    }

    .fixed-social-btn li a svg {
        width: 30px;
        height: 30px;
    }

    input,
    textarea {
        font-size: 16px !important;
    }

    .fixed-social-btn li a {
        min-width: 40px;
    }

    .fixed-social-btn li a .slide2 {
        height: 40px;
    }

    .fixed-social-btn li a:hover .slide2 {
        left: 40px;
        padding-left: 5px;
    }

    .fixed-social-btn-txt {
        font-size: 16px;
        margin-right: 7px;
    }

    .neworder-bnr {
        margin-bottom: 10px;
    }

    .table-link {
        min-width: auto;
        max-width: unset;
        width: 100%;
    }

    .ticket-bnr-inner.row {
        display: block;
    }

    .ticket-bnr-title {
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
    }

    .ticket-bnr-txt {
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
    }

    .ticket-bnr-wrapper .btn.btn-primary {
        padding: 5px;
        margin-bottom: 8px;
    }

    .ticket-bnr-wrapper .btn.btn-primary i {
        font-size: 18px;
    }

    .ticket-bnr-inner::after {
        opacity: 0.5;
    }
}

@media (max-width:1024px) {
    .banner-sec {
        overflow: hidden;
        overflow-x: scroll;
    }

    .banner-sec .neworder-bnr {
        margin-bottom: 10px;
    }

    .banner-sec>div {
        min-width: 45%;
    }

    /* fix footer */
    .footer__logo {
        align-items: center;
        width: 100% !important;
        justify-content: center;
        margin-right: 0px !important;
        margin-bottom: 32px;
    }

    .footer__social {
        align-items: center !important;
    }
}

@media (max-width:575px) {
    .banner-sec>div {
        min-width: 87%;
    }

}

@media (max-width:400px) {
    .banner-sec>div {
        min-width: 86%;
    }

}

.swal2-popup.swal2-toast {
    background: #1B1F24 !important;
    box-shadow: none !important;
    border: 1px solid #FFFFFF1A;
    border-radius: 12px;
}

.notify-wrapper {
    display: flex;
    align-items: center;
}

.service-img img {
    width: 60px;
    height: 60px;
}

.textDiv {
    font-family: "Space Grotesk", sans-serif;
    padding-left: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}

.notify-info {
    font-weight: bold;
    font-size: 14px;
}

.notify-desc {
    font-size: 11px;
}

.notify-time {
    color: #FFB60E;
}

.funds-banner {
    background-image: url(https://storage.perfectcdn.com/0a268b/sxl3tcq8mx0tukmm.png);
    width: 1920px;
    height: 128px;
    background-repeat: no-repeat;
    background-size: contain;
}

.funds-massorder {
    background-image: url(https://storage.perfectcdn.com/0a268b/4km9qkb3ut2fbexa.png);
    width: 1920px;
    height: 103px;
    background-repeat: no-repeat;
    background-size: contain;
}

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

    /* For mobile phones: */
    .funds-banner {
        background-image: url(https://storage.perfectcdn.com/0a268b/o9yyjactdop07brp.png);
        width: 417px;
        height: 64px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .funds-massorder {
        background-image: url(https://storage.perfectcdn.com/0a268b/4km9qkb3ut2fbexa.png);
        width: 417px;
        height: 21px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* Welcome Banner */

.changemail-content {
    position: relative;
    background-color: #282E32;
    border: 1px solid #07090A;
    border-radius: 10px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    outline: 0;
}

.changemail-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 50%) !important
}

.payment-detail-modal .welcome-header {
    display: flex;
    flex-wrap: wrap;
    /*flex-direction: row-reverse; */
    align-items: center;
    justify-content: space-between;
}

.payment-detail-modal .close {
    color: #fff;
    font-size: 32px;
}

.payment-close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
}

.leftwelcome-arrow,
.rightwelcome-arrow {
    width: 118px;
    height: 55px;
    background-color: transparent;
    color: #fff;
    border: 2px solid #FFB60E;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
}

.rightwelcome-arrow {
    background-color: #FFB60E;
    color: black;
}

.slider1-welcome {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.naizop-dots {
    display: flex;
}

ul.naizop-dots li {
    padding: 3px;
}

ul.naizop-dots li button {
    border: none;
    background-color: #505050;
    border-radius: 50%;
    text-indent: -999px;
    height: 8px;
    padding: 4px;
}

ul.naizop-dots li.slick-active button {
    background-color: #FFB60E;
    -webkit-box-shadow: 0 8px 25px rgb(255, 182, 14, 0.5);
    box-shadow: 0 8px 25px rgb(255, 182, 14, 0.5);
    padding: 8px;
}

.dots-welcome {
    display: flex;
    margin-right: 40px;
    margin-top: 30px;
}

ul.naizop-dots li::marker {
    display: none;
}

.welcome-banner {
    width: 700px;
    height: auto;
}

.welcome-header h3 {
    margin: 14px;
}

.welcome-infoicon {
    margin-top: 6px;
    flex-shrink: 0;
    flex-grow: 0;
}

.welcome-maincontent {
    display: flex;
    padding: 14px 14px 0px 14px;
}

.welcome-textbox {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    line-height: 20px;
    font-size: 16px;
    gap: 2px;
}

.welcome-img {
    border-radius: 5px;
    border: 1px;
}

.welcome-textbox h4 {
    font-weight: 700;
    padding-bottom: 4px;
    font-size: 14px;
}

ol,
ul {
    list-style: none;
}

@media only screen and (max-width: 768px) {
    .welcome-banner {
        width: auto;
        height: auto;
    }

    .welcome-infoicon {
        margin-top: 9px;
    }

    .dots-welcome {
        display: flex;
        align-items: center;
        padding: 30px 25px 0px 25px;
        margin: 0;
    }

    .service-img img {
        width: 40px;
        height: 40px;
    }

    .swal2-popup.swal2-toast {
        padding: 0.5em !important;
    }

    .notify-info {
        font-size: 13px;
    }

    .notify-desc {
        font-size: 11px;
    }

    .notify-time {
        font-size: 9px;
    }

    .swal2-popup.swal2-toast .swal2-close {
        align-self: start !important;
    }

    .custom-modal-outer .custom-modal-in {
        padding: 25px;
    }
}

/* Social results */
.social-content {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    background: linear-gradient(180deg, rgba(13, 16, 18, 0.07) 0%, rgba(36, 38, 42, 0.07) 100%);
    backdrop-filter: blur(64px);
    position: relative;
    overflow: hidden;
}
.social-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80%;
    width: 1px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

.social-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 80%;
    width: 1px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.social-content__title {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 12px;
    color: #FFFFFF;
}
.social-content__description {
    font-family: Inter!important;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #666666;
    margin-bottom: 0px;
}

.social-content-tags {
    display: flex;
    margin: 16px 0px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.social-content-tags nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.social-tag {
    background: #1C191F;
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

.social-tag:hover,
.tag-active {
    background: radial-gradient(167.52% 820.83% at -36.22% 213.33%, #FFFFFF 0%, #85F7E2 47.4%, #FFB60E 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    color: #000;
}

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


.social-buttons {
    width: 190px;
    height: 56px;
    display: flex;
    justify-content: center;
    gap: 5px;
    border: 2px solid #FFFFFF26;
    border-radius: 999px;
    padding: 6px;
}

.social-buttons button {
    padding: 12px 24px;
    font-family: var(--font-welsh);
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    background: transparent;
    border: none;
    color: #fff;
}

.social-buttons button:hover,
.social-aboutactive {
    background: #277DFF!important;
    border-radius: 20px;
    box-shadow: 0px 0px 32px 0px #277DFF80;
}
.after.social-aboutactive {
    position: relative;
}
.after .after-note { 
    display: none;
}

.after.social-aboutactive .after-note {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -235px;
    align-items: center;
    gap: 10px;
}
.after .after-note__link {
    font-size: 13px;
    text-decoration: underline dashed; 
    text-underline-offset: 3px; 
    transform: translateX(0.25rem) translateY(-0.25rem);
    white-space: nowrap; 
    font-weight: 700; 
    font-style: italic; 
    font-family: "GT Walsheim Pro"!important;
    color: #277DFF!important;
}
.social-growth-box {
    margin-top: 25px;
    display: flex;
    background: #262525;
    width: 437px;
    height: 299px;
    border-radius: 20px 20px 0px 0px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
}

.social-avatar img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}

.social-name {
    color: #fff;
    font-family: var(--font-welsh);
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px;
}

.social-stats {
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-content: center;
    color: #fff;
    font-weight: 400;
    font-family: var(--font-welsh);
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
    align-items: center;
}

.social-btn {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}


.btn-start-growth button {
    width: 163px;
    border: none;
    background: #FF3B5C;
    border-radius: 8px;
    padding: 8px 10px;
    /* gap: 10px; */
    color: #fff;
    font-weight: 700;
}

.btn-message button {
    width: 163px;
    border: none;
    background: transparent;
    border-radius: 8px;
    padding: 8px 10px;
    /* gap: 10px; */
    color: #fff;
    font-weight: 700;
    border: 1px solid #FFFFFF1A;
}

.arrwo {
    background: transparent;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #FFFFFF1A;
    color: #fff;
    cursor: pointer;
}

.social-subs,
.social-followers,
.social-likes {
    display: flex;
    flex-direction: column;
    align-content: center;
    line-height: 16px;
}

span.social-numbers {
    font-size: 16px;
    font-weight: 700;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.nzGrowth {
    background: #00A66B;
    padding: 8px;
    border-radius: 8px;
    animation: fadeIn 1.5s;
}

.d-none {
    display: none;
}

.header-topbar {
    border-bottom: 1px solid #FFFFFF14;
    padding: 16px;
    z-index: 99;
    display: none;
}

ul.topbar-list {
    display: flex;
    gap: 50px;
    flex-direction: row;
    margin: 0;
}

ul.topbar-list li {
    font-size: 12px;
    font-weight: 700;
    color: #8f8f8f;
}

.insta-toolbar {
    width: 405px;
    margin-top: 10px;
    border-top: 1px solid #FFFFFF1A;
}

.insta-toolbar ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.insta-toolbar ul li {
    /* margin-top: 7px; */
    width: 130px;
    text-align: center;
    padding: 12px;
}

.insta-toolbar ul li:first-child {
    border-bottom: 1px solid #ffffff2e;
}

.insta-growth {
    height: unset;
    padding-top: 20px;
}

.insta-btn button {
    background-color: #00A6FF;
}

.insta-row {
    flex-direction: row;
    display: flex;
}

.insta-row .social-avatar {
    margin-right: 20px;
}

.insta-row .social-stats {
    gap: 40px;
}

.insta-info {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    width: 365px;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 21px;
    color: #fff;
}

.w-700 {
    font-weight: 700;
}

.f-size-16 {
    font-size: 16px;
}

.nz-timer {
    background-color: #242C3C;
    padding: 12px;
    z-index: 33;
}

.time-info {
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

span.nz-bluebox {
    background: #277DFF;
    padding: 4px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0px 5px;
    height: 24px;
}

span.nz-hours,
span.nz-mins,
span.nz-secs {
    display: flex;
    width: 45px;
    word-break: break-word;
    border-radius: 8px;
    padding: 2px 8px;
    height: 36px;
    text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.nz-m-timers {
    display: flex;
}

/* Orders Page - New Order button when there are no orders */
.noorders-btn {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    align-items: center;
    margin-left: 0.5rem;
    background-color: #FFB60E;
    color: #000;
    border: 1px solid #FFB60E;
    border-radius: 12px;
}

.noorders-btn:hover {
    background-color: #da9901;
    border-color: #FFB60E;
}

/* Video btn */
.main-content_video {
    background-image: url(https://storage.perfectcdn.com/0a268b/acy2xhazgyt6mlgl.png);
    background-repeat: no-repeat;
    width: 118px;
    height: 118px;
    z-index: 9999;
    display: flex;
    margin-top: 255px;
    margin-left: 25px;
    position: relative;
    cursor: pointer;
}


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

    /* For mobile phones: */
    .noorders-span {
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 10px;
    }

    .noorders-btn {
        text-align: center;
        width: 125px;
        margin-left: 80px;
    }

    td.px-2.py-5.text-center.noorders-td::before {
        display: none;
    }

    .main-content_video {
        margin-top: 0px;
        margin-left: 0px;

    }
    .social-content {
        border: none;
    }
    .social-content::before,
    .social-content::after {
        content: none;
    }
    .social-content__title {
        font-size: 24px;
        line-height: 24px;
    }
}

/* Orders Page - New Order button when there are no orders */

.addfunds-displaybonus {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 50%);
    padding-left: 7px;
}

.fundsbonus-percentage,
.fundsbonus-amount {
    color: #fff;
}

.wistia_responsive_padding {
    position: unset !important;
}

.main-rating>div:nth-child(3) {
    cursor: pointer;
    margin-left: -60px;
    height: 42px;
    z-index: 9999;
    display: flex;
    position: relative;
    cursor: pointer;
}

.video-btn {
    cursor: pointer;
    z-index: 9999;
    display: flex;
    position: relative;
}

.confirm_signupbox {
    padding: 80px;
}

@media only screen and (max-width: 768px) {
    .mobile-wistia {
        width: 330px !important;
        height: 190px !important;
    }

    .confirm_signupbox {
        padding: 20px;
    }

    .wtch-vdo-wpr p {
        font-size: 14px;
        white-space: pre-line;
    }

    .massorder-label {
        display: block !important;
    }
}

/* Miro, znam che shte se qdosash, no nishto <3 */

@media only screen and (max-width: 375px) {
    .main-features li {
        font-size: 13px;
    }
}

/* Buttons active effect - 03.09 update */
.btn:active,
#toTopBtn:hover {
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(.95) scaleY(.95);
}

/* Back to top arrow - 09.05 */
#toTopBtn {
    border-radius: 10px;
    border: 1px solid #202026;
    background: #121517;
    width: 63px;
    max-height: 81px;
    position: fixed;
    right: 20px;
    bottom: 130px;
    display: none;
    cursor: pointer;
    padding: 16px;
    z-index: 999;
}
#toTopBtn span svg {
    overflow: inherit;
}

#toTopBtn span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}
#toTopBtn span label{
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
}


@media (max-width: 768px) {
    #toTopBtn span label{
    display: none;
    }
    #toTopBtn {
        width: 44px;
        max-height: 44px;
        padding: 12px;
    }
}
.naizop-more {
    display: flex;
    padding: 15px;
    justify-content: space-around;
}

.rgstr-form-wpr .g_id_signin {
    display: flex;
    /* text-align: center; */
    justify-content: center;
}

.massorder-label {
    display: flex;
    justify-content: space-between;
}

.beamer_defaultBeamerSelector {
    width: 48px !important;
    height: 48px !important;
    bottom: 75px !important;
}


.plc-order-form-wpr form input[type="text"].is-invalid {
    border-color: #ea868f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("https://storage.perfectcdn.com/0a268b/uke2uzi64jhy6zyk.svg");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.95em + .575rem) calc(.95em + .575rem);
    box-shadow: none;

}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #ea3434;
    background: #ffeded;
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 14px;
}

.is-invalid~.invalid-feedback {
    display: block;
}

.header-services {
    text-transform: unset !important;
    font-size: 40px !important;
    font-weight: normal !important;
}

/* Subs style */
.subs-page .started-content-up-column-cart-titles__description {
    padding: 16px 24px;
}

.jumbo {
    z-index: 2;
}

#social-jumbotron {
    margin-top: 64px;
}

.jumbotron-info {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
}

.btn-socials {
    background-color: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    color: #fff;
    /* width: 219px; */
    height: 40px;
    padding: 12px 24px;
}

.jumbo-title h2 {
    font-family: "Afacad", serif !important;
    font-size: 56px;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
    color: #fff;
}

.jumbo-title span.gradient {
    background: linear-gradient(90deg, #ee950f 0%, #ff3939 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.jumbo-description p {
    font-family: "Afacad", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #fff;
}

.jumbo-priviligies ul {
    list-style-type: none;
    display: flex;
    gap: 16px;
}

.jumbo-priviligies ul li p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.jumbo:before {
    position: absolute;
    content: "";
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1500px;
    background-image: url(https://storage.perfectcdn.com/0a268b/q447apj6dm7z8w92.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 6;
    pointer-events: none;
}

.jumbo::after {
    content: "";
    height: 700px;
    width: 100%;
    filter: blur(80px);
    left: 0;
    right: 0;
    bottom: 25%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 6;
    background-image: url(https://storage.perfectcdn.com/0a268b/it4suwda36feck61.webp);
    pointer-events: none;
}

@media (max-width: 768px) {
    /* .jumbo:before {
        content: "";
        display: block;
        filter: blur(20px);
        top: 40%;
        position: absolute;
        background-image: url(https://storage.perfectcdn.com/0a268b/h115mzp41aw1eto5.png);
        z-index: 6;
        height: 1500px;
    }

    .jumbo::after {
        content: "";
        filter: blur(20px);
        left: 0;
        right: 0;
        bottom: 18%;
        position: absolute;
        background-image: url(https://storage.perfectcdn.com/0a268b/mkid4zgy0pc9abwo.png);
        z-index: 6;
        height: 1000px;
    } */
}

.get-followers {
    display: flex;
    width: 767px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
    backdrop-filter: blur(128px);
    /* padding: 32px; */
    margin: 32px auto;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    flex-direction: column;
    gap: 32px;
}

.beforeAfter .social-page {
    gap: 32px;
}

.beforeAfter .social-growth-box {
    /* margin-top: 7%; */
    /* padding: 65px; */
    width: unset;
    height: unset;
    background: transparent;
}

.beforeAfter .social-buttons {
    margin-bottom: 60px;
}

.growth-mobile {
    background: url(https://storage.perfectcdn.com/0a268b/q599k9c654pl0olw.png);
    background-repeat: no-repeat;
    width: 50vw;
    height: 512px;
    position: absolute;
    bottom: 2px;
    background-position: center;
    z-index: -1;
}


.followers-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.05);
}

.followers-tabs .nav-pills {
    margin: 0px;
}

.followers-tabs .nav-pills>li>a {
    font-family: "Afacad", sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: rgba(255, 255, 255, .5);
    padding: 16px 12px;
}

.followers-tabs .nav-pills>li.active>a {
    padding: 16px 12px;
    background: rgba(8, 7, 7, 0.5);
    border-radius: 8px;
    color: #fff;
}

.followers-tabs .label {
    position: absolute;
    left: 16px;
    padding: 2px 8px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    z-index: 1;
}

.label-recommended {
    background-color: rgba(0, 166, 107, 1);
}

.label-exclusive {
    background-color: rgba(0, 116, 166, 1);
}

.follower-list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    /* justify-content: center; */
    width: 703px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.07) 100%);
}

/* .highquality form {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        } */

.follower-form .choose-follower {
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
    /* margin: 0 0.2% 10px; */
}

.follower-form .choose-follower .follower-check-input {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    opacity: 0;
    /* change when its finished with the style */
    z-index: 1;
    margin: 0;
}

.follower-form .choose-follower .follower-check-input:checked+.follower-check-label::before {
    content: "";
    background: rgba(255, 255, 255, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    height: 94px;
}

.follower-form .choose-follower .follower-check-input:checked+.follower-check-label::after {
    content: "";
    background-image: url(https://storage.perfectcdn.com/0a268b/s5u0z3knonncjpid.png);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 50%;
}

.follower-form .choose-follower .follower-check-label {
    height: 96px;
}

.follower-form .choose-follower .follower-check-label {
    /* width: 176px; */
    display: flex;
    border-left: 2px solid rgba(255, 255, 255, 0.05);
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
    padding: 32px;
    flex-direction: column;
}

.follower-form .choose-follower .follower-check-label.nborder-left {
    border-left: none;
}

.follower-form label {
    margin: 0px;
}

.quality-form label span.follower-amount,
.active-form label span.follower-amount,
.exclusive-form label span.follower-amount {
    font-family: "Afacad", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.quality-form label span.follower-type,
.active-form label span.follower-type,
.exclusive-form label span.follower-type {
    font-family: "Afacad", sans-serif;
    color: rgba(136, 136, 136, 1);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}


.quality-form label span.label-priceoff,
.active-form label span.label-priceoff,
.exclusive-form label span.label-priceoff {
    background: rgba(222, 80, 88, 0.5);
    padding: 4px 8px;
    border-radius: 4px;
    font-family: "Afacad", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    /*margin-top: 8px; */
    left: 49%;
}

.quality-form label span.label-bestSeller,
.active-form label span.label-bestSeller,
.exclusive-form label span.label-bestSeller {
    width: 128px;
    background: rgba(0, 166, 107, 1);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 2px 8px;
    color: #fff;
    font-family: "Afacad", sans-serif;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 27px;
}

.quality-form label span.label-bulkPrice,
.active-form label span.label-bulkPrice,
.exclusive-form label span.label-bulkPrice {
    width: 128px;
    background: rgba(153, 0, 166, 1);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 2px 8px;
    color: #fff;
    font-family: "Afacad", sans-serif;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 27px;
}

.follower-buy {
    margin-top: 30px;
    padding: 16px;
    justify-content: space-between;
    align-items: baseline;
}

/* Да има blur ефект, но трябва допълнителен клас, за да го запълни с overflow */
.quality-form input[type="text"],
.active-form input[type="text"],
.exclusive-form input[type="text"] {
    width: 100%;
    padding: 16px 24px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.05);
    outline: none;
    box-shadow: none;
    font-family: "Afacad", serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.quality-form input[type="text"]::placeholder,
.active-form input[type="text"]::placeholder,
.exclusive-form input[type="text"]::placeholder {
    color: #888888;
}

.btn-price-follower {
    width: 95px;
    background: rgba(80, 222, 145, 0.8);
    border-radius: 8px;
    padding: 16px 0px;
    border: 1px solid rgba(80, 222, 145, 0.5);
    outline: none;
    font-family: "Afacad", serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    transition: all 0.5s linear;
    overflow: hidden;
  	pointer-events: none;
  	cursor: not-allowed;
}

.btn-buy-follower {
    width: 274.5px;
    border-radius: 8px;
    padding: 20px 28px;
    background: rgba(222, 80, 88, 1);
    outline: none;
    border: none;
    font-family: "Afacad", serif;
    font-size: 18px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    transition: all 0.5s linear;
}

.btn-price-follower:hover,
.btn-buy-follower:hover {
    transform: translateY(-2px);
}

.slider-choose {
    position: relative;
}

span.input-naizop-user {
    position: absolute;
    top: 21px;
    right: 20px;
    vertical-align: middle;
}

.trusted-customers {
    justify-content: center;
    display: flex;
}

#partners h2 {
    color: #fff;
    font-family: "Afacad", serif;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

#partners p {
    color: #fff;
    font-family: "Afacad", serif;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 20px;
}

.nz-partners {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    margin-top: 64px;

}

.nz-border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.started-followers {
    margin-bottom: 30px;
}

.started-followers .started-content-up-titles {
    margin-bottom: 32px;
}

.started-followers .started-content-up {
    gap: 0px;
}

.follower-service {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    line-height: 40px;
}

.follower-service .reviews-content-column-cart-titles__description {
    max-width: 100%;
    line-height: 21px;
}

.follower-service .reviews-content-column-cart-titles {
    gap: 16px;
}

.follower-service .btn-pdf {
    background: rgba(255, 255, 255, 0.2);
    padding: 16px 24px;
    width: 235px;
    font-family: "Afacad", serif;
    font-size: 16px;
    font-weight: 700;
    gap: 16px;
}

.before-after {
    margin: 64px 0;
}

.beforeAfter-content {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
}

.insta-row.buy-before {
    flex-direction: column;
    align-items: center;
}

.beforeAfter-title h2 {
    font-size: 40px;
    font-family: "Afacad", serif;
    font-weight: 700;
    color: #fff;
}

.nz-post-one {
    display: flex;
    gap: 16px;
    margin-top: 100px;
}

.nz-post-one:first-child {
    margin-top: 20px;
}

/* smo update fontsize */
.nz-post-text h2 {
    font-family: "Afacad", serif !important;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

/* .nz-post-text h2 {
    color: white;
    font-size: 35px;
    font-weight: 700;
} */
.nz-post-text h3 {
    font-family: "Afacad", serif !important;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}

.nz-post-text h4 {
    font-family: "Afacad", serif !important;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}

.nz-post-text p {
    font-weight: 400;
    font-family: "Afacad", serif;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
}

.nz-post-one-next {
    color: #fff;
    margin-top: 0;
    display: flex;
    flex-direction: column;
}

/* smo add soundcloud-embed */

.soundcloud-embed {
    height: 98px;
    max-width: 502px;
    width: 100%;
}

.soundcloud-embed iframe {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.nz-post-text p span {
    font-weight: 700;
}

.nz-post-text .subtitle {
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    color: #fff;
}

.nz-post-image img {
    width: 380px;
    height: 380px;
    border-radius: 32px;
}

.nz-post-one ul li {
    list-style-type: disc;
    color: #fff;
    font-family: "Afacad", serif;
    line-height: 21px;
    font-weight: 400;
}

.nz-videos .main-rating-video {
    margin-top: 64px;
    cursor: pointer;
    display: flex;
    position: relative;
    margin: 0 auto;
    width: 90%;
}

.nz-videos .main-rating-video img {
    border-radius: 34px;
    padding: 4px;
    width: 100%;
}

.videos-signupbtn {
    display: flex;
    justify-content: center;
    /* margin-bottom: 60px; */
}

.footer-content-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 100px;
    padding: 58px 0px;
    justify-content: space-between;
}

.footer-content-links .extra-links h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: "Afacad", sans-serif !important;
}

.extra-links {
    margin-top: 32px;
}

.extra-links ul {
    line-height: 25px;
    padding: 0px;
}

.extra-links ul li a {
    color: #fff;
    font-size: 14px;
}

.follower-footer {
    border-top: 1px solid #262626;
}

.partners-logo {

    overflow: hidden;
    margin-bottom: 64px;
}

.partners-logo:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(to right, #080707 0%, rgba(255, 255, 255, 0) 49%, #080707 100%);
    background: -webkit-linear-gradient(to right, #080707 0%, rgba(255, 255, 255, 0) 49%, #080707 100%);
    background: -o-linear-gradient(to right, #080707 0%, rgba(255, 255, 255, 0) 49%, #080707 100%);
    background: -ms-linear-gradient(to right, #080707 0%, rgba(255, 255, 255, 0) 49%, #080707 100%);
    background: linear-gradient(to right, #080707 0%, rgba(255, 255, 255, 0) 49%, #080707 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

@keyframes slide {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-1000px, 0, 0);
    }
}

.nz-post-image.mobileimg {
    display: none;
}

.faq-content-questions,
.faq-content-questions-left-item-left__title,
.faq-content-questions-right-item-left__title {
    font-family: "Afacad", serif !important;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0px;
}

.faq-content-questions-left-item-description__text,
.faq-content-questions-right-item-description__text {
    font-size: 18px;
}

.faq-content-questions ul li {
    list-style-type: disc;
}

.faq-content-questions details[open] {
    max-height: unset;
}

.tn-text-mb {
    display: none;
    text-align: center;
}


.range {
    width: 100%;
    height: 3px !important;
    border: 0 !important;
    border-radius: 100px;

    background: #E67C82;
    outline: none;
    display: inline-block;
}

.tn-wrapper-range input {}

.range .ui-slider-handle {
    position: absolute;
    margin: -1px 0 0 -17px;
    border-radius: 100px;
    background: #E67C82 !important;
    color: #fff;
    border: 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    outline: none;
    cursor: pointer;
    font-size: 6px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.1s ease;
}

.ui-widget-content {
    background: rgba(255, 255, 255, 0.05) !important;

}

.range .ui-slider-handle:hover,
.range .ui-slider-handle:focus {
    transform: scale(1.1);
}

.range .ui-slider-range {
    background: #E67C82;
}

.cntr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tn-text-btn p {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-decoration: underline;
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
}

#faq {
    padding-top: 64px;
}

.popup-tn {
    display: none;
    position: absolute;
    top: 250px;
    transform: translate(-50%, -50%);
    right: 0;
    z-index: 9999;
    width: 252px;
    background-color: #24262A;;
    border-radius: 10px;
    padding: 10px 20px;
    /*box-shadow: 0 2.42763px .85526px rgba(174, 189, 217, .07), 0 3.23684px 18.6118px rgb(65 69 71/19%), 0 .66447px 10.4211px */
}

.popup-content {
    padding: 10px 0;
}

.title-popup {
    font-size: 16px;
    font-weight: 700;
}

.description-tn {
    font-size: 15px;
    font-weight: 400;
}

.tn-header-center,
.tn-more {
    display: none;
}

.icon-play {

    border-radius: 50px !important;
    width: 70px !important;
    height: 70px !important;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    background: #000000a6 !important;
    padding: 10px 10px 10px 15px !important;
}

.close-popup {
    position: absolute;
    right: 10px;
    top: 4px;
    max-width: 30px !important;
    cursor: pointer;


}

.tn-header-center .header-wlt {
    width: auto;
    margin: 8px 8px 8px 5px;
    padding: 8px 15px;
    border-radius: 10px;
    background: #005ae2;
    color: #fff;
}

.tn-header-center .amount {
    color: #95999B;
    font-family: 'Space Grotesk', sans-serif !important;
}

.tn-header-center {
    width: auto;
    border-radius: 10px;
}

.tn-icon {
    background: #005ae2;
    width: 40px;
    border-radius: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.tn-icon span:first-child {
    transform: translateX(12px);
}

.tn-icon span:last-child {
    transform: translateX(-4px) rotate(90deg);
}

.type-monney {
    display: inline-block;
    padding: 3px 11px;
    background: #58FF6933;
    border-radius: 50px;
    margin-right: 4px;
    color: #fff;
    line-height: 24px !important;
}



.img-author {
    max-width: 150px;
}

.img-author img {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
}

.wrapper-author {
    display: flex;
    gap: 30px;
    background: #CB8FE033;
    padding: 24px;
    border-radius: 20px;
    margin-bottom: 64px;
}

.name-author-tn {
    font-family: GT Walsheim Pro!important;
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    color: #fff;

}

.tn-by {
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;

    color: #FFFFFF66;

}

.position-tn {

    font-size: 14px;
    font-weight: 600;
    line-height: 25px;

}

.header-content {
    display: flex;
    justify-content: space-between;
}

.body-content {
    font-family: GT Walsheim Pro;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #FFFFFFCC;
}

.social-author img {
    width: 100%;

    object-fit: cover;
    border-radius: 50%;
}

.social-author li {
    width: 44px;
    height: 44px;

}

.list-social {
    list-style: none;
    display: flex;
    gap: 12px;
}

.inf-author {
    padding-bottom: 30px;
}

.started-content-up-column a {
    display: flex;
}

.choose-follower label span.follower-amount {
    font-size: 20px;
}

.choose-follower label span.follower-type {
    font-size: 16px;
}

span.input-naizop-user {

    right: inherit;
    left: 10px;
}

.quality-form input[type="text"] {
    padding: 16px 27px;
}

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

    .tn-header-center,
    .tn-more {
        display: flex;
    }

    .nav-toggler {
        margin-left: 0px;
    }

    .sidebar-in .nav-brand-wpr {
        justify-content: space-between;
    }

    .header-nav li a {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 768px) {
    .tn-by {
        margin-top: 10px;
    }

    .popup-tn {
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    #social-jumbotron .container {
        padding: 0 14px;
    }

    .range {
        display: inline-block;
    }

    .tn-text-btn {
        display: block;
    }

    #social-jumbotron {
        margin-top: 25px;
    }

    .nz-post-text h2 {
        font-size: 32px;
        line-height: 32px;
        margin-top: 40px;
    }

    .nz-post-one {
        margin-top: 60px;
    }

    .nz-post-one-next {
        margin-top: 0px;
    }

    .nz-post-text h3 {
        font-size: 24px;
    }

    .nz-post-text h4 {
        font-size: 22px;
    }

    .jumbo-title h1 {
        font-size: 32px;
        line-height: 50px;
    }

    .jumbo-title h2 {
        font-size: 35px;
        line-height: 44px;
    }

    #social-jumbotron h1 {
        font-size: 15px;

    }

    .follower-buy .slider-choose,
    .follower-buy .price-follower,
    .follower-buy .price-follower button,
    .follower-buy .buy-follower,
    .follower-buy .buy-follower button {
        width: 100%;
    }


    .nz-post-image img {
        width: 100% !important;
        height: auto !important;
    }

    .btn-socials {
        width: unset;
        height: unset;
        font-size: 16px;
    }

    .jumbotron-info .btn-socials {
        font-size: 12px;
    }

    .jumbo-priviligies ul {
        flex-wrap: wrap;
    }

    .get-followers {
        width: unset;
        padding: 0px 10px 32px 10px;
        border: 1px solid rgb(255 255 255 / 7%);
        align-items: unset;
    }

    .follower-list {
        width: unset;
        margin-bottom: 20px;
    }

    .slider-choose:not(.tn-wrapper-range) span.input-naizop-user {
        left: 12px;
    }

    .followers-tabs .nav-pills {
        display: flex;
        justify-content: space-between;
        width: 100%;
        /* flex-direction: column;
        align-items: center; */
    }

    .footer-content-bottom {
        padding: 23px 0 16px;
    }

    .follower-footer .footer-content-links {
        padding: 16px 0px 8px;
    }

    .content-footer-tn {
        font-size: 10px;
    }

    .follower-form .choose-follower {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .follower-form .choose-follower .follower-check-label {
        padding: 24px;
        justify-content: center;
    }

    .follower-form .choose-follower .follower-check-input:checked+.follower-check-label::before {
        width: 159px;
    }

    .quality-form label span.label-bestSeller,
    .active-form label span.label-bestSeller,
    .exclusive-form label span.label-bestSeller {
        bottom: 1px;
        left: 16px;
    }

    .quality-form label span.label-bulkPrice,
    .active-form label span.label-bulkPrice,
    .exclusive-form label span.label-bulkPrice {
        bottom: 1px;
        left: 16px;
    }

    .follower-buy {
        gap: 16px;
        padding-top: 87.5px;
        margin-top: -71.5px;
    }

    #urlLinkFollower {
        /* margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px) !important; */
        margin-bottom: 10px;
    }

    .btn-price-follower {
        width: 274.5px;
    }

    #partners h2 {
        font-size: 32px;
    }

    .started-followers {
        margin-top: 64px;
    }

    .nz-post-one {
        flex-direction: column;
    }

    .nz-post-text {
        text-align: center;
    }

    .footer-content-links {
        column-gap: 15px;
    }

    .nz-videos .main-rating-video img {
        max-width: 100%;
        /*  height: 250px; */
    }

    .nz-videos .main-rating-video img.overlay-video {
        height: unset;
        max-height: 350px;
    }

    .videos-signupbtn {
        margin-top: 64px;
    }

    .nz-post-image.mobileimg {
        display: block;
    }

    .nz-post-image.desktop {
        display: none;
    }

    .growth-mobile {
        display: none;
    }

    .beforeAfter .social-buttons {
        margin-bottom: unset;
    }

    .beforeAfter-title h2 {
        font-size: 32px;
    }

    .followers-tabs {
        margin: 0 -10px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    #wistia-zkzi9y3vtu-1_popover {
        width: 89% !important;
        height: auto !important;
        overflow: hidden;


    }

    #wistia-zkzi9y3vtu-1_popover_overlay {
        max-width: 100%;
        overflow: hidden;
    }



    .nav-toggler {
        margin-left: 0;
    }

    .main-wpr .sidebar-in .nav-brand-wpr {
        display: flex;
        justify-content: space-between;
    }

    .wrapper-author,
    .header-content {
        flex-wrap: wrap;
        justify-content: start;
        gap: 0px;
    }

    .list-social {
        padding-left: 0px;
        padding-bottom: 30px;
    }

}



@media (max-width: 400px) {
    .header_balance {
        padding: 20px 6px;
    }

    .sidebar-in .nav-brand-wpr a {
        max-width: 99px;
    }

    .tn-header-center .header-wlt {
        margin: 8px 5px 8px 0px;
        padding: 8px 11px;
    }

    .followers-tabs .nav-pills>li>a {
        font-size: 20px;
    }
}

.main-input {
    position: relative;
}

img {
    vertical-align: middle;
    -webkit-user-drag: none;
    -webkit-user-select: none;
}

input {
    filter: none;
}

.container {
    max-width: 1456px;
    margin: 0 auto;
    padding: 0 32px;
}

.main-email .main-input svg,
.free-box-form .main-input svg {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.main-email .main-input input {
    color: #DAE9FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.main-input input {
    display: flex;
    padding: 24px 24px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background: rgba(30, 33, 36, 0.25);
    backdrop-filter: blur(120px);
    color: var(--white-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    outline: none;
    border: none;

}

/*  */

/* body {
    background-color: #080707;
} */

section.banner-free .container {
    max-width: 1024px;
    position: relative;
    z-index: 2;
}

section.banner-free {
    min-height: 100dvh;
    padding-top: 64px;
    padding-bottom: 20px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('https://storage.perfectcdn.com/0a268b/bnkc5jzupwubnay9.png');
}

section.banner-free h1 {
    font-family: "Afacad", sans-serif !important;
    font-size: 56px;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 16px;
    color: white;
}

section.banner-free h1 span {
    background: linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.free-sub-title {
    font-family: "Afacad", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: white;
    margin: 0 0 32px;
}

.free-box-linear {
    border: 1px solid;
    border-top: 0px;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
    backdrop-filter: blur(128px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
    border-radius: 20px;
    max-width: 560px;
    margin: 0 auto;
    padding: 0 32px 32px 32px;
    box-sizing: border-box;
}

.free-box-form {
    padding: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.07) 100%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.free-box-form input {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #FFFFFF0D;
    backdrop-filter: blur(240px);
    font-family: "Afacad", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #DAE9FF;
}

.free-list-info {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.free-info {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.07) 100%);
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
}

.free-info h3 {
    margin: 0;
    font-family: "Afacad", sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: white;
}

.free-info h4 {
    margin: 0;
    font-family: "Afacad", sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #888888;
}

button.free-submit-btn {
    height: 56px;
    background: #B150DE;
    border-radius: 8px;
    border: none;
    font-family: "Afacad", sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
}

.free-box-form p {
    font-family: "Afacad", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    margin: 0;
    color: white;
}

img.free-banner {
    position: absolute;
    top: 20px;
    z-index: 0;
    width: 100%;
}

.mobile {
    display: none;
}

.desktop {
    display: flex;
}

.main-input #username:focus {
    border: 1px solid #FFFFFF0D;
}

.tn-data-table {
    margin-top: 30px;
}

.tn-data-table table>thead>tr>th {
    text-transform: capitalize;
}

.tn-data-table table>thead>tr>td:last-child {
    text-transform: capitalize;
}

.tn-margin {
    margin-top: 50px;
}

.partners-logo img {
    max-width: inherit;
}

.follower-footer .extra-links ul li a {
    font-family: "Afacad", sans-serif !important;
}

.follower-footer .extra-links {
    margin-top: 6px;
}

.wrapper-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 15px;

}

.content-footer-tn {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ffffff63;

}

.tn-footer {
    border-top: 1px solid rgb(197 235 255 / 9%);

}


.progress-free {
    display: flex;
    justify-content: center;
    position: relative;
}

.free-progress {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 16px;
    align-items: center;
    gap: 12px;
}

.free-progress p {
    font-family: "Afacad", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #FFFFFF;
    margin: 0;
    opacity: 0.5;
}

.free-progress h4 {
    font-family: "Afacad", sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin: 0;
    color: #FFFFFF;
}

.free-progress .percentage {
    font-family: "Afacad", sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin: 0;
    color: #FFFFFF;
    opacity: 1;
}

.free-info .quantity, .free-info .price {
    margin: 0;
    font-family: "Afacad", sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: white;
}

.free-info .service, .free-info .price-label {
    margin: 0;
    font-family: "Afacad", sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #888888;
}

svg.progress-arc {
    width: auto;
    height: auto;
}

.exclusive-form input[type="text"] {
    padding-left: 27px;
}

.tn-custom-animation .benefits-icon {
    line-height: 1;
    animation: stars-animation 2.5s ease infinite both;
}

.tn-custom-animation .benefits-icon:first-child {
    animation-delay: 0s;
}

.tn-custom-animation .benefits-icon:nth-child(2) {
    animation-delay: 0.2s;
}

.tn-custom-animation .benefits-icon:nth-child(3) {
    animation-delay: 0.4s;
}

.tn-custom-animation .benefits-icon:nth-child(4) {
    animation-delay: 0.6s;
}

.tn-custom-animation .benefits-icon:nth-child(5) {
    animation-delay: 0.8s;
}

.partners-logo-tn {
    display: flex;
    overflow: hidden;
    padding-top: .5rem;
    padding-bottom: .5rem;
    gap: 4rem;
    width: 100%;
    align-items: center;
    position: relative;

    margin-bottom: 64px;
}

.partners-logo {
    display: flex;
    overflow: hidden;
    padding-top: .5rem;
    padding-bottom: .5rem;
    gap: 3rem;
    width: 100%;
    align-items: center;
    position: relative;
    animation: tw-scroll 60s linear infinite;
}

.container-fluid-tn {
    animation: tw-scroll 50s linear infinite;
    flex: none
}

.list-img-ul {
    justify-content: flex-start;
    display: flex;
    min-width: 100%;
    gap: 4rem;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.list-img-ul li {
    flex: none;
}

.list-img-ul li img {

    width: auto;
    max-width: 100%;
    display: block;
    vertical-align: middle;
    max-height: 70px;
}

@keyframes tw-scroll {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(calc(-100% - 3rem));
    }
}

@keyframes stars-animation {
    0% {
        scale: 0;
    }

    10% {
        scale: 1.2;
    }

    15% {
        scale: 1;
    }
}

.sider-up-custom {
    height: 30px;
    overflow: hidden;
    position: relative;
}

.wrapper-content-ranting {
    transition: all .5s ease 0s;
    position: relative;

}

.wrapper-content-ranting p {
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-family: "Afacad", serif;
}

@media only screen and (max-width: 1200px) {
    .tn-data-table table>tbody>tr>td {
        border: none;
    }

    .footer-content-links {
        column-gap: 50px;
    }
}

@media only screen and (max-width: 1060px) {
    .dashboard .get-followers {
        max-width: 767px;
        width: 100%;
        padding: 0 20px;
    }

    .dashboard .follower-list {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .footer-content-links {
        column-gap: 25px;
    }

    .content-footer-tn {
        font-size: 10px;
    }

    svg.progress-arc {
        width: 100%;
    }

    .dashboard .get-followers {

        padding: 0 10px;
    }

    .tiktok-bg:before {
        transform: translate(-50%, -61%);
    }

    .page-body .btn-gradient {
        display: flex;
    }

    .free-box-linear>img {
        width: 100%;
    }

    .mobile {
        display: flex;
    }

    .desktop {
        display: none !important;
    }

    img.free-banner {
        top: -80px;
        height: auto;
    }
    section.banner-free {
        padding-top: 24px;
    }
    
    section.banner-free .container {
        padding: 0 24px;
    }

    section.banner-free h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
    }

    .free-box-form input {
        padding: 14px 24px;
        height: 48px;
        font-size: 14px !important;
    }

    .free-box-linear {
        padding: 0 24px 24px 24px;
    }

    .free-box-form p {
        font-size: 12px;
    }

    .free-box-form .main-input svg {
        right: 22px;
    }

    .free-box-linear svg {
        margin: 0 auto;

    }

    .mobile {
        width: 100%;
    }

    section.banner-free {
        background-image: url('https://storage.perfectcdn.com/0a268b/huxk9ugwzaqtelij.png');
    }

    .quality-form label span.label-priceoff {
        left: inherit;
        right: 20px;
    }

    .follower-form .choose-follower .follower-check-input:checked+.follower-check-label::before {
        height: 100%;
        width: 100%;
    }

    .header-topbar ul.topbar-list {
        padding-right: 30px;
        width: max-content;
    }

    .header-topbar {
        padding-left: 0px;
        padding-right: 0px;
    }

    .free-progress {
        bottom: 12px;
        gap: 8px;
    }

    .free-progress h4 {
        font-size: 16px;
        line-height: 17px;
    }

    .free-progress p {
        font-size: 12px;
        line-height: 11px;
    }

    .free-progress svg {
        width: 18px;
        height: auto;
    }

    .followers-tabs .nav-pills>li>a {
        padding: 16px 16px;
    }

    .followers-tabs .nav-pills>li.active>a {

        padding: 14px 16px;

    }

    .active-form label span.label-priceoff,
    .exclusive-form label span.label-priceoff {
        left: inherit;
        right: 20px;
    }

    .partners-logo {
        animation: tw-scroll 20s linear infinite;
    }

    .followers-tabs {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tn-main-rating {
    align-items: start;
}

.main-rating-left-item img,
.main-rating-left-item svg {
    width: 32px;
    height: 32px;
}

.wrapper-content-ranting p {
    line-height: 24px;
    height: 28px;
}

.tn-main-rating .main-rating-right {
    gap: 0
}

@media only screen and (max-width: 662px) {
    .footer-content-links {
        column-gap: 25px;
    }

    .footer-content-links {}

}

@media only screen and (max-width: 470px) {
    .footer-content-links {
        column-gap: 15px;
    }
}

@media (min-width:991px) {
    .dashboard .container {
        max-width: 850px;
        width: 100%;
    }
}

@media (min-width:1200px) {
    .dashboard .container {
        max-width: 1180px;
        width: 100%;
    }

}

/*single post */

main p {
    font-family: GT Walsheim Pro !important;
}

.blog-detail h1,
.blog-detail h2,
.blog-detail h3,
.blog-detail h4,
.blog-detail h5,
.blog-detail h6 {
    font-family: GT Walsheim Pro !important;
}

.blog-detail #reviews .reviews-content-container-list-item-content-up__title {
    font-family: "Space Grotesk", sans-serif !important;
}

.blog-detail #reviews .reviews-content-container-list-item-content__description {
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.blog-detail #reviews .reviews-content-container-list-item-customer-info-data__name {
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.white-space {
    white-space: nowrap !important;
}

.blog-detail .reviews-content-container-list-item-content-up__title {
    font-family: Space Grotesk;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
}

.blog-detail .container {
    max-width: 1240px;
    padding: 0 10px;
    width: 100%;
    margin: 0px auto;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.color-red-table {
    color: #ED4C5C !important;
}

.color-green-table {
    color: #24E476 !important;
}

.blog-detail {
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    padding: 75px 20px 0px 20px;
    margin-bottom: 32px;
}

.blog-detail:before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: 1000px;
    top: 150px;
    filter: blur(25.5px);
    /*background-image: url(https://storage.perfectcdn.com/0a268b/np12moqbmtgga5td.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.blog-detail .blog-item1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    margin-bottom: -27px;
}

.blog-detail .blog-item1 .text-banner-blog {
    font-family: GT Walsheim Pro !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #24E476;
}

.blog-detail .blog-item1 .title-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    margin: 0px;
    color: #FFFFFF;
}

.blog-detail .blog-item1 .title-banner-blog span {
    color: #24E476;
}

.blog-detail .blog-item1 .desc-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    width: 74%
}

.blog-detail .blog-item2 {
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center;
    display: flex;
    justify-content: center;
    padding: 71.5px 0px 46.5px;
    margin-bottom: 0px;
}

.blog-detail .blog-item2 .blog-item2-items {
    display: flex;
    gap: 88px;
    margin: 46px 0 20px 0px;
    justify-content: space-between;
}

.blog-detail .blog-item2 .blog-item2-items .box-img .blog-item2-item {
    display: flex;
    padding: 53.81px 25.62px;
    border-radius: 20.5px;
    background-color: #FFFFFF26;
    backdrop-filter: blur(117.875px);
    justify-content: center;
    align-items: center;
    max-width: 164px;
    max-height: 164px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    min-width: 164px;

}

.blog-detail .blog-item2 .blog-item2-items .box-img {
    width: calc((100% - 88px) / 2);
}

.blog-detail .blog-item2 .blog-item2-items .box-img .blog-item2-item img {
    object-fit: cover;
}

.blog-detail .blog-item2 .blog-item2-items .box-img .text-img {
    font-family: GT Walsheim Pro;
    font-size: 26.67px;
    font-weight: 700;
    line-height: 42.67px;
    letter-spacing: 0.04em;
    text-align: center;
    margin-top: 4.5px;
}

.blog-detail .blog-item3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 123px;
}

.blog-detail .blog-item3 .desc {
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    width: 61%;
    margin: -19px 0px 42px 0px;
}

.blog-detail .blog-item3 .btn-banner-blog {
    background: radial-gradient(167.52% 820.83% at -36.22% 213.33%, #FFFFFF 0%, #85F7E2 47.4%, #FFB60E 100%);
    border: 4px solid #45605d;
    font-family: GT Walsheim Pro;
    font-size: 18px;
    font-weight: 700;
    color: #070B20;
    line-height: 16px;
    text-align: center;
    padding: 20px 28px;
    border-radius: 10px;
}

.blog-detail .blog-item4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 66px;
}

.blog-detail .blog-item4 .text-banner-blog {
    font-family: GT Walsheim Pro !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #24E476;
}

.blog-detail .blog-item4 .title-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    margin: 0px;
    color: #FFFFFF;
}

.blog-detail .blog-item4 .title-banner-blog span {
    color: #24E476;
}

.blog-detail .blog-item4 .desc-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    width: 70%
}

.blog-detail table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 51px;
}

.blog-detail table thead tr th img {
    margin-right: 16px;
    max-width: 200px;
}

.blog-detail table thead tr th {
    color: #FFFFFF;
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    height: 68px;
    width: 33.33%;
    padding: 0px 9px 47px 9px;
}

.blog-detail table tbody tr td {
    color: #FFFFFF;
    font-family: GT Walsheim Pro;
    font-size: 20px;
    height: 68px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
}

.blog-detail table tbody tr {
    border-bottom: 1px solid #141313;
}

.blog-detail .blog-item6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    margin-top: 121px;
    margin-bottom: 36px;
}

.blog-detail .blog-item6 .text-banner-blog {
    font-family: GT Walsheim Pro !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #24E476;
}

.blog-detail .blog-item6 .title-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    margin: 0px;
    color: #FFFFFF;
}

.blog-detail .blog-item6 .title-banner-blog span {
    color: #24E476;
}

.blog-detail .blog-item6 .desc-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    width: 75%
}

.blog-detail .blog-item7 {
    margin-bottom: 126px;
}

.toggle-container {
    width: 100%;
    max-width: 848px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.toggle-button {
    width: 100%;
    padding: 10px 25px 10px 23px;
    background-color: #141313;
    color: white;
    border: none;
    cursor: pointer;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-radius: 16px;
    min-height: 68px;
}

.toggle-button .title {
    margin: 0px;
    font-family: GT Walsheim Pro;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.8px;
}

.icon {
    width: 18px;
    height: 18px;
    transition: opacity 0.4s ease;
}

.plus {
    display: block;
}

.minus {
    display: none;
}

.toggle-content {
    max-height: 0;
    overflow: hidden;
    padding: 30px 25px 40px 23px;
    background-color: #151414;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    border-top: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.toggle-content p {
    color: white;
    margin: 0px;
    font-family: GT Walsheim Pro;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}

.blog-detail .blog-item8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 36px;
}

.blog-detail .blog-item8 .text-banner-blog {
    font-family: GT Walsheim Pro !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #24E476;
}

.blog-detail .blog-item8 .title-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    margin: 0px;
    width: 60%;
    color: #FFFFFF;
}

.blog-detail .blog-item8 .title-banner-blog span {
    color: #24E476;
}

.blog-detail .blog-item8 .desc-banner-blog {
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    width: 75%
}

@media (max-width: 768px) {
    .blog-detail {
        background-size: auto;
        padding: 56px 20px 0px 20px;
    }

    .blog-detail .container {
        padding: 0 0px;
    }

    .blog-detail .blog-item2 {
        background-size: contain;
        padding: 0.5px 0px 4.5px;
        min-height: 177.33px;
        margin-bottom: 58px;
        max-height: 177.33px;
    }

    .blog-detail .blog-item1 {
        margin-bottom: 25px;
        gap: 20px;
    }

    .blog-detail .blog-item2 .blog-item2-items .box-img .text-img {
        font-size: 15.4px;
        line-height: 24.65px;
        letter-spacing: 0.04em;
        margin-top: -0.5px;
    }

    .blog-detail .blog-item3 .desc {
        margin: -19px 0px 42px 0px;
    }

    .blog-detail .blog-item2 .blog-item2-items .box-img .blog-item2-item {
        min-width: 94.73px;
        min-height: 94.73px;
        padding: 25.81px 8.62px;
        border-radius: 11.84px;
    }

    .blog-detail .blog-item2 .blog-item2-items {
        display: flex;
        gap: 52px;
        margin: 41px 0 20px 0px;
    }

    .blog-detail .blog-item1 .desc-banner-blog {
        width: 100%;
    }

    .blog-detail .blog-item3 .desc {
        width: 100%;
        padding: 0 5px;
    }

    .blog-detail .blog-item4 .desc-banner-blog {
        width: 100%;
        padding: 0 5px;
    }

    .blog-detail .blog-item6 .desc-banner-blog {
        width: 100%;
    }

    .blog-detail .blog-item8 .desc-banner-blog {
        width: 100%;
    }

    .blog-detail .blog-item4 {
        margin-bottom: 32px;
    }

    .blog-detail .blog-item3 {
        margin-bottom: 90px;
    }

    .blog-detail table {
        margin-bottom: 46px;
    }

    .th-naizop img {
        width: 16px;
    }

    .th-nitreo img {
        width: 55px;
    }

    .blog-detail table thead tr th img {
        margin-right: 7px;
    }

    .toggle-button .title {
        width: 76%;
    }

    .blog-detail .blog-item8 .title-banner-blog {
        width: 100%;
    }

    .blog-detail table thead tr th {
        color: #FFFFFF;
        font-family: GT Walsheim Pro;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
    }

    .blog-detail table tbody tr td {
        font-family: GT Walsheim Pro;
        font-size: 14px;
        font-weight: 500;
        padding: 10px;
        line-height: 24px;
    }

    .blog-detail .blog-item2 .blog-item2-items .box-img .blog-item2-item img {
        object-fit: contain;
        width: 72px;
        height: 43px;
    }

    .blog-detail .blog-item6 {
        margin-top: 90px;
        margin-bottom: 34px;
    }

    .toggle-button {
        padding: 10px 27px 10px 26px;
    }

    .blog-detail .blog-item7 {
        margin-bottom: 95px;
    }

    .wrapper-content-ranting p {
        height: 40px;
        line-height: 1.2;
        padding-top: 4px;
    }

    .sider-up-custom {
        height: 40px;
    }

    .tn-jumbotron:before {
        bottom: 20% !important;
        z-index: 0;
        pointer-events: none;
    }

    .tn-jumbotron h1 span {
        font-family: "Afacad", serif !important;
    }

    .tn-jumbotron .jumbo-description p {
        font-family: "Afacad", serif !important;
    }
}

.th-nitreo img {
    margin: -19px 0 0 0px;
}

.sider-up-custom span.gradient {
    background: linear-gradient(90deg, #ee950f 0%, #ff3939 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.get-followers {
    background: linear-gradient(180deg, rgb(66 65 65 / 14%) 0%, rgb(74 74 74 / 26%) 100%);
}

.blog .bg-img img {
    max-width: 100%;
}

.tn-faq .break {
    white-space: inherit;
}

.wrapper-email-start {
    max-width: 327px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    gap: 0;
    padding: 50px 0;
}

.input-username {
    width: 100%;
    position: relative;
    margin: 0;
}

.input-username .your-username {
    padding: 20px 24px 20px 50px;
    width: 100%;
    height: 56px;
    border: 1px solid #1E2124;
    background: rgba(30, 33, 36, 0.25);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}

.input-username img {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    max-width: 22px;
}

.btn-start-buy {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 28px;
    width: 100%;
    background: linear-gradient(92.23deg, #24E476 9.87%, #FFBE27 93.21%);
    font-family: 'GT Walsheim Pro';
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #070B20;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

}

.your-username::placeholder {
    font-family: 'GT Walsheim Pro';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.5);
    text-align: end;
}

.get-followers {
    position: relative;
    z-index: 5;
}

/*------------------ footer mobile -----------------*/
.footer-mobile-tn {
    display: none;
}

@media (max-width: 767px) {

    .page-content-wpr {
        padding-bottom: 20px;
    }

    footer.footer {
        padding-bottom: 70px;
    }

    .footer-mobile-tn {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0px;
        background: #121517;
        z-index: 999;
        left: 0;
    }

    .footer-mobile-tn.active {
        z-index: 1;
    }

    .item-footer-tn {
        display: flex !important;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
    }

    .login-footer-tn .item-footer-tn {
        width: calc(100% / 3);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        padding: 8px 0 8px;
    }

    .login-footer-tn .item-footer-tn:nth-child(3) {

        border-right: none;

    }

    .item-footer-tn p {
        margin: 0;
        font-family: 'GT Walsheim Pro';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: #666666;
        text-decoration: none;
        margin-top: 2px;
    }

    .footer-content-tn {
        display: flex;
        justify-content: space-between;

        align-items: end;

    }

    .auth-footer-tn {
        padding: 8px 6px 10px;
    }


    .footer-content-tn img {
        width: 25px;
    }

    .login-footer-tn {
        padding: 0;
    }

    .auth-footer-tn .item-footer-tn:nth-child(3) img {
        max-width: 44px;
        padding: 10px;
        background: #277DFF;
        border-radius: 50px;
        width: 100%;
    }

    .item-footer-tn:hover p {
        color: #277DFF;
    }

    .auth-footer-tn {
        gap: 10px;
    }

    .item-footer-tn:hover {
        border-bottom: none !important;
        text-decoration: none;
    }

    .intercom-lightweight-app-launcher {
        bottom: 70px !important;
        z-index: 2 !important;
    }

    .active-hover {
        display: none;
    }

    .item-footer-tn:hover .active-hover {
        display: block;
    }

    .item-footer-tn:hover .not-hover {
        display: none;
    }

    .item-footer-tn.active .active-hover {
        display: block;
    }

    .item-footer-tn.active .not-hover {
        display: none;
    }

    .item-footer-tn.active p {
        color: #277DFF;
    }



}

.popup.tooltipp.link-validation {
    float: right;
}

.selection-custom {
    display: none;
}

.popup.tooltipp.link-validation {
    float: right;
}



.get-url-tn {
    padding: 6px 8px 6px 8px;
    border-radius: 8px;

    background: #277DFF;
    border: 1px solid #FFFFFF0D;
    font-family: GT Walsheim Pro;
    font-size: 10px;
    font-weight: 500;
    line-height: 11.45px;
    text-align: center;
    color: #fff;
    margin-left: auto;
    margin-top: 24px;
    display: block;



}

.get-url-tn span {
    background: #fff;
    color: #277DFF;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 50%;
    margin-left: 5px;
    font-weight: 700;
}

.selection-custom {
    background: #25417D;
    border: 1px solid #FFFFFF0D;

    padding: 12px;
    border-radius: 8px;

}

.selection-custom .header-section {
    font-family: GT Walsheim Pro;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    border-bottom: 1px solid #FFFFFF1A;
    display: flex;
    justify-content: space-between;
}

.selection-custom ul {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
}

.selection-custom ul li {
    font-family: GT Walsheim Pro;
    font-size: 12px;
    font-weight: 400;
    line-height: 13.74px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
}

.header-section .close-sample-url {
    max-width: 18px;
    cursor: pointer;
    color: #fff;
}

.selection-custom ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f192";
    position: absolute;
    left: 2px;
}

.price-tn {
    display: flex;
    width: 100%;
    justify-content: end;
    padding-top: 5px;
    gap: 10px;

}

.old-price-tn {
    font-family: Afacad;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: line-through;
    color: #888888;
}

.new-price-tn {
    font-family: Afacad;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
}

@media(max-width: 767px) {
    .selection-custom {
        margin-left: 16px;
        margin-right: 16px;
    }

}

/* smo footer news  */
footer.footer-news {
    display: block;
    padding: 0;
    background-color: #0D1012!important;
    border-top: 1px solid #FFFFFF1A;
}
footer.footer-news .footer__copyright {
    background: #15181C!important;
}
footer.footer-news .footer__nav-link:hover {
    color: #fff;
}
.footer-news .container {
    max-width: 100%;
    width: 100%;
    padding: 32px 40px 32px 40px;
    margin: 0px auto;
}

.footer__box {
    display: flex;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-right: 20px;
    width: 25%;
}

.footer-services {
    max-width: 225px;
    height: 42px;
    padding: 12px;
    gap: 10px;
    border-radius: 123456px;
    border: 1px solid #202026;
    background: #15181C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-services a {
    font-family: GT Walsheim Pro !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
}

.footer__social {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: normal;
    padding-bottom: 0px;
}

.footer__socialicons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer__social-title {
    font-family: Inter !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    padding-bottom: 0px;
    color: #7F7F7F;
    white-space: nowrap;
}

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

.address-contact .phone,
.address-contact .address {
    display: flex;
    gap: 6px;
    align-items: center;
}

.address-contact span,
.address-contact a {
    font-family: GT Walsheim Pro !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 13.74px;
    color: #666666;
}

.footer__nav {
    display: flex;
    gap: 32px;
    width: 70%;
    justify-content: space-between;
}

.footer__nav-title {
    font-family: GT Walsheim Pro;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px;
    margin-bottom: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer__nav-arrow {
    transition: transform 0.1s;
    font-size: 12px;
}

.footer__nav-arrow.active {
    transform: rotate(180deg);
    margin-top: -3px;
}
.footer__nav-list {
    display: flex;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
    gap: 6px;
    flex-direction: column;
}

.free-trial .footer__nav-list.hidden {
    display: none;
    transition: all 0.3s ease;
    overflow: hidden;
}
.footer__nav-item a {
    font-family: GT Walsheim Pro !important;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #666666;
    text-decoration: none;
}

.footer__payments {
    max-width: 258px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.footer__payments-list .payment_pc {
    display: block;
}

.footer__payments-list .payment_mobile {
    display: none;
}
.footer__nav-column.free-trial {
    max-width: 150px;
    width: 100%;
}
@media (max-width: 1200px) {
    .footer__nav {
        gap: 25px;
        flex-wrap: wrap;
        width: 50%;
    }
}
@media (max-width: 1024px) {
    .footer__payments-list .payment_pc {
        display: none;
    }

    .footer__payments-list .payment_mobile {
        display: block;
        width: 100%;
    }
  
    .footer__nav {
        width: 100%;
    }
}

.footer__payments-list {
    margin: 0;
    padding: 0px;
    gap: 8px 12px;
    margin-bottom: 30px;
}

.footer__auth {
    flex: 1;
    justify-content: flex-end;
    gap: 12px;
}

.footer__auth-button {
    padding: 12px 24px;
    background: #4B4B4B;
    height: 40px;
    gap: 10px;
    border-radius: 123456px;
    color: rgba(255, 255, 255, 0.5137254902);
    border: none;
    font-family: GT Walsheim Pro;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.footer__auth-button.btn-blue {
    background: #277DFF;
}
.footer__auth-button:hover {
    background: #277DFF;
    color: white;
    text-decoration: none;
}

.footer__copyright {
    background: #15181C;
    padding: 16px 0px;
    border-top: 1px solid #FFFFFF1A;
    backdrop-filter: blur(80px)
}

.footer__copyright p {
    font-family: Inter !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    margin: 0px;
    color: #666666;
}

.footer__auth--mobile {
    display: none;

}

.footer__auth--pc {
    display: flex;
}

.footer__auth-button {
    text-align: center;
}

/*smo login   */
.wrapper-form {
    width: 100%
}

.tn-tab-popup {
    margin: 0 auto;
}

#g_id_onload,
#g_id_signin {
    max-width: 100%
}

#g_id_onload,
#g_id_signin button {
    width: 100%
}

.wrapper-content-js {
    margin-top: 20px;
}

.faq-content-questions-left-item,
.faq-content-questions-right-item {
    flex-wrap: wrap;
}

.faq-content-questions-left-item .break,
.faq-content-questions-right-item .break {
    white-space: inherit;
}

.faq-content-questions-left-item-left,
.faq-content-questions-right-item-left {
    width: 100%
}

.reviews-content-container-list-item-content-up__title {
    line-height: 20px
}

.dashboard .nz-post-one .nz-post-image {
    min-width: 300px;
}

#before-after .beforeAfter-content {
    border: 0px;
}

.tn-mt-64 {
    margin-top: 64px !important;
}

.tn-custom-logo a {
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    
    .row.new-row>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 calc(var(--row-gutter-x)*0.5);
        margin-top: var(--row-gutter-y);
    }
    .col-xs-12.col-sm-6.col-md-6.col-lg-6.support_col:last-child {
        margin-top: 5px;
    }
    .tn-custom-logo a {
        font-size: 18px;
    }

    /* #social-jumbotron {
        background-image: url(https://storage.perfectcdn.com/0a268b/qcr5se08ww612zbh.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: right top;
        margin: 0;
        padding-top: 20px;
    } */

    .dashboard .get-followers {
        background: #161616f7;
    }

    .get-followers {
        background: #161616f7;
    }

    .footer-news .container {
        padding: 32px 20px 0px 20px;
    }

    .footer__logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0px;
        margin-bottom: 26px;
        gap: 0px;
    }

    .address-contact {
        margin-bottom: 20px;
    }

    .footer__box {
        flex-direction: column;
        margin-bottom: 24px;
    }

    .footer__social {
        margin-right: 0;
        margin-top: 24px;
        margin-bottom: 24px;
        justify-content: center;
    }

    .footer__socialicons {
        gap: 10px;
        display: flex;
        justify-content: center;
    }

    .footer__nav {
        align-items: flex-start;
        gap: 42px 60px;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    .footer__nav-column {
        width: auto;
    }

    .footer__payments {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
        align-items: center;
        justify-content: center;
    }

    .footer__payments-list {
        width: 100%;
    }
    .footer__payments-list .payment_mobile img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .footer__auth {
        align-items: center;
        justify-content: center;
        max-width: 200px;
        width: 100%;
    }

    .footer__auth--mobile {
        display: flex;
    }

    .footer__auth--pc {
        display: none;
    }

    .footer__auth-button {
        width: 100%;
        padding: 12px;
    }

    .footer__copyright p {
        font-family: Inter !important;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #ffffff90;
    }
}

@media(max-width:460px) {
    .footer__nav {
        max-width: 335px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .footer__box {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0px;
    }

    .footer__social {
        justify-content: flex-start;
        margin-top: 16px;
    }

    .footer__nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: end;
    }

    .footer__nav-column {
        flex: 1;
    }

    .footer__payments {
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .footer__auth {
        justify-content: flex-start;
        gap: 16px;
        margin-bottom: 20px;
    }
}

/* smo banner code chirtmast*/
.text-content-chirtmast {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.text-content-chirtmast p {
    margin: 0px;
}

.banner-chirtmast {

    background: #277DFF;

}

.btn-header-chirtmast {
    font-family: Space Grotesk !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 4px 12px 4px 12px;
    background: #FFFFFF;
    border-radius: 999px;
    color: #277DFF;
    text-transform: uppercase;

}

p .btn-header-chirtmast {
    margin: 0 4px;
}

.text-content-chirtmast {
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #FFFFFF;
    padding: 10px 0
}

#clockdiv {
    display: flex;
    gap: 7px;
}

.time-custom-tn {
    width: 40px;
    height: 36px;
    background-color: #fff;
    color: #277DFF;
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    align-content: center;
    padding: 2px 8px 2px 8px;
    border-radius: 8px;
}
/*   .banner-chirtmast::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('https://storage.perfectcdn.com/0a268b/d18szq3stjonhs1b.png');
    pointer-events: none;
    background-repeat: repeat-x;
    bottom: 0;
    left: 0;
    background-position: bottom;
    }
*/
.content-chirtmast {
    max-width: 1000px;
    justify-content: center;
    display: flex;
    margin: 0 auto;
    gap: 43px;
}

.content-images-icon {
    width: 21px;
    height: 37px;
    object-fit: cover;
}

.tn-onmobile {
    display: none;
}

.banner-chirtmast {
  position: relative;
  z-index: 99999;
}

.tn-close-header {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.btn-header-chirtmast img {
    margin-bottom: 2px;
}

/* ------------------------------ smo new header drop------------------------------- */
.nt-item-first {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: GT Walsheim Pro;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    color: #FFFFFF;
    width: 100%;
    margin: 0;


}

.logo-media-tn {
    width: 32px;
    object-fit: cover;
    height: 32px;

}

.tn-arrow-header {
    width: 12px;
    object-fit: cover;
    height: 12px;
}

.has-child-tn {
    position: relative;
}

.tn-menu-child-first {
    position: absolute;
    top: 50px;
    padding: 0;
    min-width: 182px;
    background-color: #0D1012;
    color: #fff;
    border-radius: 12px;
    z-index: 9999;
    width: max-content;
}

.tn-menu-child-second {
    display: none;
}
.tn-menu-child-second li svg,
.tn-menu-child-second li img {
    margin-right: 14px !important;
    width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    padding: 0px!important;
}
.tn-menu-child-second li a:hover {
    color: #fff;
}
.tn-menu-child-second li a:hover img {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(240%) contrast(100%);
}
.wrapper-text-logo-tn {
    display: flex;
    gap: 8px;
    align-items: center;

}
.wrapper-text-logo-tn  img.logo-media-tn {
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 50%;
    background: #15181A;
}
.tn-menu-child-first>li {
    padding: 6px 8px;
    position: relative;
    z-index: 2;
}

.tn-menu-child-first li:hover .tn-menu-child-second {
    display: block;
}

.tn-menu-child-first li:hover {
    background: #181B1D;
}

.tn-menu-child-second li:hover .normal-svg path {
    fill: #FFFFFF;
}

.tn-menu-child-second li:hover svg circle {
    fill: #FFFFFF;
}

.tn-menu-child-second li:hover .yt-svg path:nth-of-type(1),
.tn-menu-child-second li:hover .snap-svg path:nth-of-type(1),
.tn-menu-child-second li:hover .discord-svg path:nth-of-type(1),
.tn-menu-child-second li:hover .reddit-svg path:nth-of-type(1),
.tn-menu-child-second li:hover .quora-svg path:nth-of-type(1) {
    fill: #FFFFFF;
}

.tn-menu-child-second li:hover .yt-svg path:nth-of-type(2),
.tn-menu-child-second li:hover .discord-svg path:nth-of-type(2) {
    fill: #181B1D;
}

.tn-menu-child-second li:hover .linkedin-svg rect,
.tn-menu-child-second li:hover .rumble-svg rect {
    fill: #FFFFFF;
}

.tn-menu-child-second li:hover .linkedin-svg path {
    fill: #181B1D;
}

.tn-menu-child-second li:hover .discord-svg path:nth-of-type(2) {
    fill: #181B1D;
}

.tn-menu-child-second li:hover .quora-svg path:nth-of-type(2) {
    fill: #FFFFFF;
}


.tn-menu-child-first>li:nth-child(1) {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.tn-menu-child-first>li:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.tn-menu-child-second li:nth-child(1) {
    border-top-right-radius: 12px;
}

.tn-menu-child-second>li:last-child {
    border-bottom-right-radius: 12px;
}

.tn-menu-child-second li:hover {
    background: #277DFF;
}

.tn-menu-child-second {
    position: absolute;
    top: 0;
    right: 0px;
    width: max-content;
    background-color: #0D1012;
    padding: 0;
    transform: translateX(100%);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: 1;
}

.tn-menu-child-first li:nth-child(n+11):hover .tn-menu-child-second {
    bottom: 0;
    top: inherit;

}

.tn-menu-child-second li a {
    font-family: GT Walsheim Pro;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    padding: 0;
    height: 32px;
    color: #fff;
    min-width: 204px;
    justify-content: start;
    text-decoration: none;
}

.tn-menu-child-second>li {
    padding: 6px 12px;
}

.tn-menu-child-second li svg {
    margin-right: 8px;
    max-width: 16px;
    width: 100%;
}

.tn-menu-child-first {
    display: none;
}

.has-child-tn:hover .tn-menu-child-first {
    display: block;
}

.tn-menu-child-first>li:hover .tn-arrow-header {
    transition: all 0.3s ease-in-out;
    transform: translate(0) rotate(180deg);
}

header {
    z-index: 999;
}

.header-nav .active .tn-icon-supmenu {
    filter: brightness(100%);
}

.header-nav .tn-icon-supmenu {
    filter: brightness(64%);
}

img.tn-icon-supmenu {
    transform: rotate(180deg);
}

.has-child-tn:hover img.tn-icon-supmenu {
    filter: brightness(100%);
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
}

.dashboard .main-wpr.collapse .sidebar-in .nav-brand-wpr a {
    display: none;

}

.banner-price {
    display: none
}

.blog-detail #reviews {
    opacity: 1 !important;
}

@media(max-width:767px) {
    .guest .main-title .homepage-header {
        text-align: center;
    }

    .banner-chirtmast {
        background: linear-gradient(0deg, #277DFF 0%, #184B99 100%);

    }

    .banner-chirtmast {
        overflow: hidden;
    }

    .tn-onmobile {
        display: inline-block;
        margin: 0;
    }

    img.tn-onmobile {
        max-width: 32px;
        width: 100%;
    }

    .tn-ondesktop {
        display: none;
    }

    .content-chirtmast {
        justify-content: center;
        gap: 0px;
    }

    .text-content-chirtmast {
        justify-content: center;
        padding: 7px 32px 7px 12px;
        width: 100%;
    }

    .text-content-chirtmast {
        font-size: 11px;
    }

    .mobile-menu.show {
        max-height: inherit !important;
    }

    .tn-close-header {
        width: 14px;
        right: 12px;
    }

    .tn-menu-child-second {
        /* display: block; */
        position: relative;
        transform: inherit;
        width: 100%;
        right: inherit;
        padding-top: 14px;
    }

    .tn-menu-child-first {

        position: relative;
        width: 100%;
        left: inherit;
        right: inherit;
        top: inherit;
    }

    .header-nav li.has-child-tn {
        flex-wrap: wrap;
        flex-direction: column;

    }

    .header-nav li.has-child-tn a {
        justify-content: start;

    }

    .tn-menu-child-first li {
        flex-wrap: wrap;
        flex-direction: column;
        box-sizing: border-box;
    }

    .tn-menu-child-first>li {
        padding: 6px 0px;
    }

    .nt-item-first {
        padding: 0 0px 0 8px;
        width: inherit;
        box-sizing: border-box;
    }

    .tn-menu-child-first li:hover {
        background: #0D1012;

    }

    .tn-arrow-header {
        transform: translate(0) rotate(90deg);
    }

    .tn-menu-child-first>li:hover .tn-arrow-header {
        transition: all 0.3s ease-in-out;
            /* transform: translate(0) rotate(270deg); */
        transform: translate(0) rotate(90deg);
    }
.has-child-tn:hover img.tn-icon-supmenu {
    filter: inherit;
    transform: rotate(180deg);

    }
    .header-nav .tn-menu-child-second li:nth-child(6),
    .header-nav .tn-menu-child-first li:nth-child(6) {
        margin-bottom: 0px;
    }
.active.tn-arrow-header{
    transform: translate(0) rotate(270deg)!important;
}
.active.tn-icon-supmenu{
transform: rotate(0deg)!important;
}

    .tn-menu-child-second>li {
        padding: 3px 16px;
    }

    .header-nav .tn-menu-child-second>li a {
        text-transform: capitalize;
    }

    /*----------------smo banner price ------------------- */
    .banner-price {
        z-index: 999999999999999999;
    }

    .wrapper-star {

        width: 100%;
        margin-top: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
    }

    .old-price-tn {
        font-family: GT Walsheim Pro;
        font-size: 16px;
        font-weight: 500;
        line-height: 16.03px;
        text-decoration-line: line-through;
        color: #686E73;
        margin-bottom: 0;
        margin-top: 7px;

    }

    .tn-choose-option .tn_quality_mb {
        font-family: GT Walsheim Pro;
        font-size: 15px;
        font-weight: 400;
        line-height: 13.74px;
        color: #666666;

        margin-bottom: 10px;
    }

    .current-price-tn {
        font-family: GT Walsheim Pro;
        font-size: 20px;
        font-weight: 700;
        line-height: 20.61px;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 0;
        margin-top: 0;

    }

    .banner-price {
        box-shadow: 0px -16px 60px -20px #3C1B0740;
        background: #121517;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 12px 20px 9px;
        box-sizing: border-box;
    }

    .stars-list ul {
        display: flex;
        gap: 9px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .wrapper-star span {
        font-family: GT Walsheim Pro;
        font-size: 10px;
        font-weight: 400;
        line-height: 11.45px;
        color: #FFFFFF;

    }

    .tn-content-price {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        margin-bottom: 2px;
    }

    .tn-choose-option {
        display: flex;
        flex-direction: column;
    }

    .tn-controll-quantity .icon-controll-tn {

        line-height: 11.45px;
        display: inline-block;
        background: #24262A;
        border-radius: 50%;
        padding: 6px;
    }

    .icon-controll-tn img {
        max-width: 20px;
    }

    .tn-wrapper-quantity span {
        font-family: GT Walsheim Pro;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.03px;
        text-align: center;
        color: #666666;

    }

    .tn-controll-quantity,
    .tn-form-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;

    }

    .custom-bg-tn {
        border: 1px transparent;
    }

    .tn-controll-quantity {
        gap: 2px;
        white-space: nowrap;
        padding: 4px;
        border: 1px solid #202026;
        background: #191818;
        border-radius: 999px;
    }

    .tn-form-price {
        gap: 10px;

    }

    .btn-submit-quantity,
    .custom-bg-tn {
        width: calc((100% - 10px) / 2);
        overflow: hidden;
        border-radius: 999px;
    }

    .btn-submit-quantity img {
        margin-bottom: 3px;
        margin-left: 5px;
    }

    .btn-submit-quantity {
        background-color: #277DFF;
        font-family: GT Walsheim Pro;
        font-size: 16px;
        font-weight: 500;
        line-height: 18.32px;
        color: #fff;
        border: 0;
        padding: 9px 20px;
        text-align: center;
        border-radius: 999px;
    }

    .tn-radio-mark {
        position: relative;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
        background: #fff;
        margin-right: 5px;
    }

    .tn_quality_mb input {
        display: none;
    }

    .tn-radio-mark:after {
        content: ' ';
        position: absolute;
        left: 1px;
        top: 1px;
        color: #FFF;
        font-size: 9px;
        background: url(https://storage.perfectcdn.com/0a268b/ghr2me0im7jx3zbg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 9px;
        height: 9px;
    }

    .tn_quality_mb input:checked+.tn-radio-mark {
        background: #277DFF;
    }


    :root {
        --background-width-tn: 12.5%;

    }

    .tn-controll-quantity {
        position: relative;
        z-index: 99;

    }

    .tn-controll-quantity::after {
        transition: all 0.2s ease-in-out;
        content: '';
        position: absolute;
        width: var(--background-width-tn);
        height: 100%;
        left: -1px;
        top: 0px;
        background-color: #313439;
        z-index: 0;
        padding-right: 1px;
    }

    .icon-controll-tn {
        position: relative;
        z-index: 10;

        aspect-ratio: 1 / 1;
    }

    .tn-wrapper-quantity {
        position: relative;
        z-index: 10;
    }

    .intercom-lightweight-app-launcher {
        z-index: 2 !important;
    }



}

/*------------smo start banner below form------------- */

.wrapper-section-slider {
    width: 100%;
    max-width: 767px;
    margin: 0 auto;

}

.next-arrow::after {
    content: "";
    background-color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: -10px;
    z-index: 0;
    border-radius: 20px;

}

.next-arrow svg {
    position: relative;
    z-index: 2;
}

.next-arrow {
    position: relative;
}

.banner-slider {
    background: #FFA52733;
    border: 1px solid #FFA527;
    padding: 15px 24px;
    border-radius: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 80px;
    box-sizing: border-box;

}

.tn-slider-seo {
    margin-bottom: 30px;
}

.item-banner-slider-tn {

    border-radius: 123456px;
    position: relative;
    display: flex;
    gap: 10px;

}

.item-banner-slider-tn:nth-child(2)::after {
    height: 100%;
    width: 2px;
    border-radius: 123456px;
    background: #FFFFFF1A;
    position: absolute;
    right: -40px;
    top: 0px;
    content: '';
}

.item-banner-slider-tn:nth-child(2)::before {
    height: 100%;
    width: 2px;
    border-radius: 123456px;
    background: #FFFFFF1A;
    position: absolute;
    left: -40px;
    top: 0px;
    content: '';
}

.text-banner-tn {
    font-family: GT Walsheim Pro;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    color: #FFFFFF;

}

.body-slider-tn {
    /* background: #20080871; */
    border: 1px solid #FFFFFF0D;
    padding: 16px 24px;
    width: 100%;
    margin-top: 12px;
    border-radius: 10px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.05)
}

.wrapper-title-slider {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.group-content-tn {
    align-items: center;
    display: flex;
    gap: 8px
}

.text-group {
    font-family: GT Walsheim Pro;
    font-size: 20px;
    font-weight: 500;
    line-height: 22.9px;
    color: #FFFFFF;

}

.wrapper-title-slider {
    padding-bottom: 14.5px;
    border-bottom: 2px solid #FFFFFF1A;

}

.btn-group-tn {
    padding: 6px 8px 6px 8px;
    border-radius: 8px;
    background: #4EBE82;
    border: 1px solid #FFFFFF0D;
    text-decoration: none;
    color: #FFFFFF;
    font-family: GT Walsheim Pro;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: flex !important;
    align-items: center;
    gap: 3px;

}

.item-card-tn p {
    font-family: GT Walsheim Pro !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    color: #0D1012;
    margin: 0;
    white-space: nowrap;

}


.item-card-tn {
    padding: 11px 24px 11px 24px;
    border-radius: 8px;
    background: #ededed;
    display: flex;
    gap: 10px;
    align-items: center;
    white-space: nowrap;

}

.item-card-tn img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
}

.item-card-tn .time-tn {
    color: #888888;
    font-family: GT Walsheim Pro !important;
}

.blur-text {
    font-family: GT Walsheim Pro !important;
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    font-size: 8px !important;
}

.item-silder-tn {
    margin: 0 15px;

}

.wrapper-item-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.list-slider-tn {
    margin: 0 -15px;
}

.arrows-tn {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    z-index: 2;
}

.wrapper-slider-tn {
    position: relative;
    box-sizing: border-box;
    padding-top: 16px;
}

.list-slider-tn::after {
    width: 72px;
    height: 255px;
    position: absolute;
    right: -10px;
    top: -15px;
    content: '';
    filter: blur(11px);
    background-image: url(https://storage.perfectcdn.com/0a268b/jwrnd67h863gjnb6.webp);
    background-position: center;
    background-size: cover;
    opacity: 0.8;
}

.next-arrow::after {
    content: "";
    background-color: #fff;
    width: 20px;
    height: 20px;
    left: 4px;
}

.prev-arrow {
    display: none;
}

.icon-group-tn {
    max-height: 22px;
    width: 22px;
}

@media(max-width: 1110px) {
    .dashboard .item-card-tn {
        padding: 12px;
        gap: 5px;
    }

    .dashboard .item-card-tn p {
        font-size: 15px;
    }
}

@media(max-width: 767px) {
    .text-banner-tn {
        font-size: 14px;
    }

    .list-slider-tn .slick-list {
        padding-right: 30px;
    }

    .banner-slider {
        padding: 14px 16px;
        gap: 20px;
    }

    .item-silder-tn {
        margin: 0 9px;
    }

    .body-slider-tn {
        padding: 16px;
    }


    .item-card-tn p {
        font-size: 14px;
        white-space: inherit;
    }

    .list-slider-tn {
        margin: 0 -9px;
        padding-right: 10px;
    }

    .item-card-tn {
        padding: 12px;
        gap: 5px;
    }

    .item-banner-slider-tn:nth-child(2)::after {
        display: none;
    }

    .text-group {
        font-size: 14px;
    }

    .item-banner-slider-tn:nth-child(2)::before {
        display: none;
    }

    .list-slider-tn::after {
        width: 40px;
        filter: blur(20px);
        width: 71px;
        height: 300px;
        opacity: 1;
        top: -15px;
    }


}

/*------------ smo update blog and news ------------- */

.slider-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}

.news-press__filters {
    display: flex;
    gap: 12px;
    overflow: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    margin: 0 10px;
}

.arrow {
    cursor: pointer;
}

.arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.news-press__filter {
    padding: 10px 24px;
    font-family: GT Walsheim Pro !important;
    font-size: 14.2px;
    font-weight: 500;
    line-height: 16.03px;
    text-align: center;
    background-color: #121517;
    border: none;
    color: #666666;
    border-radius: 123456px;
    cursor: pointer;
    height: 36px;
    position: relative;
    transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;
}


.news-press__filter:hover,
.news-press__filter--active {
    background-color: #fff;
    color: #0D1012;
    padding: 10px 42px 10px 24px;
}

.news-press__filter:hover::before,
.news-press__filter--active::before {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14" fill="none"%3E%3Cpath d="M7.49984 1.1665C4.28567 1.1665 1.6665 3.78567 1.6665 6.99984C1.6665 10.214 4.28567 12.8332 7.49984 12.8332C10.714 12.8332 13.3332 10.214 13.3332 6.99984C13.3332 3.78567 10.714 1.1665 7.49984 1.1665ZM9.45984 8.3415C9.629 8.51067 9.629 8.79067 9.45984 8.95984C9.37234 9.04734 9.2615 9.08817 9.15067 9.08817C9.03984 9.08817 8.929 9.04734 8.8415 8.95984L7.49984 7.61817L6.15817 8.95984C6.07067 9.04734 5.95984 9.08817 5.849 9.08817C5.73817 9.08817 5.62734 9.04734 5.53984 8.95984C5.37067 8.79067 5.37067 8.51067 5.53984 8.3415L6.8815 6.99984L5.53984 5.65817C5.37067 5.489 5.37067 5.209 5.53984 5.03984C5.709 4.87067 5.989 4.87067 6.15817 5.03984L7.49984 6.3815L8.8415 5.03984C9.01067 4.87067 9.29067 4.87067 9.45984 5.03984C9.629 5.209 9.629 5.489 9.45984 5.65817L8.11817 6.99984L9.45984 8.3415Z" fill="%23858788"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
}

/* Smo code free-instagram-followers */
.free-box-form input:not(:placeholder-shown)+svg path {
    fill: #fff;

}

.free-box-form input:focus-visible+svg path {
    fill: #fff;
}

.free-box-form .main-input input {
    background: #383232 !important;
    margin-top: 5px;
}

.free-box-form .main-input input:active {
    background: #383232 !important;
    border: 1px solid #FFFFFF !important;

}

.free-box-form input:focus-visible {
    border: 1px solid #FFFFFF !important;
    background: #383232 !important;

}

.free-box-form input:focus {
    border: 1px solid #FFFFFF !important;
    background: #383232 !important;

}

.free-box-form input {
    color: #fff !important;
    background: #383232 !important;
}

.free-box-form .main-input {
    background: transparent;

}

#getStartedBtn {
    text-decoration: none;
}

/* #getStartedBtn:hover {
    background: radial-gradient(821.99% 271.24% at -36.22% 213.33%, #FFB60E 0%, #85F7E2 77.4%, #FFF 108%);
} */

a#getStartedBtn::before {
    opacity: 0;
}

.header-buttons .btn-blue:hover {
    background: #277DFF;
    box-shadow: 0px 0px 32px 0px #277DFF80;
}

.header-buttons .btn-bordered:hover {
    box-shadow: 0px 0px 32px 0px #ffffff80;
}

button#orderButtonHQ {
    background: #DE8250;

}

@media(max-width:768px) {
    ul.header-nav>li>a {
        font-family: GT Walsheim Pro;
        font-size: 20px;
        font-weight: 700;
        line-height: 16px;
        padding: 21px 0;
        text-decoration: none;
    }

    .mobile-menu .header-buttons a {
        font-size: 14px;
        padding: 6px 24px;
    }

    /* .mobile-menu {
        background: #101314 !important;
    } */

    .tn-menu-child-first {
        background: #101314 !important;
    }

    .wrapper-text-logo-tn {
        text-transform: capitalize !important;

    }

    .tn-menu-child-second a img {
        width: 32px;
        height: 32px;
        padding: 8px;
    }

    .tn-menu-child-second>li {
        padding: 3px 12px;
    }

    .header-nav .tn-menu-child-second>li a {
        gap: 8px;
        font-size: 16px;
        font-family: GT Walsheim Pro !important;
        font-weight: 500;
    }

    .tn-menu-child-second {
        background: #181B1D;
    }

    .header-nav .tn-menu-child-second>li {
        padding: 6px 12px;
    }

    .tn-menu-child-second {
        padding-top: 0;
        margin-top: 15px;
        border-radius: 12px;
    }

    .tn-menu-child-first>li .tn-arrow-header {
        margin-right: 5px;
    }

    .tn-menu-child-first>li {
        background: #101314 !important;
    }

    .nt-item-first {
        width: 100%
    }
}

/* Smo start free popup  */
.btn-free-tn {
    background: linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
    padding: 6px 12px;
    font-family: GT Walsheim Pro;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.03px;
    text-align: center;
    padding: 4px 10px 4px 10px;
    border-radius: 123456px;
    border: none;
    color: #452256;


}

.popup-free-tn {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: auto;
    height: 100dvh;
    bottom: 0;
}

.content-free-tn {
    border: 1px solid #202026;
    max-width: 700px;
    padding: 20px 60px 60px;
    background-color: #121517;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 24px;
    overflow-y: auto;

}

.content-free-tn::after {
    background-image: url('https://storage.perfectcdn.com/0a268b/71jsk6ifwssdhwai.png');
    background-position: left bottom;
    filter: blur(20px);
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    z-index: 0;


}

.body-free-tn {
    text-align: center;
    position: relative;
    z-index: 2;
    max-width: 500px;
    margin: auto;
}

.body-free-tn h2 {
    font-family: GT Walsheim Pro;
    font-size: 42px;
    font-weight: 700;
    line-height: 48.09px;
    text-align: center;
    color: #ffffff;
    margin-top: 7px;


}

.body-free-tn h2 span {
    background: linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.popup-free-tn .wrapper-content-ranting p {
    text-align: start;
}

.popup-free-tn .main-rating-left-item {
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    width: 40px;
    height: 40px;
    position: relative;
    left: inherit !important;
    margin-left: -14px;
}

.popup-free-tn .main-rating-left-item img {
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    width: 100%;
    height: 100%;
}

.popup-free-tn .main-rating-left-item:nth-child(1) {
    margin-left: 0px;

}

.popup-free-tn .main-rating {
    gap: 14px;
}

.popup-free-tn .main-rating-right-stars svg path {
    fill: #AA50DE;

}

.popup-free-tn .main-rating-left-item:nth-child(5) {
    background: linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);

}

.popup-free-tn .main-rating-left-item:nth-child(5) p {
    color: #fff;
}

.subtitle-free-tn .btn-free-tn {
    color: #fff;
}

.subtitle-free-tn {
    font-family: GT Walsheim Pro;
    font-size: 24px;
    font-weight: 500;
    line-height: 27.48px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 11px;
}


.des-free-tn {
    font-family: GT Walsheim Pro;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #666666;
    margin-top: 3px;
    margin-bottom: 40px;
}

.close-free-tn {
    margin-left: auto;
    text-align: end;
    width: 100%;
    display: inline-block;
}

.btn-get-free-tn {
    font-family: GT Walsheim Pro;
    font-size: 20px;
    font-weight: 700;
    line-height: 22.9px;
    color: #FFFFFF;
    max-width: max-content;
    margin: auto;
    padding: 14px 36px;
    display: flex !important
}

.btn-get-free-tn svg {
    margin-left: 5px;
}

.popup-free-tn .main-rating-right p {
    font-size: 14px;
    font-weight: 500;
    text-align: start;
    height: 28px;
    margin: 0px;
    padding-top: 5px;
}

.wrapper-content-ranting-new {
    transition: all .5s ease 0s;
}

.popup-free-tn .main-rating-right-stars svg {
    width: 16px;
    height: 16px;

}

.close-free-tn {
    cursor: pointer;
}

@media(max-width: 768px) {
    .popup-free-tn .main-rating-right p {
        height: 40px;
    }

    .content-free-tn {
        padding: 20px;
        margin: auto;
    }

    .body-free-tn h2 {
        font-size: 32px;
    }

    .popup-free-tn {
        padding-bottom: 68px;
    }

    footer.footer-news {
        padding-bottom: 57px;
    }
}

/*----------------- Smo end free popup -------------- */
/* --start smo css support table--- */
.ticket-container {
    width: 100%;
    border-radius: 20px;
    background: #1E2124BF;
    padding: 25px 20px 20px 20px;
    backdrop-filter: blur(120px)
}


.ticket-container h2 {
    font-family: Space Grotesk!important;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 25px;    
    margin-left: 5px;
}

.ticket-table {
    width: 100%;
    border-collapse: collapse;
}

.ticket-table thead {
    display: table-header-group;
}

.ticket-table th,
.ticket-table td {
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    color: var(--Pure-colors-White, #FFF);
}
.ticket-table th:last-child,
.ticket-table td:last-child {
    border-right: none!important;
}
.ticket-table thead tr th:first-child {
    padding:0px 0px 10px 0px;
    width: 62px;
}
.ticket-table thead tr th{
    text-align: left;
    padding: 0px 13px 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10)!important;
    border-right: 1px solid rgba(255, 255, 255, 0.10)!important;
}
.ticket-table td:first-child{
    padding: 8px 0px 18px 0px;
}
.ticket-table tbody tr:last-child td{
    border-bottom: none;
}
.ticket-table th {
    font-family: "Space Grotesk"!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    opacity: 0.5;
    text-transform: capitalize;
}

.ticket-table .status-closed {
    color: #f39c12;
    font-weight: bold;
}

.ticket-table td {
    padding: 8px 20px 18px 20px;
    font-family: "Space Grotesk"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
}

.view-ticket {
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 34px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #FFF;
    color: #FFF;
    font-family: "Space Grotesk"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; 
    background-color: transparent;
}

.view-ticket:hover {
    background-color: #ffffff;
    color: #000000;
    transition: 0.3s;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
    font-family: "Space Grotesk"!important;
}

.pagination a {
    color: white;
    transition: background-color 0.3s;
    cursor: pointer;
    font-family: "Space Grotesk"!important;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.pagination a:first-child svg,
.pagination a:last-child svg{
    margin-bottom: -3px;
}

.pagination a:hover {
    color: #FFB60E;
}

.pagination a.active {
    color: #FFB60E;
}

.pagination a.prev,
.pagination a.next {
    background-color: transparent;
    color: white;
    font-size: 18px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .ticket-container {
    border-radius: 10px;
    padding-top: 20px;
    }
    .ticket-container h2 {
        margin-bottom: 10px;
    }
    .ticket-table {
        border: 0;
    }

    .ticket-table thead {
        display: none;
    }

    .ticket-table tr {
        display: block;
        border-bottom:  1px solid rgba(255, 255, 255, 0.05)!important;
    }

    .ticket-table td:not(:first-child) {
        padding: 8px 0 8px 50%!important;
    }

    .ticket-table td {
        display: block;
        border-right: none;
        position: relative;
        font-weight: 500;
        padding: 10px 0 10px 50%!important;
    }

    .ticket-table td::before {
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        width: 43%;
        height: 100%;
        text-align: left;
        font-size: 14px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 1.75;
        display: flex;
        align-items: center;
    }
    .has-child-tn:hover .tn-menu-child-first {
        display: none;
    }
    .tn-menu-child-first li:hover .tn-menu-child-second {
        display: none;
    }

}

/* --end smo css support table--- */
/* start  move style page google review to  common file */

.social-results {
    margin-top: 63px;
    margin-bottom: 62px;
}

.social-results .container {
    padding: 0 20px;
    max-width: 1280px;
    width: 100%;
}

.social {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.social__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.update-after-before .social__item, 
.social__item {
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;

    border-radius: 123456px;
    padding: 12px 16px;
    background: #15181C;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
}
.update-after-before .social__item span, 
.social__item span {
    font-family: GT Walsheim Pro!important;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;

}
.update-after-before .social__item:hover, 
.social__item:hover {
    background: #15181C;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.update-after-before .social__item--active, 
.social__item--active {
    background: #FFFFFF;
    color: #0D1012;
}

/* Toggle */
.update-after-before .toggle,
.toggle {
    display: flex;
    padding: 4px;
    gap: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 99999px;
    background: #15181C;
    max-width: 260px;
    width: 100%;
    border: none;
}
.update-after-before .toggle__button,
.toggle__button {
    display: flex;
    padding: 14.5px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 9999px;
    color:#666;
    font-family: "GT Walsheim Pro" !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    background: transparent;
    border: none;
    max-width: 120px;
    width: 100%;
}
.update-after-before .toggle__button:hover,
.update-after-before .toggle__button--active,
.toggle__button:hover,
.toggle__button--active {
    background: #277DFF;
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.update-after-before .active-after.profile-number {
    font-weight: 400!important;
}
.update-after-before .active-after,
.active-after {
    border-radius: 124567px;
    background: #277DFF;
    display: flex;
    padding: 4px 10px;
    align-items: center;
    gap: 10px;
    color: #FFF!important;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
	gap:2px;
    height: 29px;
}
.active-after svg path {
    fill: #fff;
}
/* Base styles */
.card-google {
    overflow: hidden;
    display: flex;
    max-width: 406px;
    width: 100%;
    padding: 6px 6px 16px 6px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 16px;
    border-radius: 20px 20px 0px 0px;
    background: #FFF;
    margin: 0 auto;
}

.card-google__image {
    display: flex;
    justify-content: space-between;
    gap: 2px;
}

.card-google__image-photo,
.card-google__image-map {
    width: 50%;
    object-fit: cover;
    height: 120px;
    flex: 1 0 0;
    border-radius: 14px;
}

.card-google__content {
    padding: 0 6px;
    width: 100%;
}

.card-google__title {
    color: #0D1012;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 100% */
    margin-bottom: 6px;
}

.card-google__buttons {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 8px;
}

.card-google__button {
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    border: 1px solid #E5E5E5;
    background: #F5F5F5;
    color: #0D1012;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 114.286% */
}

.card-google__reviews {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

.card-google__rating {
    color: #97989A;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-google__stars {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-google__link {
    color: #4033B0;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.card-google__description {
    color: #97989A;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.card-google__detail {
    color: #0D1012;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0px !important;
}

.active-after .card-google__link,
.active-after .card-google__rating {
    color: #fff;
}


.get-followers {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media (max-width: 768px) {
    #social-jumbotron {
        background: none;
    }

    .follower-buy.follower-list {
    padding: 0px;
    margin-top: 0px;
    }

    .dashboard .get-followers {
    background: transparent;
    }

    #social-jumbotron .get-followers {
    background: transparent;
    padding-top: 0px;
    }
}

/* style form */
.form-container {
    border-radius: 10px;
    max-width: 703px;
    ;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
}

.form-container .form {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.form-container .form-group {
    flex: 1 1 calc(50% - 24px);
    display: flex;
    width: calc(50% - 24px);
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 0px;
    gap: 8px;
}

.form-container .reviewsform-url {
    flex: 1 1 calc(100% - 24px);
}

.form-container .form-group.form-group-full {
    flex: 1 1 100%;
    width: 100%;
}

.form-container label {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.32px;
}

.form-group__label-title {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    position: relative;
    justify-content: space-between;
}

.form-group__label-title p {
    font-family: GT Walsheim Pro;
    font-size: 12px;
    font-weight: 500;
    line-height: 11.45px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #277DFF;
    background: #277DFF33;
}

.reviews-label:focus+.label-description,
.reviews-label:hover+.label-description {
    display: block;
}

.trustpilotlabel-url:focus+.label-description,
.trustpilotlabel-url:hover+.label-description {
    display: block;
}

.form-group__label-title .label-description, .reviewsform-url .label-description {
    font-family: "GT Walsheim Pro" !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 13.74px;
    text-align: left;
    padding: 12px;
    position: absolute;
    left: -102px;
    bottom: 22px;
    max-width: 330px;
    width: 100%;
    color: rgb(255 255 255 / 90%);
    border-radius: 10px;
    display: none;
}

.form-group__label-title .label-description::after, .trustpilotlabel-url .label-description::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 30px;
    border-width: 6px;
    border-style: solid;
    border-color: #15181C transparent transparent transparent;
}

.form-group__label-title .label-description span, .reviewsform-url .label-description span {
    color: #E89B21;
    font-weight: 700;
}

.form-group__label-url {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.label-sample-url {
    max-width: 102px;
    padding: 6px 8px 6px 8px;
    border-radius: 8px;
    background: #277DFF;
    display: flex;
    align-items: center;
    gap: 5px;
}

.label-sample-url span {
    font-family: GT Walsheim Pro !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 11.45px;
    text-align: center;
    color: #fff;
}


.enter-one-review {
    max-width: fit-content;
    width: 100%;
    height: 23px;
    padding: 6px 8px 6px 8px;
    gap: 6px;
    border-radius: 8px;
    display: flex;
    text-align: left;
    align-items: center;
}

.form-container input,
.form-container select,
.form-container textarea {
    display: flex;
    padding: 14px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.form-container .form-group textarea {
    resize: none;
    height: 100px !important;
    align-items: flex-start;
}

.form-container button {
    display: flex;
    width: 100%;
    padding: 16px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 123456px;
    border: 1px solid rgba(80, 222, 145, 0.50);
    background: rgba(80, 222, 145, 0.80);
    transition: transform 0.3s ease;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.form-container button:hover {
    transform: translateY(-2px);
}

.form-container .select2-container.select2-container--custom-theme  .select2-selection--single {
    padding: 17px 14px;
    background-color: rgba(255, 255, 255, 0.05);
    font-family: "GT Walsheim Pro" !important;
}
.select2-container--custom-theme {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
}
.select2-container--custom-theme.select2-container {
    margin-top: 6px;
}
.select2-container--custom-theme .select2-results__options {
    padding: 16px 16px 16px 14px;
}
.select2-container--custom-theme .select2-results__option{
    padding: 5px 8px;
    border-radius: 6px;
    margin-bottom: 12px;
    font-family: GT Walsheim Pro !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    text-align: left;
}
.select2-container--custom-theme .select2-results__option:last-child {
    margin-bottom: 0px;
}
.select2-container.select2-container--custom-theme  .select2-selection--single .select2-selection__rendered {
    color: #888888;
    font-family: GT Walsheim Pro !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
    text-align: left;
}
.select2-container--custom-theme .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 0px;
    right: 12px;
    width: 20px;
}
.select2-container--custom-theme .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; 
    }
    .select2-container--custom-theme  .select2-dropdown {
        background: #24262A;
        border-radius: 10px!important;
        border-color: transparent;
    }
    .select2-container--custom-theme ul.select2-results__options>li {
        color: #fff;
    }
    .select2-container--custom-theme ul.select2-results__options>li:hover,
    .select2-container--custom-theme ul.select2-results__options>li[aria-selected="true"] {
        background: #121517;
    }
.form-container .form-group {
    justify-content: inherit;
}

@media screen and (max-width: 768px) {
    .selection-custom {
    margin: 0px;
    }

    .form-container .form {
    flex-direction: column;
    }

    .form-container .form-group {
    flex: 1;
    width: 100%;
    }

    .form-container label {
    font-size: 15px;
    }

    .form-group__label-title .label-description {
    left: 0px;
    max-width: 203px;
    }

    .form-group__label-title .label-description::after {
    right: 68px;
    }
}
.follower-form .choose-follower .follower-check-label {
    padding: 12px;
}

.follower-form .choose-follower .follower-check-input:checked+.follower-check-label::after {
    top: 0px;
    left: inherit;
    right: 3px;
}
.mobile-menu.show{
    display: none;
}
@media(max-width: 767px) {
    .follower-buy {
    padding-top: 127.5px;
    margin-top: -101.5px;
    }

    .follower-buy.acvite {
    padding-top: 187.5px;
    margin-top: -179.5px;
    }

    .get-url-tn {
    margin-right: 16px;
    }
    .free-box-form .get-url-tn {
      margin-right: 0px;
    }
    .follower-form .choose-follower .follower-check-label {
    justify-content: start;
    }

    .follower-list {
    background: #292929a8;
    }

    .get-url-tn {
    position: relative;
    z-index: 2;
    }

    .header-section .close-sample-url i {
        color: #fff;
    }

    .tn-jumbotron .get-followers {
        position: relative;

        z-index: 2;
        background: linear-gradient(180deg, rgb(66 65 65 / 14%) 0%, rgb(74 74 74 / 26%) 100%);
    }

    .tn-jumbotron:before {
        top: 20% !important;
        pointer-events: none;
        background-position: right;
        z-index: 0;
        display: none;
    }

    /* #social-jumbotron {
        background-image: url(https://storage.perfectcdn.com/0a268b/qcr5se08ww612zbh.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: right top;
        margin: 0;
        padding-top: 20px;
  } */

}

/* Profile Card */
.profile-card {
    border-radius: 20px 20px 0px 0px;
    background: #FFF;
    text-align: center;
    padding-top: 32px;
    max-width: 405px;
    width: 100%;
    color: #000;
    margin: 0 auto;
}

.profile-card__header {
    aspect-ratio: 1/1;
    max-width: 88px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.profile-card__image {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.profile-card__username {
    color: #0D1012;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 24px;
}

.profile-card__stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-bottom: 8px;
}

.profile-card__stat {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.profile-card__number {
    color: #0D1012;
    font-size: 16px;
    font-family: "GT Walsheim Pro" !important;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.profile-card__number.active-after {
    border-radius: 8px;
    background: #00A66B;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 10px;
    color: #FFF;
}

.profile-card__label {
    color: #0D1012;
    font-family: "GT Walsheim Pro" !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.profile-card__actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 16px;
    padding: 0px 16px;
}

.profile-card__button {
    display: flex;
    padding: 12px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 8px;
    background: #F1F1F1;
    color: #0D1012;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.profile-card__arrow {
    border-radius: 8px;
    display: flex;
    padding: 12px 10px;
    justify-content: center;
    align-items: center;
    background: #F1F1F1;
    gap: 10px;
}

.profile-card__button--subscribe {
    background: #F73052;
    color: #fff;
    font-weight: bold;
}

.profile-card__button--message {
    background-color: #e4e4e4;
    color: #000;
}

.profile-card__toolbar ul {
    display: flex;
    max-width: 405px;
    width: 100%;
    margin-bottom: 0px;
    justify-content: space-between;
    align-items: center;
    padding: 0px !important;
}

.profile-card__toolbar ul li {
    display: flex;
    max-width: 130px;
    width: 33%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .social__list {
    max-width: 340px;
    width: 100%;
    overflow-x: scroll;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: start;
    }

    .social__item {
    display: flex;
    gap: 4px;
    }

    .social__item span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    }

    .profile-card {
    border-radius: 20px;
    }

    .old-price-tn {
        font-size: 12px;
    }

    .new-price-tn {
        font-size: 21px;
    }

    .card-google {
        border-radius: 20px;
    }
	.update-after-before .toggle,
    .toggle {
        max-width: 335px;
        width: 100%;
    }
	.update-after-before .toggle__button,
    .toggle__button {
        width: 100%;
        max-width: 100%;
    }
}

/* end  move style page google review to  common file */
.form-group__label-url {
position:relative
    
}
.form-group__label-url label:hover+.label-description {
    display:block
}
/* -- start update home page */
.btn-blue {
    border: none!important;
}
.started-content-up-column-cart svg {
    width: 32px;
    height: 32px;
    fill: white;
}

.started-content-up-column-cart-titles__title {
    color: var(--white-color);
    text-align: center;
    font-family: var(--font-welsh);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.started-content-up-column-cart-titles__description {
    color: var(--white-color);
    text-align: center;
    align-self: stretch;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.main-section {
    padding: 15px 0px 42px 0px;
}
.main-section.main-section-smm {
    position: relative;
}
.main-section::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 868px;
    background-image: url(https://storage.perfectcdn.com/0a268b/7tq9o0d8uohbifw9.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
.main-section__container {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

.main-section__content {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.main-section__content-left {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.main-section__header {
    margin-bottom: 16px;
}

.main-section__title {
    font-family: GT Walsheim Pro !important;
    font-size: 46px;
    font-weight: 700;
    line-height: 57.5px;
    text-align: left;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 12px;
}

.main-section__description {
    font-family: "GT Walsheim Pro" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #AEAEAE;
    margin-bottom: 0px;
    width: 89%;
}

.main-section__description span {
    font-weight: 700;
    color: #FFBE27;
}

.main-section__likes {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
    white-space: nowrap;
}

.main-section__like {
    display: flex;
    align-items: center;
    gap: 8px;
}
.main-section__likes p {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}
.main-section__likes p span {
    font-size: 14px;
    color: #22C55E;
}
.main-section__time {
    display: flex;
    align-items: center;
    gap: 6px;
}

.main-section__features {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 16px;
}

.main-section__feature-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.main-section__icon-box {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.main-section__feature-text {
    color: #DAE9FF;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.main-section__email {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.main-section__email-input {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 16px;
    border-radius: 12px 0px 0px 12px;
    border: 1px solid var(--Black-2, #202026);
    background: #15181C;
    max-width: 245px;
    width: 100%;
}

.main-section__email-input input {
    border: none;
    background: none;
    margin-right: 10px;
    outline: none;
    flex: 1;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #FFF;
    width: 100%;
}

.main-section__email-button {
    display: flex!important;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 12px 12px 0px;
    max-width: 260px;
    white-space: nowrap;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.30);
    background:  #277DFF;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.main-section__email-button:hover {
    position: relative;
    background: #277DFF;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.main-section__email-button:hover::after {
    content: "";
    display: block;
    width: 180px;
    height: 56px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.main-section__email-button span {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
    margin-right: 12px;
}
.main-section__email-button svg {
    height: 30px;
    width: 30px;
}    
.main-section__rating {
    display: flex;
    align-items: center;
    gap: 40px;
}
.main-section__rating-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.main-section__rating-left-item {
    border-radius: 32px;
    border: 1px solid var(--Border, #202026);
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    width: 32px;
    height: 32px;
    margin-right: -26px;
}
.main-section__rating-left-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-section__rating-left-item:last-child {
    background-color:  #277DFF;
    width: 32px;
    height: 32px;
    color: #FFF;
    font-family: "GT Walsheim Pro" !important;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}


.main-section__rating-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}
.main-section__rating-right p {
    color: #FFF;
    font-family: "GT Walsheim Pro" !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 0px;
}
.main-section__rating-right-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.main-section__rating-video {
    height: 42px;
    z-index: 9999;
    display: flex;
    position: relative;
    cursor: pointer;
    margin-left: -20px;
}


.main-section__content-right {
    width: 55%;
    text-align: center;
    position:relative;
}
.main-section__content-play {
    background-image: url(https://storage.perfectcdn.com/0a268b/wxuwd6fiim21zbu8.svg);
    background-repeat: no-repeat;
    width: 118px;
    height: 118px;
    z-index: 9999;
    display: flex;
    top: 75%;
    left: 50%;
    position: relative;
    backdrop-filter: blur(32px);
    border-radius: 50%;
    overflow: hidden;
    transform: translateX(-50%);
}
.main-section__image {
    border-radius: 10px;
    width: inherit;
    height: 725px;
    position: absolute;
    right: -90px;
    bottom: -200px;
    object-fit: contain;

}

.stats-section {
    padding-top: 50px;
}

.stats-section__container {
    max-width: 1280px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}

.stats-section__list::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://storage.perfectcdn.com/0a268b/9um3i59w7bo2wpbh.svg);
    background-repeat: no-repeat;
    pointer-events: none;
}
.stats-section__list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(36, 38, 42, 0.10);
    backdrop-filter: blur(64px);
    position: relative;
    display: flex;
    padding: 56px 0px;
    align-items: flex-start;
    align-self: stretch;
    margin-top: -28px;
}

.stats-section__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    padding: 0px 10px;
}
.stats-section__item {
    border-right: 2px solid rgba(255, 255, 255, 0.05);
}
.stats-section__item:last-child {
    border-right: none;
}
.stats-section__value {
    color: #FFBE27;
    font-family: "GT Walsheim Pro"!important;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    margin-bottom: 0px;
}

.stats-section__label {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; 
    text-transform: uppercase;
    margin-bottom: 0px;
}

.home__benefits .benefits-content-column-cart__description {
    color: #AEAEAE;
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.home__benefits .benefits-content-column-cart:before {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background:  #277DFF;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.home__benefits .benefits-content-column-cart:hover .line {
    background: #ffff;
}
.home__benefits .benefits-content-column-cart:hover .benefits-content-column-cart__description,
.home__benefits .benefits-content-column-cart:hover .benefits-content-column-cart__title {
    color: #ffff;
}
.media-section {
    display: flex;
    padding: 16px 100px 40px 100px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
} 
.media-section .media-section__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0px; 
    /* text-transform: uppercase; */
    padding: 0 20px;
}
.media-section__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 52px;
    overflow-x: auto;
    scroll-behavior: smooth; 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    width: 100%;
}
.media-section__logos .media-section__logo img {
    max-width: inherit;
}
.media-section__logos::-webkit-scrollbar {
    display: none;
}

.home__benefits .benefits-content {
    padding-top: 80px;
}
.home-reviews .container,
.home-works .container,
.home__started .container,
.home__benefits .container {
    max-width: 1280px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
.home__benefits .benefits-content-column-cart {
    gap: 12px;
}
.home__benefits .benefits-content-column-cart__title {
    white-space: normal;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%; 
}
.home__started .started-content {
    padding-top: 74px;
    padding-bottom: 78px;
    gap: 64px;
}
.home__started .started-content-up-titles__subtitle {
    color: var(--Gray, #666);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.home__started .started-content-up-column-cart-titles__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */
}
.home__started .started-content-up-column-cart-titles__description {
    color: var(--Gray, #666);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
}
.home__started .started-content-buttons p {
    text-transform: lowercase;
    font-size: 14px;
    margin-bottom: 0px;
    color: #666;
}
.home__started .started-content-up-column-cart {
    padding: 0px;
    width: 100%;
}
.home__started .started-content-up-column-cart:hover {
    background: none;
    text-decoration: none;
}
.home-works .works-content-main__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro" !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}
.home-works .works-content-main-column-cart {
    border-color: transparent;
}
.home-start__button {
    height: 42px;
    padding: 12px 24px 12px 24px;
    gap: 10px;
    font-size: 16px;
    border-radius: 32px;
    border: 2px solid #FFFFFF80;
    opacity: 0px;
    color: #fff;
    font-family: GT Walsheim Pro!important;
}
.home-start__button--login {
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #15181C;
}
.home-start__button.home-start__button--login.btn-blue {
    background: #277DFF;
    color: #fff;
}
.home-start__button.home-start__button--login {
    color: #666;
}
.home-start__button:hover {
    text-decoration: none;
    background: #277DFF;
    border-color: transparent;
    color: #fff!important;
}
.home-works {
    margin-bottom: 80px;
}
.home-works .works-content-main-column-cart__number {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 104px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; 
}
.home-reviews .reviews-content {
    gap: 64px;
}
.home-reviews .reviews-content-column-cart-icon {
    border-radius: 10px;
}
.home-reviews .content-title.reviews-content__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}
.reviews-content-column-cart-titles__description {
    max-width: 80%;
}
.home-reviews .reviews-content-headlines__title {
    font-family: GT Walsheim Pro!important;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
}
.home-reviews .reviews-content-container-list-item-content-up__title {
    color: #FFF;
    font-family: "Space Grotesk"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}
.home-reviews .reviews-content-container-list-item-content__description:-webkit-scrollbar {
    display: none;
}
.home-reviews .reviews-content-container-list-item-content__description {
    color: #FFF;
    font-family: Inter !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    height: 250px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.home-reviews .reviews-content-container-list-item-customer-info-data__name {
    color: #FFF;
    font-family: Inter!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}
.home-reviews .reviews-content-headlines__subtitle {
    color: #666666;
    font-family: GT Walsheim Pro!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    width: 89%;
}
.home-reviews .reviews-content-headlines {
    gap: 12px;
}
.home-reviews .reviews-content-column-cart-titles__title {
    color: #FFF;
    text-align: center;
    font-family: GT Walsheim Pro!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
}
.home-reviews .reviews-content-column {
    align-items: center;
}
.home-reviews.reviews {
    z-index: 2;
}
.home-reviews .reviews-content-container-list-item {
    height: 404px;
    justify-content: space-between;
    background: #15181C;
    border-color: transparent;
}
.home-reviews .reviews-content-column-cart-titles__description {
    color: var(--Gray, #666);
    text-align: center;
    font-family: GT Walsheim Pro!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
#info.home-info {
    padding-top: 40px;
}
#info.home-info:before {
    background-size: cover;
    background-image: url(https://storage.perfectcdn.com/0a268b/67zsu757bmb3k8t9.png);
    z-index: -1;
    top: 25%;
    height: 1000px;
}
.btn-info-home {
    max-width: 200px;
    width: 100%;
    height: 42px;
    padding: 12px 24px 12px 24px;
    gap: 6px;
    border-radius: 32px;
    opacity: 0px;
    color: #fff;
    background: #277DFF;
    font-family: GT Walsheim Pro!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.32px;
    display: flex!important;
}
.btn-info-home:hover {
    position: relative;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.btn-info-home:hover::after {
    content: "";
    display: block;
    width: 180px;
    height: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.btn-info-home svg {
    width: 100%;
    height: 100%;
    stroke: transparent;
}
.home-info .info-content-titles__description {
    font-family: Inter!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #AEAEAE;
    max-width: 75%;
}
.home-info .info-content {
    margin-bottom: 0px;
}
/* start FAQ new style */
.home-faq {
    padding-bottom:80px;
}
.faq__container.container {
    max-width: 1280px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
.faq__box {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    padding-top: 12px;
}
.faq__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}

.faq__tabs {
    display: flex;
    max-width: 219px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.faq__tab {
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 32px;
    background: #15181C;
    display: flex;
    padding: 12px 20px;
    align-items: center;
    justify-items: center;
    gap: 12px;
    color: #666;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; 
    letter-spacing: -0.112px;
    width: 100%;
    position: relative;
}
.faq__tab svg {
    display: none;
}
.faq__tab:hover,
.faq__tab--active {
    background: #277DFF;
    color: #fff;
}
.faq__tab:hover svg,
.faq__tab--active svg{
    display: block;
}

.faq__contents {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
    width: 100%;
}

.faq__panel {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.faq__panel--active {
    display: flex;
}

.faq__item {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 24px;
    background: #15181C;
    cursor: pointer;
}
.faq__content {
    position: relative;
}
.faq__content::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    background: url('https://storage.perfectcdn.com/0a268b/5znolnb1yb92rqs4.svg') no-repeat center;
    background-size: contain;
    transform: translateY(-50%);
    height: 10px;
    width: 14px;
}
details[open].faq__item .faq__content::after {
    transform: translateY(-50%);
    background: url('https://storage.perfectcdn.com/0a268b/bx681gx0q8dnchn9.svg') no-repeat center;
}
details[open].faq__item { 
    gap: 16px;
}
.faq__item:last-child {
    border-bottom: none;
}

.faq__description p,
.faq__description {
    color: #666;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    padding-left: 28px;
}
.faq__description p{
    padding-left: 16px;
}
.faq__description:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #666;
    height: 100%;
    left: 8px;
    top: 0;
}
.faq__description ol {
    list-style-type: decimal;
    padding-left: 15px;
}
.faq__description ul {
    list-style-type: disc;
    padding-left: 15px;
}
.faq__content {
    display: flex;
    /* align-items: center; */
    gap: 8px;
    width: 100%;
}
.faq__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq__question {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; 
    letter-spacing: -0.112px;
    width: 89%;
}

.faq__content-icon {
    transform: rotate(180deg);
}
@media (max-width: 768px) { 
    .faq__box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
    .faq__tabs {
        max-width: 100%;
    }
        
    .faq__tab {
        text-align: center;
        justify-content: center;
        gap: 8px;
    }
   
    .faq__question  {
        width: 85%;
    }
}
/* end FAQ new style */
@media only screen and (max-width: 768px) { 
    .main-section {
        padding: 24px 0;
    }

    .main-section::before {
        height: 120%;
        background-image: url(https://storage.perfectcdn.com/0a268b/537jeuitu8kld5jw.png);
    }
    .main-section__container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .main-section__content {
        flex-direction: column;
    }
    .main-section__content-left {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .main-section__content-left ,
    .main-section__content-right {
        width: 100%;
    }
    .main-section__content-right {
        margin-top: 22px;
    }
    .main-section__header {
        margin-bottom: 16px;
        order: 0;
    }
    
    .main-section__title {
        font-size: 36px;
        font-weight: 700;
        line-height: 125%;
        text-align: center;
        width: 89%;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    
    .main-section__description {
        font-size: 16px;
        line-height: 140%;
        text-align: center;
        width: 100%;
    }
    
    .main-section__description span {
        font-size: 16px;
        line-height: 140%;
    }
    
    .main-section__likes {
        gap: 0px;
        justify-content: space-between;
        margin: 0 auto;
        order: 1;
    }
    .main-section__features {
        order: 2;
        margin-bottom: 0px;
    }
    .main-section__like {
        display: flex;
        align-items: center;
        gap: 8px;
    }


    
    .main-section__feature-text {
        font-weight: 500;
    }
    
    .main-section__email {
        flex-direction: column;
        width: 100%;
    }
    
    .main-section__email-input {
        width: 100%;
        max-width: 100%;
        border-radius: 12px 12px 0px 0px;
    }
    
    .main-section__email-input input {
        font-size: 18px!important;
        font-weight: 500;
    }
    
    .main-section__email-button {
        width: 100%;
        max-width: 100%;
        border-radius: 0px 0px 12px 12px;
    }
    .main-section__email-button span {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.4px;
    }
    .main-section__likes p {
        font-weight: 400;
    }
    .main-section__content-play {
        width: 89px;
        height: 89px;
        background-size: contain;
        position: absolute;
        top: 52%;
    }
    .main-section__email-button svg {
        height: 30px;
        width: 30px;
    }    
    .main-section__rating {
        margin: 0 auto;
        order: 2;
    }
    .main-section__rating-left {
    }

    .main-section__rating-left-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .main-section__rating-left-item:last-child {
    
    }
    
    .main-section__image {
        max-width: 100%;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        position: relative;
        object-fit: cover;
        top: 0;
        right: 0;
    }
    
    .stats-section {
        margin-top: -46px;
        margin-bottom: 16px;
        padding-bottom: 40px;
        position: relative;
    }

    .stats-section__list {
        flex-direction: column;
        gap: 0px;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin-top: -132px;
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        background: rgba(255, 255, 255, 0.07);
        backdrop-filter: blur(64px);
    }
    .stats-section__item {
        padding: 15px 0;
        width: 100%;
        border-bottom: 2px solid rgba(255, 255, 255, 0.05);
    }
    .stats-section__item:last-child {
        border-bottom: none;
    }
    .stats-section__list {
        margin-top: -96px;
    }
    .home-info .content-title.info-content-titles__title {
        max-width: 168px;
        width: 100%;
        aspect-ratio: 168/40;
    }
    .home-info .content-title.info-content-titles__title img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .media-section__title {
        color: #FFF;
        text-align: center;
        font-family: "GT Walsheim Pro"!important;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; 
    }
    .media-section {
        padding: 6px 0px 30px 0px;
    }
    .media-section__logo {
        flex: 0 0 auto;
        width: 120px;
        height: auto;
    }
    .media-section__logos {
    justify-content: flex-start; 
    }
    .home__benefits .benefits-content {
        padding-top: 60px;
    }
    .home__benefits .benefits-content .content-title {
        font-size: 24px;
    }
    .home__benefits .benefits-content-column-cart svg {
        width: 35px;
        height: 35px;
    }
    .home__benefits .benefits-content-column-cart {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .home__benefits .benefits-content-column-cart__title {
        font-size: 14px;
        line-height: 17.5px;
        font-style: normal;
        white-space: pre-line;
        display: block;
        text-align: center;
    }
    .home__benefits .benefits-content-column {
        margin-top: 12px;
    }
    .home__benefits .benefits-content-column-cart {
        border-radius: 20px;
        padding: 24px;
        gap: 12px;
        border: 1px solid var(--Glow-border, rgba(255, 255, 255, 0.30));
        background: var(--Substrate-2, #15181C);
    }
    .home__benefits .benefits-content-column-cart__description {
        display: none;
    }
    .home__started .started-content {
        padding-top: 30px;
        padding-bottom: 65px;
        gap: 32px;
    }
    .home__started  .started-content-up-titles__subtitle {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; 
    }
    .home__started  .started-content-up-column {
        margin-top: 32px;
        gap: 32px;
    }
    .home__started .started-content-up-column-cart {
        padding-bottom: 32px;
    }
    .home__started  .content-title {
        font-size: 24px;
    }
    .home-works .works-content-main-column-cart__description {
        font-size: 16px;
        line-height: 24px;
    }
    .home-works .works-content-main-column-cart img {
        height: 209px;
        width: 100%;
        object-fit: contain;
    }
    .home-works {
        margin-bottom: 60px;
    }
    .home-reviews .content-title.reviews-content__title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; 
    }
    .home-reviews .reviews-content-column-cart-titles__title {
        font-size: 20px;
        font-weight: 600;
        line-height: 150%; 
    }
    .home-reviews .reviews-content {
        gap: 32px;
    }
    .home-reviews .reviews-content-column {
        gap: 32px;
        margin-bottom: 32px;
    }
    .home-reviews .reviews-content-headlines__title {
        font-size: 24px;
        line-height: 24px; /* 100% */
    }
    .home-info .info-content-titles__description {
        max-width: 100%;
    }
    .home-info .info-content-text {
        margin-bottom: 14px;
        margin-top: 15px;
    }
    .home-faq {
        padding-top: 20px;
    }
}

/* --start section social-results */
.home-social-results.social-results {
padding-top: 40px;
    margin: 0px;
}

.home-social-results.social-results .started-content-up-titles {
gap: 12px;
}
.home-social-results .social-content {
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(13, 16, 18, 0.07) 0%, rgba(36, 38, 42, 0.07) 100%);
}
.home-social-results .social-page {
    margin-top: 42px;
    border-radius: 0px 0px 10px 10px;
    box-shadow:
    inset -1px 0 rgba(255, 255, 255, 0.07),
    inset 1px 0 rgba(255, 255, 255, 0.07), 
    inset 0 -1px rgba(255, 255, 255, 0.07); 
}
.home-social-results .social-buttons {
    max-width: 249px;
    padding: 4px;
    width: 100%;
    height: auto;
    background: #15181C;
    border: none;
}
.home-social-results .social-buttons .before,
.home-social-results .social-buttons .after {
    flex: 1;
    text-align: center;
    box-shadow:none;
}
.home-social-results .social-buttons .before button,
.home-social-results .social-buttons .after button{ 
    color: #666666;
}
.home-social-results .social-buttons button:hover,
.home-social-results .social-buttons .before.social-aboutactive button,
.home-social-results .social-buttons .after.social-aboutactive button{
    color: #fff;
}
.home-social-results.social-results .started-content-up-titles__title {
width: 50%;
margin: 0 auto;
color: #FFF;
text-align: center;
font-family: "GT Walsheim Pro"!important;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 32px; 
}

.home-social-results.social-results .started-content-up-titles__subtitle {
width: 68%;
max-width: 100%;
color: #666;
text-align: center;
font-family: "GT Walsheim Pro"!important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}

.home-social-results.social-results .started-content-up-titles__start {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}

.home-social-results.social-results .started-content-up-titles__start span {
font-family: GT Walsheim Pro !important;
font-size: 16px;
font-weight: 500;
line-height: 18.32px;
}

.home-social-results.social-results .social-content-tags {
margin: 5px 0px;
    padding: 0px;
    justify-content: center;
    display: block;
}

.home-social-results.social-results .social-growth-box {
margin-top: 30px;
max-width: 405px;
width: 100%;
background: #24262A;
}
.home__started  .content-title.started-content-up-titles__title {
    color: #FFF;
    text-align: center;
    font-family: GT Walsheim Pro !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}
.home__started  .started-content-up-column-cart svg {
    width: auto;
    height: auto;
}
.home-social-results.social-results .social-avatar img {
width: 88px;
height: 88px;
}

.home-social-results.social-results .social-name {
text-align: center;
width: 100%;
}

.home-social-results.social-results .social-name span {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px;
}

.home-social-results.social-results .insta-row {
margin-top: 15px;
max-width: 373px;
width: 100%;
justify-content: space-between;
}

.home-social-results.social-results .social-stats {
margin-top: 0px;
}

.home-social-results.social-results .social-numbers {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
}

.home-social-results.social-results .social-likes span,
.home-social-results.social-results .social-followers span {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px;
}

.home-social-results.social-results .social-likes span:last-child,
.home-social-results.social-results .social-followers span:last-child {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}

.home-social-results.social-results .social-likes span {
font-weight: 500;
}

.home-social-results.social-results .social-likes {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
}

.home-social-results.social-results .insta-info {
margin-top: 16px;
max-width: 373px;
width: 90%;
}

.home-social-results.social-results .insta-name {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
}

.home-social-results.social-results .insta-desc {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.home-social-results.social-results .insta-web {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.home-social-results.social-results .social-btn {
max-width: 373px;
width: 100%;
margin-top: 16px;
justify-content: center;
}

.home-social-results.social-results .insta-btn button {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
}

.home-social-results.social-results .btn-message button {
color: #FFF;
font-family: "GT Walsheim Pro"!important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}

.home-social-results.social-results .arrwo {
padding: 4px 10px;
}

.home-social-results.social-results .insta-toolbar {
margin-top: 14px;
max-width: 405px;
width: 100%;
}

.home-social-results.social-results .insta-toolbar ul li {
padding: 6px;
width: 33%;
}

.home-social-results.social-results .before button,
.home-social-results.social-results .after button {
font-family: GT Walsheim Pro !important;
font-size: 16px;
font-weight: 700;
line-height: 16px;
width: 100%;
}
.home-social-results.social-results .social-content-tags nav {
    gap: 16px;
}
.home-social-results.social-results .social-tag {
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 32px;
    background: #15181C;
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    border: none;
}
.home-social-results.social-results .social-tag.tag-active {
    background: #FFFFFF;
    color: #0D1012;
}

.home-social-results.social-results .social-tag:hover {
    background: #15181C;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}

@media (max-width: 768px) {
    .social-results .container {
        padding: 0 20px;
    }

    .home-social-results.social-results {
        padding-top: 24px;
    }

   
    .home-social-results.social-results .insta-info {
        width: 100%;
    }

    .home-social-results.social-results .insta-row {
        width: 100%;
        justify-content: space-between;
    }

    .insta-row .social-avatar {
        margin-right: 0px;
    }

    .home-social-results.social-results .started-content-up-titles__title {
        font-size: 24px;
    }

    .home-social-results.social-results .started-content-up-titles__subtitle {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        line-height: 21.32px;
        margin-bottom: 24px;
    }
    .home-social-results .social-page {
        margin-top: 30px;
        box-shadow: none;
    }
    .home-social-results.social-results .started-content-up-titles__start {
        gap: 8px;
    }

    .home-social-results.social-results .social-tag {
        white-space: nowrap;
    }

    .home-social-results.social-results .tag-active {
        background: #FFF;
        color: #0D1012;
    }

    .home-social-results.social-results .social-buttons {
        width: 100%;
        max-width: 335px;
        height: 54px;
        border-color: transparent;
    }

    .home-social-results.social-results .before,
    .home-social-results.social-results .after {
        width: 100%;
        text-align: center;
        background: #15181C;
        border-radius: 83px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .home-social-results .social-content-tags nav {
        max-width: 100%;
        width: 100%;
    }
    .home-social-results.social-results .social-avatar img {
        width: 48px;
        height: 48px;
    }


    .home-social-results.social-results .social-growth-box {
        width: 100%;
        max-width: 314px;
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        align-items: flex-start;
        border-radius: 10px;
        margin-top: 36px;
    }
    .home-social-results.social-results .social-btn {
        width: 100%;
    }
    .home-social-results.social-results .btn-message button,
    .home-social-results.social-results .btn-start-growth button {
        width: 100%;
    }
    .home-social.social-results .btn-start-growth .insta-btn,
    .home-social.social-results .btn-message {
        flex: 1;
    }

    .home-social-results.social-results .arrwo {
        display: flex;
        align-items: center;
    }

    .home-social-results.social-results .insta-toolbar ul {
        justify-content: flex-start;
    }
    .home-social-results.social-results .social-stats {
        gap: 26px;
    }
    .faq__title {
        color: #FFF;
        text-align: center;
        font-family: "Space Grotesk"!important;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; 
    }
    ul.topbar-list li {
        color: var(--Pure-colors-White, #FFF);
        font-family: "Space Grotesk"!important;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px; 
    }
    #info.home-info:before {
        background-image: url(https://storage.perfectcdn.com/0a268b/dhh1fh57fwicj9aj.png);
    }
    .home-social-results.social-results .social-tag:focus ,
    .home-social-results.social-results .social-tag:hover {
        background: #FFFFFF;
        color: #0D1012;
    }
}

  
@media only screen and (min-width: 768px) and (max-width: 1189px) { 
    .main-section__image {
        object-fit: initial;
        width: 100%;
        right: -20px;
    }
    .main-section__email {
        flex-direction: column;
    }
    .main-section__email-input,
    .main-section__email-button {
        flex: 1;
        max-width: 100%;
    }
    .main-section__email-input {
        border-radius: 12px 12px 0px 0px ;
    }
    .main-section__email-button {
        border-radius: 0px 0px 12px 12px;
    }
    .main-section__email-button span {
        font-size: 16px;
    }
    .main-section__likes {
        gap: 30px;
    }
    .home__benefits .benefits-content-column-cart {
        flex: 1 1 calc(50% - 16px);
    }
}
/* --end section social-results */
.main-section-box {
    position: relative;
    height: 42px; 
    width: 100%;
    overflow: hidden; 
    border-radius: 12px;
    max-width: 364px;
    width: 100%;
    background: rgba(34, 197, 94, 0.20);
}

.media-logo-box {
    display:flex;
    gap:52px;
    align-items:center;
  	z-index: 99;
}

@keyframes tw-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-100% - 3rem))
    }
}

.tw-animate-scroll {
    animation: tw-scroll 60s linear infinite;
}
/* ---end update home page */
/* ---start update header new */

.header-update .container {
    max-width: 1280px;
    padding: 16px 20px;
    width: 100%;
    margin: 0 auto;
}
.header-update .header-logotype {
    width: 100%;
    height: 100%;
}
.header-update .header-nav {
    gap: 32px;
}
.header-update .header-left {
    gap: 60px;
}
.header-update .header-nav .tn-icon-supmenu {
    height: 18px;
}
.header-update .header-nav li a {
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 0px;
}
.header-update .header-buttons {
    gap: 12px;
}
.header-update .header-right .btn-header {
    display: flex;
    padding: 11px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #15181C;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}
.header-update .header-right {
    gap: 0px;
}
.header-update .header-right .btn-header.btn-blue {
    color: #fff;
    background: #277DFF;
    padding: 13px 18px;
}
.header-update .header-right .btn-header.btn-blue:hover {
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.header-update .header-buttons .btn-bordered:hover {
    color: #fff;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.language-select {
    position: relative;
    font-family: "GT Walsheim Pro"!important;
}

.language-select__button {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 8px 10px;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: #15181C;
}

.language-select__flag {
    width: 18px;
    height: auto;
    margin-right: 6px;
}
.language-select__code {
    margin-right: 2px;
}
.language-select__icon {
    margin-left: auto;
    font-size: 12px;
}

.language-select__list {
    display: none; 
    position: absolute;
    top: 110%;
    left: 0;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: #15181C;
    padding: 8px 0px;
    border-radius: 5px;
    list-style: none;
    width: 100%;
    z-index: 1000;
}

.language-select__item {
    display: flex;
    align-items: center;
    padding: 2px 10px;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease;
}

.language-select__item:hover {
    background: #333;
}

.language-select--open .language-select__list {
    display: block;
}
/* ---end update header new */
/* ---start update footer-update new */
.footer-update .footer__logo-box {
    display: flex;
    align-items: center;
    gap: 16px;
}
.footer-update .footer__payments{
    flex: 1;
    max-width:100%;
}
.footer-update .footer-services {
    border-radius: 6px;
}
.footer-update .footer__nav-item a {
    font-size: 12px;
}
.footer-update .footer__nav {
    justify-content: center;
}
.footer-update .footer__social {
gap: 0px;
}
.footer-update .footer__logo {
    margin-right: 0px;
    width: 33%;
} 
.footer-update .footer__auth {
    margin-bottom: 60px;
    flex: none;
}
@media (min-width: 1200px) {
    .social-results .container {
        padding: 0px;
        max-width: 1280px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .header-update .header-right {
        gap: 12px;
    }
    .header-update .header-right .burgerbox-menu {
        border-radius: 50%;
        background-color: #252627;
        padding: 8px;
        width: 34px;
        height: 34px;
    }
    .header-update .header-right .burgerbox-menu .burger-menu { 
        display: block;
    }
    .header-update .header-right .btn-header {
        padding: 8px 20px;
        border: 1px solid rgba(255, 255, 255, 0.05);
    }
    .header-update .header-right .btn-header.btn-blue {
        padding: 9px 18px;
    }
    .footer-update .footer__logo-box {
        margin-bottom: 20px;
    }
    .header-update .mobile-menu .header-buttons {
        display: none;
    }
    header.header-update.header-sticky {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
    }
    .home-works .container {
        padding: 0 10px;
    }
    .works:before {
        height: 100%;
    }
    .home-works {
        margin-bottom: 0px;
        padding-bottom: 60px;
    }
    .footer-services {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .home-reviews .reviews-content-container-list-item {
        max-height: 404px;
        height: 100%;
    }
    .home-reviews .reviews-content-container-list-item-content__description {
        height: 100px;
    }
}
/* ---end update footer-update new */
/*--- single blog */
.tn-blog-container .social-network .social {
    margin-bottom: 0px;
}
.works-img-mb, .livepreview-img-mb {
    display: none;
}
.content-case-study-tiktok-algorithm-solved .key-tn-sidebar{
    display: none;
}
@media only screen and (max-width: 767px){
    .works-img-pc, .livepreview-img-pc {
        display: none;
    }
    .works-img-mb{
        display: block;
    }
    
    .livepreview-img-mb {
        display: block;
        width: 100%;
    }  
}
/* start smo update tiktok follower  */
.nkl-marketing-services {
    padding-top: 80px;
    padding-bottom: 80px;
}
.nkl-marketing-services__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 32px; */
    align-self: stretch;
    max-width: 1127px;
    padding: 0px 20px;
    width: 100%;
    margin: 0 auto;
}
.nkl-marketing-services__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 100% */
    margin: 0px;
}
.nkl-marketing-services__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 52px;

}
.nkl-marketing-services__list.owl-carousel .owl-stage-outer {
    overflow: hidden !important;
}
.nkl-marketing-services__list.owl-carousel .owl-nav .owl-prev svg path {
    fill: #15181C;
}
.nkl-marketing-services__list.owl-carousel .owl-nav .owl-prev:focus svg path,
.nkl-marketing-services__list.owl-carousel .owl-nav .owl-prev:hover svg path {
    fill: #277DFF;
}

.nkl-card {
    display: flex!important;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    flex-direction: row;
    width: fit-content;
    background: #121517;
    border: 1px solid #202026;
    border-radius: 123456px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
}
.nkl-card:hover {
    text-decoration: none;
    border-radius: 123456px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-3, #24262A);
}
.nkl-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}
.nkl-card__icon img {
    width: 32px!important;
    height: 32px!important;
    object-fit: cover;
}
.nkl-card__rating span{
    font-family: 'GT Walsheim Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    /* Gray */
    color: #666666;
    white-space: nowrap;
}
.nkl-card__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    white-space: nowrap;
}
.nkl-card__title svg {
    margin-bottom: -1px;
}
.nkl-card__rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.nkl-marketing-services__button {
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #15181C;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.nkl-marketing-services__button:hover {
    border-radius: 123456px;
    background: var(--Substrate-2, #15181C);
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
    color: #fff;
}

.nkl-marketing-services__list .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
}
.nkl-marketing-services__list .owl-nav .owl-next { 
    right: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.nkl-marketing-services__list.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
}
@media (max-width: 1300px) {
    .nkl-marketing-services__list {
        gap: 20px;
    }
}
@media (max-width: 1024px) {
    .nkl-marketing-services {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .nkl-marketing-services__content {
        gap: 20px;
        padding: 0 40px;
    }
  
}
@media (max-width: 768px) {
    .nkl-card {
        max-width: 250px;
        width: 100%;
        justify-content: center;
    }
    .after.social-aboutactive .after-note {
        display: none;
    }
    .nkl-marketing-services__list .owl-nav .owl-prev {
        left: 0px;
    }
    .nkl-marketing-services__list .owl-nav .owl-next { 
        right: 0px;
    }
    .nkl-marketing-services__content {
        padding: 0 20px;
    }
}
/* end smo update tiktok follower  */
/* start smo update smm panel  */
.nkl-card-top {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px;
    justify-content: flex-start;
    padding: 8px 0px 8px 8px;
    cursor: pointer;
}
.nkl-card-top:hover {
    text-decoration: none;
}
.nkl-card-drop {
    display: none;
}

.nkl-marketing-services__home.nkl-marketing-services {
    padding-top: 40px;
    padding-bottom: 80px;
}
.nkl-marketing-services__home .nkl-marketing-services__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
  	margin-bottom: 16px;
}
.nkl-marketing-services__home .nkl-marketing-services__content {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.nkl-marketing-services__home .nkl-marketing-services__list {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}
.nkl-marketing-services__home .nkl-card.active::after {
    top: 24px;
    transform: translateY(0%);
    background-image: url(https://storage.perfectcdn.com/0a268b/bx681gx0q8dnchn9.svg);
} 
.nkl-marketing-services__home .nkl-card::after {
    content: "";
    position: absolute;
    background: #666;
    top: 50%;
    transform: translateY(-35%);
    right: 16px;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-image: url(https://storage.perfectcdn.com/0a268b/5znolnb1yb92rqs4.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    pointer-events: none;
}
.nkl-marketing-services__home .nkl-card{
    border-radius: 16px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
    display: flex;
    min-height: 32px;
    padding: 12px;
    align-items: center;
    flex-direction: column;
    max-width: 402.5px;
    display: flex;
    width: 100%;
    position: relative
}

.nkl-marketing-services__home .nkl-card.active .nkl-card-drop {
    display: flex;
}

.nkl-marketing-services__home .nkl-card span {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}
.nkl-card .nkl-card-drop {
    display: none;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    align-self: stretch;
    align-items: stretch;
    padding-top: 12px;
    border-top: 1px dashed var(--Border, #202026);
}
.nkl-card-drop a {
    display: flex;
    padding: 13px 12px;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    max-width: 182px;
    width: 100%;

    border-radius: 12px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-3, #24262A);
}
.nkl-card-drop a:hover {
    border: 1px solid var(--Glow-border, rgba(255, 255, 255, 0.30));
    background: var(--Substrate-3, #24262A);
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
    text-decoration: none;
}

@media only screen and (max-width: 1200px) {
    .nkl-marketing-services__content {
        max-width: 768px;
    }
}
@media only screen and (max-width: 768px) {
    .nkl-card-drop a {
        max-width: 47%;
    }
    .nkl-marketing-services__home .nkl-card {
        max-width: 48%;
    }
    .nkl-marketing-services__content {
        max-width: 680px;
    }
}
@media only screen and (max-width: 663px) {
    .nkl-marketing-services__home .nkl-card {
        max-width: 100%;
    }
}
@media only screen and (max-width: 375px) {
    .nkl-card-drop a {
        max-width: 100%;
    }
}

/* end smo update smm panel  */
/* start style page free instagram followers  */
/* start popup sumbit review */
.reviews .reviews-content {
    gap: 32px;
}

.review-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    width: 100%;
}
.reviews .reviews-content-headlines {
    margin-bottom: 15px;
}
.reviews .content-title.reviews-content-headlines__title {
    margin-bottom: 0px;
}
.reviews .reviews-content-headlines__subtitle {
    color: #FFF;
    text-align: center;
    font-family: Afacad!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.reviews .rating-section {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    gap: 24px;
}
.reviews .stars ,
.popup-overlay-review .stars {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}
.reviews .rating-number ,
.popup-overlay-review .rating-number {
    font-family: GT Walsheim Pro;
    font-size: 20px;
    font-weight: 700;
    line-height: 22.9px;
    color: #277DFF;
}
.reviews .details ,
.popup-overlay-review .details {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviews .details .details-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.reviews .details .details-title p {
    color: #666;
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

.reviews .details .details-title p .bold {
    font-weight: 700;
    color: #ffffff;
}

.reviewers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.reviewers img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: -15px;
}

.reviewers .count {
    background-color: #277DFF;
    color: #ffffff;
    font-weight: bold;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 0px;
    margin-right: -15px;
    font-family: GT Walsheim Pro !important;
    font-size: 14px;
    line-height: 16.03px;
    border: 2px solid #ffffff;
}

.reviews .stars-box {
    max-width: 197px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 123456px;
    background: rgba(39, 125, 255, 0.20);
}
.reviews .stars svg,
.popup-overlay-review .stars svg{
    color: #277DFF;
    transition: color 0.3s ease;
}
.reviews .stars svg:hover,
.popup-overlay-review .stars svg:hover{
    color: #0056b3;
}

.reviews .submit-review {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 9999px;
    border: 2px solid #277DFF;
    background-color: transparent;
    height: 47px;
    max-width: 261px;
    width: 100%;
    cursor: pointer;
}

.reviews .submit-review span {
    color: #277DFF;
    font-family: GT Walsheim Pro !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 22.9px;
}

.reviews .submit-review:hover {
    opacity: 0.8;
    scale: 1.05;
}

.reviews .submit-review svg {
    margin-bottom: 4px;
}

/* Popup overlay */
.popup-overlay-review {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    backdrop-filter: blur(8px);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}


/* Popup content */
.popup-content-review {
    padding: 40px 60px;
    max-width: 512px;
    width: 100%;
    border-radius: 24px;
    border: 1px solid #202026;
    background: #121517;
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.popup-content-review h2 {
    color: var(--White, #FFF);
    font-family: GT Walsheim Pro !important;
    font-size: 42px;
    font-weight: 700;
    line-height: 48.09px;
    text-align: center;
    margin-bottom: 32px;
    white-space: nowrap;
}

.close-popup-review {
    position: absolute;
    top: 26px;
    right: 26px;
    background: transparent;
    border: none;
    cursor: pointer;
}

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

.form-review label {
    font-family: GT Walsheim Pro !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 20.61px;
    margin-bottom: 0px;
    text-align: left;
    color: var(--White, #FFF);
}

.form-review input,
.form-review .stars,
.form-review textarea {
    width: 100%;
    border: 1px solid #202026;
    background: #15181C;
    max-width: 392px;
    height: 50px;
    width: 100%;
    padding: 16px 14px 16px 14px;
    gap: 8px;
    border-radius: 10px;
    color: #666666;
    font-family: GT Walsheim Pro !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.32px;
}

.form-review .stars {
    cursor: pointer;
}

.form-review textarea {
    height: 120px!important;
    margin-bottom: 16px;
}

.form-review .submit-btn {
    font-family: GT Walsheim Pro !important;
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 22.9px!important;
    text-align: left;
    max-width: 392px!important;
    height: 51px!important;
    padding: 14px 36px 14px 36px!important;
    gap: 6px;
    border-radius: 9999px!important;
    background: #277DFF;
    border: none;
    text-align: center;
    color: var(--White, #FFF)!important;
    margin-bottom: 0px;
}

.form-review .submit-btn:hover {
    background: #0056b3;
}

@media (max-width: 768px) {

    .details,
    .rating-section {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .reviews .details .details-title {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .submit-review {
        height: 45px;
    }

    .submit-review span {
        font-size: 18px;
    }

    .popup-content-review {
        padding: 20px 24px;
        width: 90%;
    }

    .popup-content-review h2 {
        font-size: 24px;
        line-height: 27.48px;
        margin-bottom: 32px;

    }
    .form-review .submit-btn {
        font-size: 18px!important;
    }

    .close-popup-review {
        top: 10px;
        right: 10px;
    }
}
/* end start popup sumbit review */
.nkl-popup-real {
    background: #121517;
    border: 1px solid #202026;
    border-radius: 24px;
    padding: 20px;
    display: none;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    box-sizing: border-box;
    color: #fff;
    max-width: 281px;
    width: 100%;
    position: absolute;
    left: 20px;
    top: 50%;
    z-index: 999;
    opacity: 0;
    transition: all 0.3s ease;
}
.nkl-popup-box.active .nkl-popup-real {
    display: flex;
    opacity: 1;
}

.nkl-popup-real__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 16, 18, 0.60);
    backdrop-filter: blur(5px);
    z-index: 999;
}

.nkl-popup-real__background {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nkl-popup-real__ellipse {
    border-radius: 50%;
    position: absolute;
    filter: blur(175px);
}

.nkl-popup-real__ellipse--blue {
    background: #121517;
    width: 380px;
    height: 120px;
    top: 10px;
    right: -100px;
    transform: rotate(62.719deg);
}
.nkl-popup-real__ellipse--purple {
    background: linear-gradient(90deg, #aa50de 0%, #121517 100%);
    width: 380px;
    height: 120px;
    top: 50px;
    right: 50px;
    transform: rotate(62.719deg);
}


.nkl-popup-real__content {
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.nkl-popup-real__title {
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 6px;
}

.nkl-popup-real__description {
    color: rgba(255, 255, 255, 0.6);
    font-family: "GT Walsheim Pro"!important;
    font-weight: 400;
    font-size: 12px;
    line-height:  16.8px;
    width: 94%;
    margin: 0 auto;
}

.nkl-popup-real__discount {
    background: linear-gradient(90deg, #aa50de 0%, #de5052 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 42px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
}

.nkl-popup-real__close-button {
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    cursor: pointer;
}

.nkl-popup-real__cta {
    z-index: 1;
    width: 100%;
}

.nkl-popup-real__cta-button {
    background: linear-gradient(90deg, #aa50de 0%, #de5052 100%);
    border: none;
    color: #fff;
    border-radius: 9999px;
    padding: 15px 23px;
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.3s;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.nkl-button-box {
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
}
.nkl-button:hover::before,
.nkl-button:hover::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 150px;
    height: 15px;
    background: rgba(249, 249, 249, 0.4);
    filter: blur(17px);
    mix-blend-mode: plus-lighter;
    transition: transform 0.4s ease;
    z-index: 0;
}

.nkl-button:hover::before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.nkl-button:hover::after {
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
}

.nkl-popup-real__cta-icon {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 768px) {
    .nkl-popup-real {
        left: 50%;
        top: 100px;
        transform: translateX(-50%);
    }
    .nkl-popup-box.active .nkl-popup-real__overlay {
        display: block;
    }
}
.nkl-referral {
    background: #121517;
    border-radius: 24px;
    padding: 24px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    color: #fff;
    margin-top: 22px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    width: 100%;
}

.nkl-referral__background {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(24, 24, 25, 1) 6%, rgba(53, 39, 32, 1) 100%, rgba(0, 0, 0, 1) 109%);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.nkl-referral__content {
    position: relative;
    z-index: 1;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
}

.nkl-referral__title {
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    line-height:  25.2px;
    font-weight: 700;
    margin: 0;
}

.nkl-referral__title--highlight {
    background: linear-gradient(90deg, #dea850 0%, #de7b50 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nkl-referral__description {
    color: rgba(255, 255, 255, 0.60);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    margin: 0;
}

.nkl-referral__button-wrapper {
    position: relative;
    z-index: 1;
}

.nkl-referral__button {
    background: linear-gradient(90deg, #dea850 0%, #de7b50 100%);
    border: none;
    color: #fff;
    border-radius: 9999px;
    padding: 14px 24px;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.3s;
    font-weight: 700;
    justify-content: center;
}

.nkl-referral__button:hover {
    background: linear-gradient(90deg, #de7b50 0%, #dea850 100%);
}

.nkl-referral__button-icon {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .nkl-referral {
        flex-direction: column;
        gap: 24px;
    }
    .nkl-referral__content {
        max-width: 100%;
    }
    .nkl-referral__button-wrapper {
        width: 100%;
    }
    .nkl-referral__button {
        max-width: 100%;
        width: 100%;
    }

}
.section-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0px 20px;
    gap: 24px;
    position: relative;
}
.section-card__nav {
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 28%;
    z-index: 10;
    padding: 0;
    transition: transform 0.3s;
}

.section-card__nav--prev {
    left: -10px;
}

.section-card__nav--next {
    right: -10px;
}

.section-card__nav:hover {
    transform: translateY(-50%) scale(1.1);
}

.section-card__nav svg {
    width: 28px;
    height: 28px;
    fill: #666666;
    transition: fill 0.3s;
}

.section-card__nav:hover svg {
    fill: #444444;
}
.section-card .container {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.carousel-wrapper {
    position: relative;
}

.section-card__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    overflow: hidden;
}

.owl-carousel {
    display: flex;
    gap: 16px;
}

.card {
    background: #121517;
    max-width: 292px;
    width: 100%;
    border-radius: 24px;
    gap: 24px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.card-header {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}
.card-header img {
    flex-shrink: 0;
    width: 14px!important;
    height: 14px;
    position: relative;
    overflow: visible;
    display: flex;
    margin-right: 5px;
    margin-left: 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.card__badge {
    display: flex;
    padding: 5px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.card__badge--best-seller {
    color: var(--Gray, #666);
    border-radius: 123456px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-2, #15181C);
}

.card__badge--sale {
    color: var(--White, #FFF);
    border-radius: 123456px;
    background: var(--Gradient, linear-gradient(90deg, #AA50DE 0%, #DE5052 100%));
}

.card__title {
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 20px;
    line-height: 22.9px;
    letter-spacing: 0%;
    margin: 0px;
    position: relative;
    color: var(--white, #ffffff);
    text-align: center;
    margin-bottom: 24px;
}
.card__title::after {
    content: "";
    border-color: #24262a;
    border-style: dashed;
    border-width: 2px 0 0 0;
    align-self: stretch;
    flex-shrink: 0;
    bottom: -24px;
    left: 0;
    width: 100%;
    position: absolute;
}
.card-rating-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.card__rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.card__rating span {
    color: #666666;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 12px;
    line-height: 13.74px;
    letter-spacing: 0%;
    margin: 0px;
}

.card__price {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.card__price--current {
    color: #FFFFFF;
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 32px;
    line-height: 36.64px;
    letter-spacing: 0%;
    margin: 0px;
    
}

.card__price--original {
    color: #666666;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    letter-spacing: 0%;
    text-align: center;
    text-decoration: line-through;
    margin: 0px;
}

.card__button {
    max-width: 260px;
    width: 100%;
    height: 37px;
    border-radius: 9999px;
    padding: 8px 12px 8px 12px;
    gap: 6px;
    text-align: center;
    font-family: GT Walsheim Pro!important;
    font-size: 18px;
    font-weight: 700;
}

.card__button--primary {
    background: var(--Gradient, linear-gradient(90deg, #AA50DE 0%, #DE5052 100%));
    color: var(--white, #ffffff);
    border: none;
}

/* start style page free instagram followers  */
/* start update page seo buy-tiktok-followers */
.update-page-tiktok #social-jumbotron {
    margin-top: 40px;
    position: relative;
    min-height: 900px;  
}

.update-page-tiktok .jumbo:before {
    position: absolute;
    content: "";
    top: 5%; 
    left: 50%;
    transform: translateX(-50%) translateY(0%);
  	background: 
        radial-gradient(35% 34% at 15% 55%, rgba(255,101,14,0.4) 0%, transparent 100%),
        radial-gradient(35% 36% at 15% 95%, rgba(255,101,14,0.4) 0%, transparent 100%),
        radial-gradient(24% 22% at 25% 55%, rgba(17,167,113,0.8) 0%, transparent 100%),
        radial-gradient(24% 28% at 28% 98%, rgba(17,167,113,0.8) 0%, transparent 100%),
        radial-gradient(22% 24% at 50% 40%, rgba(241,54,244,0.6) 0%, transparent 100%),
        radial-gradient(22% 24% at 52% 96%, rgba(241,54,244,0.3) 0%, transparent 100%),
        radial-gradient(22.2% 38.4% at 85% 35%, rgba(54,156,244,0.4) 0%, transparent 100%),
        radial-gradient(22.2% 38.4% at 85% 96%, rgba(54,156,244,0.4) 0%, transparent 100%),
        radial-gradient(24.8% 28% at 60% 80%, rgba(241,54,244,0.3) 0%, transparent 100%),
          #0D1012;
    width: 100%;
    height: 900px;
    z-index: -1;
    filter: blur(200px);
    pointer-events: none;
}


.update-page-tiktok .followers-tabs .nav-pills>li.active>a {
    background: #08070780;
}
.update-page-tiktok .jumbo::after {
    content: none;
}
.update-page-tiktok .followers-tabs .label {
    padding: 2px 10.85px;
}
.update-page-tiktok .wrapper-slider-tn {
    z-index: 6;
}
.update-page-tiktok  #social-jumbotron .get-followers {
    border-radius: 20px;
    border: 1px solid rgba(50, 50, 50, 0.10);
    background: rgba(202, 202, 202, 0.10);
    backdrop-filter: blur(64px);
    gap: 12px;
    z-index: 6;
    /* border-top: 2px solid #FFFFFF0D; */
}
.update-page-tiktok .btn-group-tn {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: #4EBE82;
}
.update-page-tiktok .tn-text-btn p {
    margin-bottom: 8px;
}
.update-page-tiktok .new-price-tn {
    font-size: 28px;
    line-height: 20px;
    font-family: Afacad!important;
}
.update-page-tiktok .body-slider-tn {
    border-radius: 20px;
    padding: 15px 24px 16px 24px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.07) 100%);
}
.update-page-tiktok .wrapper-title-slider {
    padding-bottom: 16px;
}
.update-page-tiktok .group-content-tn .text-group {
    font-weight: 400;
}
.update-page-tiktok .item-card-tn {
    padding: 12px 24px 12px 24px; 
}
.update-page-tiktok .sider-up-custom {
    margin-left: -2px;
}
.update-page-tiktok .main-rating-left-item img {
    width: 28px;
    height: 28px;
}
.nkl-marketing-services__button {
    padding: 8.5px 24px;
}
.update-page-tiktok .works-content-main-column-cart {
    border-right:none;
}
.update-page-tiktok .selection-custom {
    margin-top: 5px;
}
.update-page-tiktok .btn-socials {
    margin-top: 0px;
    color: #FFF;
    text-align: center;
    font-family: var(--font-welsh)!important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.45px;
    padding: 12px 52px;
    margin-bottom: 12px;
}
.update-page-tiktok .jumbo-title h2 {
    margin-bottom: 0px;
    line-height: 72px;
    color: #FFF;
    font-family: Afacad!important;
    font-size: 56px;
    font-weight: 700;
}
.update-page-tiktok .jumbo-title h2 span {
    font-family: Afacad!important;
}

.update-page-tiktok .jumbo-description {
    margin-top: -1px;
}
.update-page-tiktok .jumbo-priviligies ul {
    padding: 0px;
    margin-bottom: 18px;
}
.update-page-tiktok .get-followers {
    padding-top: 0px;
    gap: 10px;
    margin-bottom: 8px;
}
.update-page-tiktok .follower-form.tab-content.tn-custom-get-price {
    margin-top: 12px;
}
.update-page-tiktok .follower-form .choose-follower .follower-check-label {
    height: 116px;
    padding: 23px 16px;
    justify-content: space-between;
    justify-content: start;
}
.update-page-tiktok .choose-follower label span.follower-type {
    margin-top: 5px;
} 

.update-page-tiktok .follower-form .choose-follower .follower-check-input:checked+.follower-check-label::before {
    height: 116px;
}
.update-page-tiktok .follower-form .choose-follower .follower-check-input:checked+.follower-check-label::after {
    right: 3px;
}

.update-page-tiktok .old-price-tn {
    line-height: 12px;
}
.update-page-tiktok .price-tn {
    gap: 10px;
    align-items: flex-end;
}
.update-page-tiktok .quality-form label span.label-bestSeller,
.update-page-tiktok .quality-form label span.label-bulkPrice{
    font-family: Afacad!important;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.update-page-tiktok .follower-list {
    border-top: 2px solid rgba(255, 255, 255, 0.05);
    border-left: 2px solid rgba(255, 255, 255, 0.05);
    border-right: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100%);
}

.update-page-tiktok .get-url-tn {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: #277DFF;
    display: flex;
    padding: 7px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
    margin-bottom: 6px;
}

.get-url-tn span {
    padding: 0px 4px;
    margin-left: 5px;
    font-size: 8px;
    font-weight: 500;
}
.update-page-tiktok .follower-form  form input[type="text"] {
    padding: 14.5px 32px;
    margin-top: 0px!important;
}
.update-page-tiktok span.input-naizop-user {
    transform: translateY(-50%)!important;
  	top: 28px;
}
.update-page-tiktok .follower-buy.follower-list {
    margin-top: 12px;
    gap: 16px;
    justify-content: flex-start;
    border: none;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100%);
}
.update-page-tiktok .btn-buy-follower {
    padding: 17px 28px;
    width: 272px;
}
.update-page-tiktok .slider-choose {
    flex: 1;
}
.update-page-tiktok span.input-naizop-user svg {
    height: 16px;
    width: 16px;
}
.update-page-tiktok .follower-form .quality-form {
    margin: 0px;
}
.update-page-tiktok .banner-slider {
    border-radius: 20px;
    border: 1px solid #FFA527;
    background: rgba(255, 165, 39, 0.20);
    justify-content: center;
    gap: 80px;
    position: relative;
    z-index: 7;
}
.update-page-tiktok .item-banner-slider-tn:nth-child(2)::before {
    left: -48px;
}
.update-page-tiktok .item-banner-slider-tn:nth-child(2)::after {
    right: -48px;
} 
.update-page-tiktok .media-section .media-section__title {
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    z-index: 10;
}
.update-page-tiktok .media-section {
    padding-top: 69px;
}
.update-page-tiktok .social-results {
    margin-top: 40px;
}
.update-page-tiktok .content-title.works-content-main__title {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0px;
}
.update-page-tiktok .works-content-main-column-cart__number {
    font-family: GT Walsheim Pro!important;
    letter-spacing: 0%;
    text-align: center;
}
.update-page-tiktok .works-content-main-column-cart__title {
    font-family: GT Walsheim Pro!important;
}
.update-page-tiktok .works-content-main-column-cart__description {
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}
.update-page-tiktok .how-works {
    margin-bottom: 80px;
}
.update-page-tiktok .how-works .container {
    max-width: 1304px;
    width: 100%;
}

.update-page-tiktok .reviews .content-title.reviews-content-headlines__title {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    margin: 0px;    
} 

.update-page-tiktok .reviews .reviews-content-headlines__subtitle{
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: #666666;
}
.update-page-tiktok .reviews .reviews-content-headlines {
    gap: 8px;
    margin: 0px;
}
.update-page-tiktok .reviews-content-container-list-item {
    height: 404px;
    justify-content: space-between;
    background: #15181C;
    border-color: transparent;
}
.update-page-tiktok .reviews-content-container-list-item-content-up__title {
    font-family: Space Grotesk!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    margin: 0px;
}
.update-page-tiktok .reviews-content-container-list-item-content__description {
    font-family: Inter!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    margin: 0px;
}
.update-page-tiktok .reviews-content-container-list-item-customer-info-data__name {
    font-family: Inter!important;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
}
.update-page-tiktok .nz-videos .container {
    max-width: 1088px;
    width: 100%;
}
.update-page-tiktok .main-email .main-input input {
    color: #fff;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 18px;
    line-height: 20.61px;
    letter-spacing: 0%;
    padding: 18px 20px 18px 24px;
    height: 54px;
}
.update-page-tiktok .main-email .main-input svg {
    right: 25px;
}
.update-page-tiktok .nz-videos .main-rating-video img {
    padding: 0px;
}
.update-page-tiktok .main-email .main-input input::placeholder {
    color: #666666;
}
.update-page-tiktok .nz-videos .icon-play {
    height: 96px!important;
    width: 96px!important;
    object-fit: none;
    top: 49%;
}
.update-page-tiktok .main-email {
    border-radius: 6px 0px 0px 6px;
    border: 1px solid var(--Black-2, #202026);
    background: #15181C;
    display: flex;
    align-items: center;
}
.update-page-tiktok .btn-gradient {
    display: flex;
    padding: 16px 24px;
    height: 54px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #FFF;
    border-radius: 0px 6px 6px 0px;
    border: 1px solid var(--Glow-border, rgba(255, 255, 255, 0.30));
    background: var(--Primary, #277DFF);
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.update-page-tiktok .started.started-followers .started-content {
    padding-top: 80px;
}


.update-page-tiktok  .started.started-followers .started-content-up-titles__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    margin: 0px;
}

.update-page-tiktok .started.started-followers .container {
    max-width: 1304px;
    width: 100%;
}

.update-page-tiktok .started.started-followers {
    margin-bottom: 16px;
}
.update-page-tiktok .started.started-followers .started-content-up-column-cart {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
}
.update-page-tiktok .started.started-followers .started-content-up-column-cart:hover {
    text-decoration: none;
}
.update-page-tiktok .videos-signupbtn {
    margin-top: 24px;
}
.update-page-tiktok .started.started-followers .started-content-up-column-cart svg {
    width: 24px;
    height: 24px;
}
.update-page-tiktok .nz-posts .container {
    max-width: 1196px;
    width: 100%;
}
.update-page-tiktok .started.started-followers .started-content-up-column-cart-titles {
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
}
.update-page-tiktok .started.started-followers .started-content-up-column-cart-titles__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    margin: 0px;
}
.update-page-tiktok .started.started-followers .started-content-up-column-cart-titles__description {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; 
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.update-page-tiktok .nz-post-text h2 {
    color: #FFF;
    font-family: Afacad!important;
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 12px;
}
.update-page-tiktok .nz-post-text p {
    color: #FFF;
    font-family: Afacad!important;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
}
.update-page-tiktok  .arrows-tn {
    cursor: pointer;
}
.update-page-tiktok .nz-posts .nz-post-one {
    gap: 26px;
}
.update-page-tiktok .nz-posts .nz-post-text {
    padding-right: 0px;
}
.update-page-tiktok .nz-posts .nz-post-text p:last-child {
    margin: 0px;
}
.update-page-tiktok .nz-posts .nz-post-text h3 {
    margin-top: 30px;
    margin-bottom: 14px;
}
.update-page-tiktok .nz-posts .nz-post-one:not(:first-child) {
    margin-top: 80px;
}
.update-page-tiktok .nz-posts .nz-post-image.desktop {
    margin-top: 5px;
}
.update-page-tiktok .list-slider-tn {
    margin-left: 0px;
}
.update-page-tiktok .item-silder-tn {
    margin-right: 24px;
    margin-left: 0px;
}
.update-page-tiktok .faq__item {
    border-radius: 123456px;
}
.update-page-tiktok details[open].faq__item { 
    border-radius: 24px;
    background: var(--Substrate-2, #15181C);
}
.update-page-tiktok .faq__description p {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px ;
}
.update-page-tiktok .nz-posts {
    margin-bottom: 72px;
}

.update-page-tiktok .works-content-main-column-cart img {
    width: 100%;
    object-fit: cover;
}

.update-page-tiktok  .tn-slider-seo {
    position: relative;
    z-index: 7;
} 
.update-page-tiktok #social-jumbotron .get-followers {
    margin-top: 30px;
    padding-bottom: 30px;
}
.update-page-tiktok .jumbo-priviligies ul li p {
    font-family: var(--font-welsh)!important;
    font-weight: 600;
    vertical-align: middle;
}
.update-page-tiktok .get-followers .tn-text-btn-box{ 
    position: relative;
}

.update-page-tiktok .get-followers .popup-tn{
    left: 115%;
    top: -25px;
    right: auto;
    width: 390px;
    transform:  none;
    padding: 12px;
    background: #15181C;
}
.update-page-tiktok .get-followers .popup-tn::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 42px;
    width: 0px;
    height: 0px;
    border-right: 10px solid  #15181C;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    transform: translateY(-100%);
    margin-left: 10px;
}
.update-page-tiktok .get-followers .tn-text-btn-box .popup-content  p {
    text-align: left;
    text-decoration:none;
    font-family: GT Walsheim Pro!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin: 0px;
}
.update-page-tiktok .get-followers .tn-text-btn-box .popup-content p:first-child {
    color: #FFF;    
    font-weight: 700;
}
.update-page-tiktok .get-followers .tn-text-btn-box  .popup-content {
    padding: 0px;
    padding-bottom: 15px;
}
.update-page-tiktok .get-followers .tn-text-btn-box .close-popup:hover path {
    stroke: #FFF;
    fill: #FFF;
}
@media (min-width: 663px) and (max-width: 768px) {  
    .update-page-tiktok .nz-post-image .img{
        width: 80% !important;
    }
    .update-page-tiktok .nz-post-image.mobileimg {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }
}

@media(max-width: 768px) { 
    .update-page-tiktok .body-slider-tn {
        padding: 16px;
    }
    .update-page-tiktok .item-card-tn {
        padding: 12px;
    }
    .update-page-tiktok .item-silder-tn {
        margin-right: 16px;
    }
    .update-page-tiktok .reviews::after ,
    .update-page-tiktok .reviews::before {
        content: none;
    
    }
  
    .update-page-tiktok #social-jumbotron {
        margin-top: 24px;
        padding-top: 0px;
    }
    .update-page-tiktok #social-jumbotron .btn-socials {
        padding: 6.5px 24px;
        color: #FFF;
        text-align: center;
        font-family: var(--font-welsh)!important;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 8px;
        height: 30px;
        border-radius: 32px;
        background: rgba(255, 255, 255, 0.10);
    }
    .update-page-tiktok .main-email .btn-gradient {
        border-top-right-radius: none;
    }
    .update-page-tiktok .jumbotron-info {
        gap: 12px;
    }
    .update-page-tiktok .jumbo-priviligies ul li p {
        font-size: 14px;
    }
    .update-page-tiktok .tn-jumbotron .jumbo-description p {
        font-family: Afacad!important;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        text-align: center;
        vertical-align: middle;
    }
    .update-page-tiktok .jumbo-priviligies ul {
        padding: 0px;
        margin-bottom: 10px;
        gap: 18px 28px;
        justify-content: center;
        margin-top: 6px;
    }
    .update-page-tiktok .followers-tabs .label {
        border-radius: 0px 0px 8px 8px;
        color: #FFF;
        text-align: center;
        font-family: Afacad!important;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        top: -6px;
        transform: translateX(-50%);
        width: 80%;
        left: 50%;
        padding: 4px 8px 1px;
    }
    .update-page-tiktok .followers-tabs .nav-pills::after,
    .update-page-tiktok .followers-tabs .nav-pills::before {
        display: none;
    }
    .update-page-tiktok .followers-tabs .nav-pills>li>a {
        padding: 16px 16px 10px 16px;
        font-family: GT Walsheim Pro;
        font-size: 18px;
        font-weight: 500;
        line-height: 20.61px;
    }
    
    .update-page-tiktok .followers-tabs .nav-pills>li.active>a {
        padding: 10px 16px;
        color: #fff;
        border-radius: 14px;
        background: #08070778;
    }
    .update-page-tiktok .nav-pills>li {
        min-width: 106px;
        text-align: center;
    }
    .update-page-tiktok .tn-text-btn {
        margin-top: 16px;
    } 
    .update-page-tiktok .tn-text-btn p {
        margin-bottom: 6px;
    }
    .update-page-tiktok .quality-form label span.label-priceoff {
        max-width: 60px;
        width: 100%;
        font-size: 12px;
        left: 50%;
    }
    .update-page-tiktok .follower-form .quality-form {
        padding: 0px;
    }
    .update-page-tiktok #social-jumbotron .get-followers {
        padding: 0px;
        border-radius: 20px 20px 0px 0px;
        background: #CACACA1A;
        padding-bottom: 22px;
        margin-bottom: 0px;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px) !important;
        overflow: hidden;
        position: relative;
    }
    .update-page-tiktok .followers-tabs .nav-pills {
        padding: 0 10px;
    }
    .update-page-tiktok .follower-form .choose-follower .follower-check-input:checked+.follower-check-label::before {
        height: 120px;
    }
    .update-page-tiktok .follower-form .choose-follower .follower-check-label {
        height: 120px;
        padding: 24px 16px;
    }
    .update-page-tiktok .follower-form.tab-content.tn-custom-get-price {
        margin-top: 5px;
    }
    .update-page-tiktok .get-url-tn {
        margin-top: 0px;
        margin-right: 0px;
        height: 28px;
        padding: 6px 8px;
    }
    .update-page-tiktok .buy-now-box {
        padding-top: 16px;
        padding-right: 20px;
        padding-bottom: 16px;
        padding-left: 20px;
        gap: 16px;
        border-radius: 16px;
        margin-top: 36px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.07) 100%);
    }
    .update-page-tiktok .follower-buy.follower-list {
        background: none;
        margin-bottom: 0px; 
        border-radius: 0px;
    }
    .update-page-tiktok .follower-list {
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100%);
    }

    .update-page-tiktok .follower-buy.acvite {
        padding-top: 184px;
        margin-top: -179.5px;
    }

    .update-page-tiktok .choose-follower label span.follower-amount {
        font-size: 26px;
        line-height: 20px;
    }
    .update-page-tiktok .new-price-tn{
        font-size: 36px;
    }
    .update-page-tiktok  #urlLinkFollower {
        margin-bottom: 5px;
    }
    .update-page-tiktok  .tn-slider-seo {
        background: #CACACA1A;
        margin-bottom: 24px;
        border: 1px solid #3232321A;
        backdrop-filter: blur(128px);
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        padding: 0 20px;
        padding-bottom: 15px;
    } 

    .update-page-tiktok #social-jumbotron .container {
        padding: 0 20px;
    }
    .update-page-tiktok .banner-slider {
        border-radius: 16px;
        justify-content: space-between;
        gap: 0px;
    }
    .update-page-tiktok .media-section .media-section__title {
        font-size: 24px;
        line-height: 32px;
    }
    .update-page-tiktok .media-section {
        padding-top: 38px;
    }
    .update-page-tiktok .started.started-followers .started-content-up-titles__title,
    .update-page-tiktok .reviews .content-title.reviews-content-headlines__title,
    .update-page-tiktok .content-title.works-content-main__title,
    .update-page-tiktok .nkl-marketing-services__title {
        font-size: 24px;
        line-height: 33px;
    }
    .update-page-tiktok .nkl-card {
        justify-content: start;
    } 
    .update-page-tiktok .nkl-card__icon img {
        width: 30px;
        height: 30px;
        object-fit: cover;
    }
    .update-page-tiktok .nkl-marketing-services {
        padding-bottom: 56px;
    }
    .update-page-tiktok .works-content-main-column-cart.yellow img {
        content: url('https://storage.perfectcdn.com/0a268b/tmmy3n1506t71gx8.webp');

    }

    .update-page-tiktok .works-content-main-column-cart.pink img {
        content: url('https://storage.perfectcdn.com/0a268b/5cp2wp07y4qftjy5.webp');
        margin-top: -20px;
    }

    .update-page-tiktok .works-content-main-column-cart.blue img {
        content: url('https://storage.perfectcdn.com/0a268b/nqums6o52lcq0kzy.webp');
        margin-top: -20px;
    }

    .update-page-tiktok .works-content-main-column-cart.blue,
    .update-page-tiktok .works-content-main-column-cart.pink,
    .update-page-tiktok .works-content-main-column-cart.green {
        padding-bottom: 4px;
    }

    .update-page-tiktok .works-content-main-column-cart.green img {
        content: url('https://storage.perfectcdn.com/0a268b/t8zkfp6sg5h72do1.webp');
    }
  
    .update-page-tiktok .works-content-main-column-cart__title {
        font-size: 20px;
    }
    .update-page-tiktok .works-content-main-column-cart__description {
        font-size: 16px;
        line-height: 24px;
    }
    .update-page-tiktok .how-works {
        margin-bottom: 56px;
    }
    .update-page-tiktok .nz-videos {
        display: none;
    }
    .update-page-tiktok .reviews-content-container-list-item {
        padding: 40px 32px 46px 32px;
    }
    .update-page-tiktok .started.started-followers .started-content {
        padding-top: 0px;
        padding-bottom: 24px;
    }
    .update-page-tiktok .nz-posts .nz-post-one {
        gap: 16px;
    }
    .update-page-tiktok .started-followers {
        margin-top: 14px;
    }
    .update-page-tiktok .started.started-followers .started-content-up-column-cart-titles__description {
        font-size: 14px;
        line-height: 19.6px;
    }
    .update-page-tiktok .started.started-followers .started-content-up-column-cart-titles__title {
        font-size: 18px;
        line-height: 21px;
    }
    .update-page-tiktok .started.started-followers .started-content-up-column-cart:last-child {
        border: none;
    }
    .update-page-tiktok .nz-posts .container {
        padding: 0 20px;
    }
    .update-page-tiktok .nz-post-text h2 {
        font-size: 32px;
        line-height: 32px;
        text-align: left;
        margin-top: 8px;
    }
    .update-page-tiktok .nz-post-text h3,
    .update-page-tiktok .nz-post-text p {
        text-align: left;
        margin-bottom: 6px;
    }
    .update-page-tiktok .nz-posts .nz-post-one:not(:first-child) {
        margin-top: 60px;
    }
    .update-page-tiktok .nz-post-one.nz-post-one-next:not(:first-child)  {
        margin-top: 0px;
    }
    .update-page-tiktok .faq__item {
        border-radius: 24px;
        padding: 16px 10px 16px 12px;
    }
    .update-page-tiktok .faq__content {
        align-items: flex-start;
    }
    .update-page-tiktok .nz-posts {
        margin-bottom: 40px;
    }
    .update-page-tiktok .soundcloud-embed {
        margin-top: 18px;
        margin-bottom: 26px;
    }
    .update-page-tiktok .jumbotron-info {
        position: relative;
        z-index: 2;
    }
    .update-page-tiktok .jumbo:before {
        position: absolute;
      	content: "";
      	display: block;
        filter: blur(150px);
        top: 0% !important;
        left: -20%;
        transform: translateX(25%) translateY(-24%);
        background: radial-gradient(35% 34% at 15% 55%, rgba(255, 101, 14, 0.4) 0%, transparent 100%),
        radial-gradient(35% 36% at 15% 95%, rgba(255, 101, 14, 0.2) 0%, transparent 100%),
        radial-gradient(24.4% 32.8% at 25% 55%, rgb(17 167 113 / 70%) 0%, transparent 100%),
        radial-gradient(24.4% 32.2% at 28% 82%, rgba(17, 167, 113, 0.4) 0%, transparent 100%),
        radial-gradient(34.2% 32.2% at 28% 82%, rgba(17, 167, 113, 0.4) 0%, transparent 100%),
        radial-gradient(35.2% 36.8% at 25% 95%, rgba(255, 101, 14, 0.4) 0%, transparent 100%),
        radial-gradient(35.6% 36.8% at 28% 82%, rgba(255, 101, 14, 0.4) 0%, transparent 100%),
        radial-gradient(22.2% 30.4% at 82% 76%, rgba(241, 54, 244, 0.4) 0%, transparent 100%),
        radial-gradient(22.2% 30.4% at 85% 56%, rgb(241 54 244 / 50%) 0%, transparent 100%),
        radial-gradient(22.2% 38.4% at 82% 75%, rgba(54, 156, 244, 0.4) 0%, transparent 100%),
        radial-gradient(22.2% 38.4% at 85% 96%, rgba(54, 156, 244, 0.4) 0%, transparent 100%),
        radial-gradient(24.8% 28% at 60% 80%, rgba(241, 54, 244, 0.4) 0%, transparent 100%),
        #0D1012;
        z-index: 1;
        pointer-events: none;
        width: 100%;
        height: 100%;
        filter: blur(150px);
        background-attachment: fixed;
    }
    .update-page-tiktok .jumbo-title h2 {
        line-height: normal;
        margin-bottom: 2px;
        font-size: 36px;
    }
    .update-page-tiktok .followers-tabs {
        background: transparent;
        padding-bottom: 0px;
        padding: 6px 6px;
    }
    .update-page-tiktok .works-content-main {
        gap: 27px;
    }
    .update-page-tiktok .how-works .container {
        padding: 0 20px;
    }
    .update-page-tiktok .started.started-followers .container {
        padding: 0 20px;
    }
    .update-page-tiktok .home-social-results.social-results .social-growth-box {
        max-width: 405px;
    }
    .update-page-tiktok .social-results {
        margin-top: 0px;
    }
    header.header-update.header-sticky .container {
        background-color: rgba(20, 20, 20, 0.5);
        backdrop-filter: blur(18px);
        transition: background-color 0.3s ease;
    }
    header.header-update .container {
        background-color: rgba(20, 20, 20, 0.5);
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
  
    .mobile-menu.show{
        background: #101314 !important;
        position: fixed;
        top: 73px;
        bottom: 0px;
        z-index: 999;
        overflow: auto;
    }
    .update-page-tiktok .get-followers .popup-tn::before {
        left: 50%;
        top: 0px;
        border-bottom: 10px solid #15181C;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
    .update-page-tiktok .get-followers .popup-tn {
        left: 50%;
        transform: translateX(-50%);
        top: 44px;
        right: auto;
        width: 100%;
        max-width: 335px;
    }
}
/* end update page seo buy-tiktok-followers */

/* fix page api */
.api-page .card{
    width: 100%;
    max-width: 100%;
}

.api-page h4{
    margin-right: auto !important;
}

.api-page .content{
    width: 100%;
}

.api-page .card form{
    width: 100%;
    max-width: 100%;
}
/* fix page api */

/* start update page reddit comments form */
.get-followers .follower-form .form-group-select ,
.get-followers .follower-form .form-group-input {
    margin-bottom: 24px;
    margin-top: 24px;
    position: relative;
}
.select2.select2-container.select2-container--default.views_type .select2-selection--single,
.get-followers .follower-form .form-group-select select,
.get-followers .follower-form .form-group-input input{
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    padding: 10.2px 14px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: relative;
    color: #fff;
    font-family: GT Walsheim Pro!important;
    font-size: 16px;
    font-weight: 500;
}
.select2-container.select2-container--default.views_type.select2-container--open .select2-dropdown {
    top: 11px;
    gap: 6px;
    backdrop-filter: blur(20px);
    border: 1px solid #202026;
    border-radius: 20px;
    overflow: hidden;
    background: #15181C;
}
.select2-container--default.views_type .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.select2-container--default.views_type ul.select2-results__options>li {
    padding: 10px 20px;
    color: #fff;
    font-family: GT Walsheim Pro!important;
    font-size: 16px;
    font-weight: 500;
}
.select2-container--default.views_type.select2-container--open.select2-container--below .select2-selection--single, 
.select2-container--default.views_type.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 10px;
    border: 1px solid var(--Primary, #277DFF);
    background: #15181C;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
}

.get-followers .follower-form .form-group-select select:hover,
.get-followers .follower-form .form-group-select select:focus,
.get-followers .follower-form .form-group-input input:hover ,
.get-followers .follower-form .form-group-input input:focus {
    border-color: #005AE2;
    box-shadow: none;
}
.get-followers .follower-form .buy-now-box  label,
.get-followers .follower-form .form-group-input label ,
.get-followers .follower-form .form-group-select label {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 8px;
}
.select2.select2-container.select2-container--default.views_type {
    width: 100%!important;
}
/* end update page reddit comments form */
/* start sitemap blog */
.sitemap-blog {
    padding: 30px 0px;
}
.sitemap-heading {
    font-size: 36px;
    line-height: 41px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 0;
    color: #fff;
}

.sitemap-desc {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    color: #666666;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.sitemap-content-blog .sitemap-box{
    display: flex;
    gap: 100px;
    width: 100%;
}
.sitemap-box-blog {
    width: 75%;
}
.sitemap-box-category{
    width: 20%;
}


.sitemap-box-blog h2,
.sitemap-box-category h2 {
    font-size: 22px;
    color: #fff;
    border-bottom: 2px solid #007bff;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-family: "GT Walsheim Pro"!important;
}

.sitemap-box-category ul {
    list-style: none;
    padding: 0;
}

.sitemap-box-category li {
    margin: 5px 0;
}

.sitemap-box-category li a {
    color: #666666;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.sitemap-box-category li a:hover {
    text-decoration: underline;
}

.sitemap-box-blog ul {
    list-style: none;
    padding: 0;
}

.sitemap-box-blog li {
    margin: 5px 0;
}

.sitemap-box-blog li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
}

.sitemap-box-blog li a:hover {
    text-decoration: underline!important;
}


@media (max-width: 768px) {
    .sitemap-content-blog .sitemap-box {
        gap: 20px;
    }
    .sitemap-content {
        flex-direction: column;
        align-items: center;
    }
    .sitemap-box-blog,
    .sitemap-box-category,
    .sitemap-box {
        width: 100%;
    }
}
/* end sitemap blog */
/* smo update neworder */
:root {
    --aside-width: 288px;
}
body.dashboard.update13_2 {
    background-color: #0D1012;
}

.update13_2 .hiddenicon {
    display: none;
}
.update13_2 main.main-wpr.collapse .page-content-wpr,
.update13_2 main.main-wpr .page-content-wpr {
    background: #0D1012;
    margin-left: 288px;
}
.update13_2 main.main-wpr.collapse .page-content-wpr {
    margin-left: 98px;
}
.show-more {
    display: inline-block;
    white-space: nowrap;
    padding: 0 40px!important;
}
.update13_2 .side-menu-toggler {
    border: 1px solid #202026!important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    justify-content: center;
}
.update13_2 .main-wpr .sidebar-in .nav-brand-wpr a {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin: 0px;
}
.update13_2 .sidebar-in .nav-brand-wpr {
    border-bottom: none;
    padding: 20px 24px 25px 24px;
    justify-content: space-between;
}
.update13_2 .refer-btn {
    background: #15181C;
    border: 2px solid #FFFFFF0D!important;
    gap: 10px;
    font-family: Space Grotesk!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 20.42px;
    height: 44px;
}
.update13_2 .refer-btn.refer-popup-btn {
    height: 48px;
}
.update13_2 .refer-btn-wpr .refer-btn-wpr-in {
    padding: 0px 0px 16px 0px;
}
.update13_2 .refer-btn-wpr {
    padding: 0 24px ;
}
.update13_2 .sidebar-in .side-menu-wpr {
    padding: 25px 24px 0px 24px;
}
.update13_2 main.main-wpr aside.aside-box{
    border-right: 1px solid #202026;
    background: #121517;
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 999;
    padding-bottom: 20px;
}

.update13_2 main.main-wpr aside.aside-box .sidebar-in {
    background: #121517;
    overflow: auto;
    height: 100%;
    scrollbar-width: none;
    border-bottom: 1px solid #202026
}


.update13_2 .sidebar-in nav>ul>li>a.deposit,
.update13_2 .sidebar-in nav>ul>li>a.new-order {
    max-width: 240px;
    height: 48px;
    border-radius: 78px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Space Grotesk!important;
    font-weight: 700;
    line-height: 22.97px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
}
.update13_2 .sidebar-in nav>ul>li>a.deposit{
    background: #22C55E;
    margin-bottom: 25px;
}
.update13_2 .sidebar-in nav>ul>li>a.new-order,
.update13_2 .sidebar-in nav>ul>li.active:not(.has-menu)>a.new-order {
    background: #277DFF;
}
.update13_2 .sidebar-in nav>ul>li>a.deposit,
.update13_2 .sidebar-in nav>ul>li.active:not(.has-menu)>a.deposit {
    background: #22C55E;
}
.update13_2 .sidebar-in nav>ul>li>a .icon-wpr {
    width: 24px;
    height: 24px;
}

.update13_2 .sidebar-in nav>ul>li>a,
.update13_2 li.drop-menu>ul a {
    padding: 12px 20px;
    color: #666666;
    font-family: Space Grotesk!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
    margin-bottom: 6px;
    height: 44px;
}
.update13_2 .header {
    border-bottom: 1px solid #202026;
    background: #121517;
}
.update13_2 .header .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
}

.update13_2 .sidebar-in nav>ul>li:not(.has-menu)>a:hover, 
.update13_2 .sidebar-in nav>ul>li.active:not(.has-menu)>a,
.update13_2 li.drop-menu>ul a:hover, 
.update13_2 li.drop-menu>ul li.active a
{
    padding: 12px 20px;
    border-radius: 78px;
    background: var(--Substrate-3, #24262A);
    color: #fff;
}
.update13_2 .sidebar-in nav>ul>li:not(.has-menu)>a.deposit:hover {
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
    background: #22C55E;

}

.update13_2 .sidebar-livechat .btn-sidebar-socials:hover,
.update13_2 .sidebar-in nav>ul>li:not(.has-menu)>a.new-order:hover {
    background: #277DFF;
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
}
.update13_2 .refer-btn.refer-popup-btn:hover {
    border: 2px solid #FFFFFF0D;
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
    background: #15181C;
}
.update13_2 .header-wlt:hover {
    background: #FFB60E;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.update13_2 .wistia_embed .ylw-btn:hover {
    border: 2px solid rgba(255, 255, 255, 0.30);
    background: #FFB60E;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}
.update13_2 .sidebar-in nav>ul>li:not(.has-menu)>a:hover .icon-wpr svg path,
.update13_2 .sidebar-in nav>ul>li.active:not(.has-menu)>a .icon-wpr svg path,
.update13_2 li.drop-menu>ul a:hover .icon-wpr svg path, 
.update13_2 li.drop-menu>ul li.active a .icon-wpr svg path{
    fill: #fff;
}

.update13_2 .sidebar-livechat .btn-sidebar-socials {
    max-width: 240px;
    height: 44px;
    gap: 10px;
    border-radius: 123456px;
    display: 10px;
    justify-content: center;
    align-items: center;
    background-color: #277DFF;
}
.update13_2 .sidebar-btm-menu>li .hdng-txt {
    padding-left: 20px;
    color: #666666;
}
.update13_2 .sidebar-btm {
    padding: 15px 24px 50px 24px !important;
}
.update13_2 .sidebar-livechat {
    padding: 0px 24px 0px 24px;
}
.update13_2.dashboard .body-content-wpr{
    padding: 40px 24px 24px 24px!important;
    background: #0D1012;
}
.update13_2 .neworder-bnr-slide {
    margin: 0px;
    margin-right: 10px;
}
.update13_2 .neworder-bnr-slider-wrap .img-responsive.neworder-bnr-slide-img {
    width: 100%;
}
.update13_2 .page-hdng {
    color: #FFFFFF;
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 36px;
    line-height: 41.22px;
    margin-top: 24px;
    margin-bottom: 21px;
}
.update13_2 .plc-new-tab-menu ul li a {
    align-items: center;
    justify-content: center;
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    padding: 14px 20px;
}
.update13_2 .plc-new-tab-menu ul li.active a {
    background: #121517;
}
.update13_2 .plc-new-tab-cntnt {
    background-color: #121517;
}

.update13_2 .plc-new-tab-dtls {
    background-color: #121517;
}
.update13_2 .wtch-vd-text {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 36px;
    line-height: 46.8px;
    letter-spacing: 0%;
    color: #fff;
}
.update13_2 .wtch-vd-text span {
    font-family: GT Walsheim Pro!important;
    color: #FFB60E;
}
.update13_2 .wistia_embed {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 20.61px;
    letter-spacing: 2%;
    color: #0D1012;
    margin: 0!important;
  
}
.update13_2 .wistia_embed .ylw-btn {
    max-width: 220px;
    height: 53px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    align-items: center;
    gap: 6px;
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 20.61px;
    letter-spacing: 0;
    color: var(--Bg, #0D1012);
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.30);
    background: #FFB60E;
}
.update13_2 .wtch-vdo-wpr {
    padding: 23px 24px;
    border-radius: 24px;
    border: 1px solid rgba(255, 182, 14, 0.20);
    background: radial-gradient(96.71% 300% at 49.93% 50%, rgba(18, 21, 23, 0.00) 0%, #FFB60E 200%), #121517;
    margin-bottom: 20px;
}
.update13_2 .tab-content.plc-new-tab-cntnt .wtch-vdo-wpr .vdo-wpr-cls-btn {
    width: 15px;
    height: 15px;
    top: 10px;
    right: 15px;
    margin: 0px!important;
}
.update13_2 .wtch-vdo-wpr .vdo-wpr-cls-btn img {
    width: 100%;
    height: 100%;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__prepend {
    background-image: url(https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg);
}
.update13_2 .order-srch-form-wpr .srch-order-wpr .search-dropdown.select2-container--open button.input-wrapper__prepen{
    background: #121517;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr input.select2-selection, 
.update13_2 .order-srch-form-wpr .order-srch-row input[type="text"], 
.update13_2 .order-srch-form-wpr .order-srch-row input[type="search"] {
    color: #fff;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__append span {
    font-size: 9px;
    padding: 3px 5px;
    font-weight: 100;
    background: #ccc;
    background: #666666;
    border-radius: 50%;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__append span.fa-times:before {
    color: #000;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__append {
    right: 12px;
}
.update13_2 .custom-select2 .select2-container.select2-container--default.select2-container--open .select2-selection__arrow {
    background-image: url(https://storage.perfectcdn.com/0a268b/bx681gx0q8dnchn9.svg);
}
.update13_2 .plc-new-tab-dtls {
    padding: 42px 24px 15px;
    background: #121517;
}
/* .update13_2 .header-profile.open svg {
    transform: rotate(180deg);
}
.update13_2 .header-profile.open svg path{
    fill: #fff;
} */
.update13_2 .wtch-vdo-wpr-left {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0!important;
}
.update13_2 .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered>span,
.update13_2 .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 25.6px;
}
.update13_2 .order-srch-form-wpr .order-srch-row button[type="submit"] {
    min-width: 150px;
    border-radius: 1223456px;
    background: var(--Primary, #277DFF);
    box-shadow: none;
    border: none;
    height: 48px;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr {
    padding-right: 6px;
}
.update13_2 .social-pckgs-btns ul li a {
    width: 58px;
    height: 32px;
}
.update13_2 .social-pckgs-btns ul li span.show-more {
    border-radius: 123456px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-2, #15181C);
}
.update13_2 .header-wlt svg {
    margin-bottom: 5px;
}
.update13_2 .header-center {
    max-width: 284px;
    width: 100%;
    height: 50px;
    justify-content: space-between;
    padding: 6px;
    margin-left: 124px;
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: var(--Substrate-3, #24262A);
}
.update13_2 .amount {
    font-size: 20px;
}
.update13_2 .header-profile.header-profile__mobi {
    max-width: 188px;
    height: 50px;
    display: none;
    border: 2px solid #FFFFFF0D;
    background: #24262A;
    width: 100%;
}

.update13_2 .header-wlt {
    width: 126px;
    color: var(--Bg, #0D1012);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 24px 8px 24px;
}

.update13_2 .btn-home-header {
    height: 50px;
    width: 124px;
}
.update13_2 .header_wrap {
    height: 90px;
}
.update13_2 .header_balance {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding-left: 8px;
    line-height: normal;
    flex-direction: row;
}

.update13_2 .plc-order-form-wpr .price {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
}
.update13_2 .plc-order-form-wpr .service-cost .price #new_charge { 
    font-family: "GT Walsheim Pro"!important;
    color: var(--Primary, #277DFF);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.update13_2 .plc-order-form-wpr .service-cost p { 
    display: flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--Gray, #666);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 123456px;
    background: #24262A;
    margin: 0px;
}
.update13_2 .plc-order-form-wpr .service-cost .price span { 
    color: var(--Gray, #666);
    font-family: GT Walsheim Pro;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    margin-bottom: -3px;
}
.update13_2 .plc-order-form-wpr .sbmt-btn-wpr button[type="submit"] {
    display: flex;
    /* max-width: 503px; */
    max-width: 100%;
    width: 100%;
    font-size: 18px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #0D1012;
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.update13_2 .plc-order-form-wpr .sbmt-btn-wpr {
    display: flex;
    justify-content: flex-end;
}
.update13_2 .header-profile .dropdown-menu {
    left: auto;
    right: 24px;
    top: 85%;
    width: 188px;
    height: auto;
    top: 76px;
    border-radius: 24px;
    border-width: 2px;
    border: 2px solid #FFFFFF0D;
    background: #24262A;
    overflow: hidden;
}
.update13_2 .header-gift-outer .dropdown-menu {
    overflow: hidden;
}
.update13_2 .header-gift-outer .dropdown-menu .dropdown-reward-li:hover {
    background: #121517
}
.update13_2 .header-profile li.dropdown-reward-li:hover a {
    color: #fff;
}

.update13_2 .header-profile .dropdown-reward-li {
    justify-content: flex-start;
    gap: 6px;
    padding: 17px 16px;
    border-bottom: none;
}
.update13_2  .header-profile .dropdown-menu>li>a {
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    letter-spacing: 0%;
    color: #666666;
    padding: 0px;
}
.update13_2 .header-profile ul.dropdown-menu li:last-child {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.update13_2 .header-profile li.dropdown-reward-li:hover {
    background: #121517;
}
.update13_2 .header-profile li.dropdown-reward-li:hover a{
    color: #fff;
}
.update13_2 .header-profile li.dropdown-reward-li:hover svg path{
    fill: #fff;
}
/* .update13_2  .plc-new-tab-menu ul li:first-child {
    max-width: 298px;
} */
.update13_2  .plc-new-tab-menu ul li:nth-child(2) {
    margin-left: 35px;
}
.update13_2  .plc-new-tab-menu ul li:last-child {
    margin-left: 34px;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr .search-dropdown button.input-wrapper__prepend {
    left: 12px;
}
.update13_2 .order-srch-form-wpr .srch-order-wpr input.select2-selection{
    padding-left: 38px;
    height: 48px;
    background-color: #24262A;
}
.update13_2 .plc-order-form-wpr .form-group label {
    font-weight: 500;
    margin-bottom: 5px;
}
.update13_2 .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    min-height: 50px;
    padding: 9px 0px 9px 38px;
}
.update13_2 #select2-orderform-service-container,
.update13_2 #select2-orderform-category-container{
    padding: 12px 14px 14px 14px!important;
    white-space: nowrap;
    overflow: hidden;
    width: 76%;
}
.update13_2 #select2-orderform-service-container .select2-selection__text .price,
.update13_2 #select2-orderform-category-container .select2-selection__text .price {
    left: 74%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.update13_2 .custom-select2 .select2-selection.select2-selection--single {
    padding-right: 46px;
    border: 1px solid #202026;
    background: #15181C;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
}
.update13_2 .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: transparent;
    background-size: 12px;
    right: 0px;
}
.update13_2 .plc-order-form-lft-col.col-lg-7 {
    padding-right: 10px;
}
.update13_2 .plc-order-form-rht-col.col-lg-5 {
    padding-left: 30px;
}
.update13_2 .select2-selection__text .price {
    height: 36px;
    display: flex;
    align-items: center;
    position: relative;
    background: #15181C;
}
.update13_2 .linkformat-desc {
    height: 16px;
    width: 18px;
    margin-bottom: -3px;
}
.update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li .select2-selection__text span:last-child{
    max-width: fit-content;
    white-space: nowrap;
    padding: 10px 12px 10px 12px;
    gap: 10px;
    border-radius: 99999px;
    line-height: 15.31px;
    text-align: center;
    border-radius: 99999px;
    border: 2px solid #666;
    height: 36px;
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap;
    color:#666;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 700;
}

.update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li {
    padding: 10px 12px 10px 38px;
}
.update13_2 .search-dropdown .select2-container--default 
ul.select2-results__options>li .select2-selection__text span:last-child:hover::before {
    background: #277DFF;
}

.update13_2 .search-dropdown .select2-container--default 
ul.select2-results__options>li .select2-selection__text span:last-child:hover {
    background: #277DFF;
    color: #fff;
    border-color: transparent;
}
.update13_2 #select2-orderform-category-container .select2-selection__text {
    width: 100%!important;
}
.update13_2 .select2-container--default ul.select2-results__options>li>a,
.update13_2 .select2-container .select2-selection__text {
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.6px;
    letter-spacing: 0%;
    position: static;
}
.update13_2 .select2-container .select2-selection__text .extra-text {
    display: flex;
    align-items: center;
}
.update13_2 .select2-container.select2-container--default.select2-container--open .select2-dropdown {
    top: 11px;
    gap: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    backdrop-filter: blur(20px);
    border: 1px solid #202026;
    border-radius: 20px;
    background: #15181C;
    overflow: hidden;
}
.update13_2 .plc-order-form-wpr .form-group {
    margin-bottom: 18px;
    position: relative;
}

.update13_2 .plc-order-form-wpr form input[type="text"] {
    height: 50px;
    font-weight: 700;
    border: 1px solid #20202699;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    background: #15181C;
}
.update13_2 .help-block.min-max {
    margin-bottom: 0px;
}
.update13_2 #dripfeed {
    margin-top: -8px;
}
.update13_2 .plc-order-form-wpr .form-footer {
    background-image: url(https://storage.perfectcdn.com/0a268b/h8tc4ouqq3hg5j3i.png);
    padding-top: 36px;
    background-repeat: repeat-x;
    border: none;
    width: 100%;
}
.update13_2 .btn.btn-paste {
    top: calc(50% + 15px)!important;
    transform: translateY(-50%);
    right: 12px;
    max-width: 70px;
    padding: 6px 10px 6px 7px;
}
.update13_2  .plc-order-form-wpr .form-footer .price {
    padding: 0px;
}
.update13_2 .plc-order-form-wpr .form-footer .service-cost h4 {
    margin-bottom: 0px;
    color: #666666;
    font-weight: 500;
    font-family: GT Walsheim Pro!important;
    font-size: 20px;
}
.update13_2 .plc-order-form-wpr .service-cost {
    margin-right: 40px;
}
.update13_2 .plc-order-form-wpr .form-footer #avg_time {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 27.48px;
}
 ul.dropdown-menu li:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.select2-container--default ul.select2-results__options {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.update13_2 .select2-container--default.order-news  ul.select2-results__options>li{
    padding: 12px 12px 12px 38px;
}
.select2-container--default.order-news  ul.select2-results__options > li::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("https://storage.perfectcdn.com/0a268b/naz5mnj3jdabpuko.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.update13_2 .select2-container--default.order-news ul.select2-results__options>li:hover::after, 
.update13_2 .select2-container--default.order-news ul.select2-results__options>li[aria-selected="true"]::after {
    background-image: url("https://storage.perfectcdn.com/0a268b/ztzn3b2ed5rff8j8.svg");
    left: 10px;
}

.select2-container .select2-selection__icon {
    margin-right: 10px !important;
  }
.update13_2 .select2-container--default ul.select2-results__options>li[aria-selected="true"] a,
.update13_2 .select2-container--default ul.select2-results__options>li:hover a, 
.update13_2 .select2-container--default ul.select2-results__options>li:hover .select2-selection__text, 
.update13_2 .select2-container--default ul.select2-results__options>li[aria-selected="true"] .select2-selection__text{
    color: #ffffff;
}
.update13_2 #select2-orderform-service-container .select2-selection__text, 
.update13_2 #select2-orderform-category-container .select2-selection__text {
    color: #ffffff;
}
.update13_2 .select2-container.select2-container--open a,
.update13_2 .select2-container.select2-container--open .select2-selection__text {
    color: #ffffff;
}
.update13_2 .select2-container--default ul.select2-results__options>li {
    background: #15181C!important;
}
.update13_2 .search-dropdown .select2-container .select2-selection__text span:nth-child(2)::before {
    left: 12px;
}  
.update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li:hover, 
.update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li[aria-selected="true"] {
    border-radius: 123456px;
    background: #24262A!important;
    margin: 6px 0px 6px 6px;
}
.update13_2 .select2-container--default ul.select2-results__options>li:hover, 
.update13_2 .select2-container--default ul.select2-results__options>li[aria-selected="true"] {
    border-radius: 14px;
    background:  #24262A!important;
    margin: 6px 6px 6px 6px;
}
.update13_2 .select2-container--default ul.select2-results__options>li:hover .select2-selection__text span:last-child ,
.update13_2 .select2-container--default ul.select2-results__options>li[aria-selected="true"] .select2-selection__text span:last-child {
    background: #277DFF;
    color: #fff;
    border-color: transparent;
}
.update13_2 .select2-container--default ul.select2-results__options>li:hover .select2-selection__text span:last-child::before ,
.update13_2 .select2-container--default ul.select2-results__options>li[aria-selected="true"] .select2-selection__text span:last-child::before {
    background: #277DFF!important;
    font-family: GT Walsheim Pro!important;
}
.update13_2 .select2-selection.select2-selection--single:focus{
    border: 2px solid #277DFF;
    box-shadow: none;
    outline: 0 !important;
    color: #fff;
}
.update13_2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.update13_2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 10px;
    border: 2px solid var(--Primary, #277DFF);
    background: #15181C;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
}
.update13_2 .search-dropdown.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-radius: 123456px;
}
.update13_2 .search-dropdown.select2-container--default.select2-container--open.select2-container--below button.input-wrapper__prepend{
    background-image: url(https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg);
}
.update13_2 .select2-container--default .select2-selection--single {
    border: 1px solid #202026;
}
@media screen and (max-width: 1199px) {
    .update13_2 .header .container-fluid {
        padding: 0px;
    }
    .update13_2 .header-center {
        margin-left: 0px;
    }
    .update13_2 .header_prof_img {
        margin-bottom: 0px;
    }
    .update13_2 .wtch-vd-text {
        font-size: 24px;
    }
    .update13_2 .wtch-vd-text {
        font-size: 20px;
        white-space: inherit;
    }
    .update13_2 .plc-order-form-rht-col.col-lg-5 {
        padding: 0 18px;
    }
}
@media screen and (max-width: 1024px) {
    .update13_2 .navbar__wallet-icon {
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 768px) {
    .update13_2 main.main-wpr aside.aside-box .sidebar-in {
        overflow: visible;
        background: #0D1012;
        border-radius: 0px;
    }
    .update13_2.dashboard .body-content-wpr {
        padding: 0px !important;
    }
    .update13_2 .wtch-vd-text {
        font-size: 18px;
    }
    .update13_2 .page-hdng {
        padding: 0 20px;
        font-size: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
        line-height: 27.48px;
    }
    .update13_2 .plc-new-tab-menu ul li a {
        font-size: 20px;
        line-height: 22.9px;
        white-space: nowrap;
        justify-content: start;
    }
    .update13_2 .plc-new-tab-menu ul li:last-child,
    .update13_2 .plc-new-tab-menu ul li:nth-child(2) {
        margin-left: 0px;
    }
    .update13_2 .plc-new-tab-dtls {
        padding: 25px 20px 0px;
    }
 
    .update13_2 .wistia_embed .ylw-btn {
        width: 100%;
        justify-content: center;
        max-width: 100%;
        height: 45px;
    }
    .update13_2 .social-pckgs-btns {
        margin-bottom: 40px;
    }
    .update13_2 .social-pckgs-btns ul {
        justify-content: start;
        gap: 12px;
    }
    .update13_2 .social-pckgs-btns ul li a {
        height: 32px;
        border-radius: 123456px;
    }
    .update13_2 .social-pckgs-btns ul li {
        margin: 0px;
    }
    .select2-container .select2-selection__text {
        width: 100% !important;
        font-family: GT Walsheim Pro!important;
        font-weight: 500;
        font-size: 14px;
        line-height: 19.6px;
    }
    .select2-selection__text .price {
        height: 30px;
        display: flex;
        align-items: center;
        position: relative;
        left: 0;
        top: 15px;
        justify-content: center;
        padding: 8px 10px!important;
    }
   /* .dashboard  .select2-container--default ul.select2-results__options>li{
        padding: 12px 6px 12px 38px!important;
    } */
    .update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li {
        padding: 10px 12px 10px 10px !important;
    }
    .update13_2 .plc-order-form-wpr form input[type="text"] {
        height: 48px;
    }
    #order_check .form-group__checkbox {
        margin-bottom: 18px;
    }
    .update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li:hover, 
    .update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li[aria-selected="true"] {
        border-radius: 20px;
    }
    .update13_2 .search-dropdown .select2-container--default ul.select2-results__options>li .select2-selection__text span:last-child{
        padding: 8px 12px;
        height: 30px;
    }
    .update13_2 .navbar__actions-btn {
        flex-direction: column;
    }
  
    .update13_2 .navbar__actions-noti .navbar__actions-btn svg {
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .update13_2 .refer-btn.refer-popup-btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 576px)  {
    .update13_2 .wistia_embed {
        width: 100%;
    }
    .update13_2 .wtch-vdo-wpr {
        padding: 20px 12px;
        display: flex;
        flex-direction: column;
    }
    .update13_2 .wtch-vd-text {
        font-size: 24px;
        line-height:31.2px;   
        white-space: initial;
        display: flex;
        flex-direction: column;
    }
    .update13_2 .wistia_embed .ylw-btn {
        margin-top: 22px!important;
    }
}
/* header mobi new admin */
.header__navbar {
    display: none;
    width: 100%;
    padding: 14px 20px;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #202026;
    justify-content: space-between;
    gap: 8px;
}
.navbar__logo {
    margin-right: 27px;
}
.navbar__wallet {
    display: flex;
    padding: 2px 2px 2px 16px;
    align-items: center;
    gap: 16px;
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: var(--Substrate-3, #24262A);
    max-width: 250px;
    width: 100%;
    height: 40px;
    position: relative;
}
.navbar__wallet-amount {
    color: #FFB60E;
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  
}
.navbar__wallet-icon {
    border-radius: 123456px;
    background: #FFB60E;
    display: flex;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    right: 0px;
}

.navbar__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}
.navbar__actions-dropdown {
    position: absolute;
    top: 48px;
    left: -15px;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    display: none;
    padding: 0;
    width: fit-content;
    background-color: #1e2123;
    border: 1px solid #373A3C;
    border-radius: 20px;
    z-index: 101;
}
.navbar__actions-gift:hover .navbar__actions-dropdown,
.navbar__actions-btn:focus + .navbar__actions-dropdown {
    display: block;
}
.navbar__actions-dropdown-li {
    padding: 8px;
    border-bottom: 1px solid #373A3C;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}
.navbar__actions-dropdown-li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 700;
    line-height: 1.42857143;
    color: #839496;
    white-space: nowrap;
}
.navbar__actions .card-notification-list {
    display: none;
    border-radius: 0px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #121517;
    min-width: 335px;
    width: 100%;
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0!important;
    bottom: 0!important;
    right: 0px;
    z-index: 999;
}
.header-nt-outer .notifiction-details-wpr .notif-hdng {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-weight: 700;
    padding: 0px;
    margin-bottom: 24px;
}

.notf-tab-wpr ul.nav li.active a {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px rgba(255, 255, 255, 0.10);
}
/* .header-nt:hover + .card-notification-list ,
.navbar__actions-btn--notification:hover + .card-notification-list {
    display: block;
} */
.header-nt-outer .notifiction-details-wpr {
    border-radius: 24px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #121517;
    top: calc(100% + 5px);
}
.card-notification {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    padding: 16px;
    border-radius: 16px;
    background: var(--Substrate-1, #121517);
    position: relative;
    margin-bottom: 12px;
}
.card-notification.error {
    border: 1px solid #DC2626
}
.card-notification.successful {
    border: 1px solid #16A34A
}
.card-notification.deposit {
    border: 1px solid #D97706
}
.card-notification.in_processing {
    border: 1px solid #FFFFFF
}
.card-header {
    padding: 24px 0px;
    position: relative;
    border-bottom: 2px solid rgb(255 255 255 / 5%);
    margin-bottom: 24px;
}
.card-header__title {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 22.9px;
    letter-spacing: 0%;
    color: #ffffff;
    margin: 0px;
    text-align: center;
    width: 100%;
}
.card-header svg {
    position: absolute;
    top: 21px;
    right: 20px;
}
.card-notification .card-notification__header {
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 20px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-2, #15181C);
}
/* .card-notification::after {
    content: "✖";
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s ease;
} */

.card-notification::after:hover {
    color: #ff4d4d;
}

.card-notification:hover {
    background: var(--Substrate-1, #121517);
}

.card-notification__title {
    color: #FFFFFF;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    margin: 0px;
}
.card-notification__description {
    color: var(--Gray, #666);
    font-family: GT Walsheim Pro!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.card-notification__date {
    font-family: GT Walsheim Pro!important;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: end;
    margin-right: 30px;
}
.card-notification__error {
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    background: transparent;
    top: 40%;
    transform: translateY(-50%);
}
.card-notification__error img {
    aspect-ratio: 161 / 102;
    max-width: 161px;
    height: auto;
    object-fit: cover;
}
.navbar__actions-btn {
    border-radius: 25px;
    background: var(--Substrate-3, #24262A);
    backdrop-filter: blur(5px);
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border: none;
    height: 40px;
    width: 40px;
}
.navbar__actions-noti .navbar__actions-btn svg {
    margin-bottom: 3px;
    margin-left: 0px;
}
.navbar__actions-btn--notification {
    position: relative;
}
.navbar__actions-btn--gift:hover ,
.navbar__actions-btn--notification:hover {
    background: var(--Primary, #277DFF);
    backdrop-filter: blur(5px);
}
.navbar__actions-btn--notification img{
    max-width: max-content;
}
.navbar__actions-btn--notification img:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.side-menu-toggler {
    margin-left: 6px;
    border-radius: 123456px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: var(--Substrate-2, #15181C);
}
.update13_2 .stick.open,
.update13_2 .stick {
 right: initial;
}
.update13_2 .stick.open::after
.update13_2 .stick.open::before,
.update13_2 .stick:after,
.update13_2 .stick:before {
    width: 20px;
}
.update13_2 .stick .stick-icon-close {
    display: none; 
}
.update13_2 .stick.open .stick-icon-humber {
    display: none;
}
.update13_2 .stick.open .stick-icon-close {
    display: block;
}
/* ======= Popup Overlay ======= */
.balance-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 16, 18, 0.60);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 999;
}


/* ======= Popup Box ======= */
.balance-popup {
    border-radius: 24px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
    padding: 20px;
    text-align: center;
    width: 90%;
    max-width: 350px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 0 auto;
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
}
.balance-popup::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #C52222;
    mix-blend-mode: color-dodge;
    opacity: 0.3;
    z-index: -1;
}
/* ======= Popup Icon ======= */
.balance-popup__box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.balance-popup__content {
    display: flex;
    flex-direction: column;
    gap: 6;
}
/* ======= Popup Title ======= */
.balance-popup__title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    width: 93%;
    margin: 0 auto;
}

.balance-popup__title--alert {
    color: #C52222;
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

/* ======= Popup Description ======= */
.balance-popup__description {
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

/* ======= Popup Button ======= */
.balance-popup__button {
    display: flex!important;
    width: 100%;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.3s;
    border-radius: 9999px;
    background: linear-gradient(90deg, #C52222 0%, #DE5052 100%);
}

.balance-popup__button:hover {
    background: #ff4d4d;
}

/* ======= Popup Close Button ======= */
.balance-popup__close-btn {
    position: absolute;
    top: 10px;
    right: 6px;
    font-size: 24px;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.balance-popup__close-btn:hover {
    color: #ff4d4d;
}
.balance-info {
    padding: 20px 18px;
    width: 100%;
    max-width: 235px;
    position: relative;
    position: fixed;
    z-index: 999;
    right: 100px;
    bottom: 20px;
    opacity: 0;
    display: none;
    overflow: hidden;
    background: #121517;
    border: 1px solid #202026;
    border-radius: 24px;
}
.balance-info.active {
    opacity: 1;
    display: block;
    overflow: hidden;
}
.balance-info::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #C52222;
    mix-blend-mode: color-dodge;
    opacity: 0.3;
    z-index: -1;
}
.balance-info.show{
    opacity: 1;
    overflow: visible;
}
/* ======= Balance Icon ======= */
.balance-info__icon {
    margin-bottom: 12px;
    display: flex;
    font-size: 24px;
    color: #C52222;
}

/* ======= Balance Title ======= */
.balance-info__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
}

.balance-info__title--alert {
    color: #C52222;
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

/* ======= Balance Description ======= */
.balance-info__description {
    color: rgba(255, 255, 255, 0.60);
    font-family: "GT Walsheim Pro"!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    margin-top: -5px;
    margin-bottom: 25px;
}

/* ======= Balance Button ======= */
.balance-info__button {
    display: flex!important;
    width: 100%;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.3s;
    border-radius: 9999px;
    background: linear-gradient(90deg, #C52222 0%, #DE5052 100%);
    text-decoration: none;
}

.balance-info__button:hover {
    opacity: 0.8;
}
.update13_2 #service_description .form-group::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}
.update13_2 #service_description .form-group::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--Substrate-3, #24262A);
}
.update13_2 #service_description .form-group {
    font-family: GT Walsheim Pro!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 0%;
    color: #fff;
}
.update13_2 .form-footer.form-footer__mobi {
    display: none;
}
.update13_2 .form-footer.form-footer__pc {
    display: flex;
}
.update13_2 .nav-brand-wpr.tn-custom-logo.header__navbar-pc {
    display: flex;
}
.update13_2 .nav-brand-wpr.tn-custom-logo.header__navbar-pc img {
    width: 48px;
    height: 48px;
    object-fit: none;
}
.update13_2 .select2-container--default .select2-results>.select2-results__options {
    border: none;
    background: #15181C;
}
.update13_2 .select2-container--default ul.select2-results__options>li:not(:last-child)::before {
    content: none;
}
.update13_2 .header_prof_nm {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 18.32px;
    letter-spacing: 0%;
    margin-right: 0px;
    display: inline-block;
    width: 8ch;         
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.update13_2 .header_prof_rgt {
    gap: 4px;
}
.update13_2 .header-profile {
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: var(--Substrate-3, #24262A);
    max-width: 187px;
    width: 100%;
    gap: 10px;
    padding: 0px 20px 0px 0px;
}
.update13_2 .header-profileborder {
    padding: 1px;
}

.update13_2 .header_rgt .header-nt {
    margin-left: 16px;
}
.update13_2 .header_rgt .header-nt.active,
.update13_2 .header_rgt .header-nt:hover {
    background:  #277DFF;
    border-color: #277DFF;
}
.update13_2 .main-wpr.collapse .side-menu-toggler {
    transform: rotate(180deg);
}
.update13_2 .drop-menu .drop-menu-in.open {
    margin-left: 10px;
}
.update13_2 .main-wpr.collapse .drop-menu .drop-menu-in.open {
    margin-left: -3px;
    padding-top: 20px;
}
.update13_2 .main-wpr.collapse .drop-menu .drop-menu-in.open a .icon-wpr{
    margin-right: -3px;
}

.update13_2 .main-wpr.collapse li.drop-menu>ul a {
    flex-direction: column;
}
.update13_2 .main-wpr.collapse .side-menu-outer.show li.drop-menu>ul a {
    flex-direction: row; 
    gap: 10px;
    margin-left: 20px;
}
.update13_2 .main-wpr.collapse .side-menu-outer.show .drop-menu .drop-menu-in.open{
    margin-top: 10px;
}
.update13_2 li.drop-menu >ul a .icon-wpr {
    width: 20px;
    height: 20px;
}
.update13_2 .tooltip-text,
.update13_2 .label-description {
    font-family: "GT Walsheim Pro" !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 13.74px;
    letter-spacing: 0%;
    margin-left: 0px;
    padding: 12px;
    position: absolute;
    transform: none;
    display: none;
    left: -40px;
    top: auto;
    bottom: 100%;
    max-width: 230px;
    width: 100%;
    color: rgb(255 255 255 / 90%);
    background: #24262A!important;
    border-radius: 10px;
    line-height: 18px;
    gap: 8px;
}
.update13_2 .tooltip-text::after ,
.update13_2 .label-description::after {
    content: "";
    position: absolute;
    bottom: -6px; 
    right: 98px;
    border-width: 8px 8px 0 8px; 
    border-style: solid;
    border-color: #24262a transparent transparent transparent;
    width: 0;
    height: 0;
}

.update13_2 .amount-desc.label-description::after {
    right: 40px;
}
@media (max-width: 768px) {
    .balance-info {
        display: none;
    }
    .header-nt-outer .notifiction-details-wpr {
        border-radius: inherit;
        padding: 0px;
    }
}
@media screen and (max-width: 1399px) {
    .update13_2 main.main-wpr .page-content-wpr {
        margin-left: 260px;
    }
    .update13_2 main.main-wpr.collapse .page-content-wpr {
        margin-left: 98px;
    }
}
@media screen and (max-width: 1199px) {
    .update13_2 .refer-btn {
        font-size: 16px;
    }
    .header_balance:not(:last-child) {
        margin-right: 0px;
    } 
    .header_rgt .header-nt {
        height: 50px;
        width: 50px;
    }
    .update13_2 .wtch-vdo-wpr-left {
        gap: 12px;
    }
    .update13_2 main.main-wpr .page-content-wpr {
        margin-left: 250px;
    }
    .update13_2 main.main-wpr .page-content-wpr {
        background: #0D1012;
    }
}
@media screen and (max-width: 1024px) {
    /* .update13_2 main.main-wpr .page-content-wpr {
        margin-left: 0px;
    } */
    .update13_2 .refer-btn-wpr .refer-btn-wpr-in {
        display: flex;
        align-content: center;
        align-items: center;
        gap: 10px;
    }
    .update13_2 .plc-order-form-wpr .form-footer {
        margin-bottom: 24px;
        padding-top: 15px;
    }
    .update13_2 .form-footer.form-footer__mobi {
        display: block;
    }
    .update13_2 .form-footer.form-footer__pc {
        display: none;
    }
    .update13_2 .wtch-vdo-wpr {
        height: auto;
    }
    .update13_2 .plc-order-form-wpr .service-cost:nth-child(2) {
        height: 50px;
        gap: 0px;
    }
    .update13_2 .plc-order-form-wpr .sbmt-btn-wpr {
        margin-top: 7px;
    }
    .update13_2 .collapse .drop-menu .drop-menu-in.open,
    .update13_2 .drop-menu .drop-menu-in.open {
        margin-left: 15px;
    }
    .update13_2 .plc-order-form-rht-col.col-lg-5 {
        padding: 0 18px;
    }
    .update13_2 #select2-orderform-service-container, .update13_2 #select2-orderform-category-container {
        white-space: normal;
    }
    .update13_2 #select2-orderform-service-container .select2-selection__text .price, .update13_2 #select2-orderform-category-container .select2-selection__text .price {
        left: auto;
        position: relative;
        top: auto;
        transform: none;
    }
    .update13_2 .label-description {
        left: 0px;
        bottom: 104%;
    }
    .update13_2 .label-description::after {
        content: "";
        position: absolute;
        bottom: -6px;
        right: auto;
        left: 80px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #24262a transparent transparent transparent;
        width: 0;
        height: 0;
    }
    .update13_2 .amount-desc.label-description::after {
        right: 80px;
        left: auto;
    }
}
@media screen and (max-width: 991px) {
    .update13_2 main.main-wpr aside.aside-box {
        position: relative;
        padding-bottom: 0px;
    }
    .update13_2 .header__navbar {
        border-bottom: 1px solid var(--Border, #202026);
    }
    .update13_2 main.main-wpr.collapse .page-content-wpr,
    .update13_2 main.main-wpr .page-content-wpr {
        margin-left: 0px;
    }
   
    .update13_2 .nav-brand-wpr.tn-custom-logo.header__navbar-pc {
        display: none;
    }
    .update13_2 .header__navbar {
        display: flex;
    }
    .sidebar-in .side-menu-outer {
        background-color: #0D1012;
    }
    html body.dashboard .sidebar-in .side-menu-outer.show {
        top: auto!important;
    }

    .update13_2 .header-profile.header-profile__mobi {
        display: flex;
        height: 44px;
    }
    .update13_2 .refer-btn {
        font-size: 12px;
        height: 42px;
        white-space: nowrap;
    }
    .update13_2 .header-profile {
        margin-left: 0px;
        padding: 1px 15px 0px 0px;
        height: 42px;
    }
    .update13_2 .header-profile .dropdown-menu {
        left: auto;
        top: 48px;
    }
    .update13_2 .refer-btn-wpr {
        padding: 0 6px;
    }
    .update13_2 .sidebar-livechat .btn-sidebar-socials {
        max-width: 100%;
    }
   
    .update13_2 #select2-orderform-service-container, .update13_2 #select2-orderform-category-container {
        width: 100%;
    }
    .update13_2 #select2-orderform-service-container{
        padding: 12px 0px 12px 14px!important;
    }
    .update13_2 .select2-container .select2-selection__text .extra-text {
        font-family: GT Walsheim Pro!important;
        width: 100%;
    }
    .update13_2 .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 6px;
        top: 30px;
    }
    .update13_2 .select2-selection__text .price  {
        left: 0px!important;
        position: relative;
        top: 0px;
        margin-top: 6px;
        height: 36px;
        transform: none;
    }
    .update13_2 .select2-container.select2-container--open a, .update13_2 .select2-container.select2-container--open .select2-selection__text {
        display: flex;
        gap: 6px;
    }
 
    .update13_2 .order-srch-form-wpr .srch-order-wpr {
        margin-bottom: 6px;
        padding-right: 0px;
    }
    .update13_2 .select2-container.select2-container--default.select2-container--open .select2-dropdown {
        top: 5px;
    }
    .update13_2 .sidebar-in .side-menu-outer {
        background: #0D1012;
    }
    .update13_2 .sidebar-btm {
        padding: 15px 24px 48px 24px !important;
    }
    .update13_2 .sidebar-in nav>ul>li>a, .update13_2 li.drop-menu>ul a {
        padding: 12px 17px;
    }
    .update13_2 .sidebar-in .side-menu-outer {
        max-width: 400px;
    }
    .update13_2 .sidebar-in nav>ul>li>a.deposit {
        display: none!important;
    }
    .update13_2 .header-profile.header-profile__mobi.open .dropdown-toggle svg {
        transform: rotate(180deg);
    }
    .update13_2 .header-profile.header-profile__mobi.open .dropdown-toggle svg path{
        fill: #fff;
    }
    .update13_2 .sidebar-in nav>ul>li>a.deposit,
    .update13_2 .sidebar-in nav>ul>li>a.new-order {
        width: 48%!important;
        width: 100%;
    }
    .update13_2 .sidebar-in nav>ul li {
        position: static;
    }
    .update13_2 .refer-btn-wpr-in .refer-btn>svg {
        margin: 0px;
    }
    .update13_2 .sidebar-in nav ul {
        position: relative;
    }
    .update13_2 .refer-btn {
        gap: 5px;
    }
    .update13_2 .sidebar-in nav>ul>li>a.deposit {
        position: absolute;
        right: 0px;
        top: 0px;
        display: flex!important;
    }
    .update13_2 .header__navbar {
        border-bottom: none;
    }
    .update13_2 .mob-sidebar-overlay {
        background-color: #0d10124a;
    }
    .update13_2 .header__navbar {
        display: flex;
        padding: 16px 20px 16px 20px;
    }
    .update13_2 .sidebar-in nav>ul>li>a,
    .update13_2 li.drop-menu>ul a {
        color: var(--Gray, #666);
        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }
    .update13_2 .sidebar-in nav>ul li:nth-of-type(3){
        margin-top: 24px;
    }
    .update13_2 .sidebar-btm    {
        padding: 15px 24px 22px 24px !important;
    }
    .update13_2 .sidebar-livechat {
        padding: 0px 20px 60px 20px;
    }
    .update13_2 .refer-btn-wpr .refer-btn-wpr-in {
        gap: 12px;
    }
 
    .update13_2  .sidebar-livechat .btn-sidebar-socials span {
        color: #FFF;
        font-family: "GT Walsheim Pro"!important;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}
@media screen and (max-width:  633px) {
    .update13_2 .sidebar-in .side-menu-outer {
        max-width: 100%;
    }
    .update13_2 .header-profile.header-profile__mobi,
    .update13_2 .refer-btn.refer-popup-btn {
        flex: 1;
    }
    .update13_2 .refer-btn-wpr {
        padding: 0 20px;
    }
    
    .update13_2 .sidebar-in nav>ul>li>a, .update13_2 li.drop-menu>ul a {
        font-size: 16px;
        line-height: 20px;
    }
    .update13_2 .wtch-vdo-wpr-left {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .update13_2 .sidebar-btm-menu>li .hdng-txt {
        padding-left: 16px;
    }
    .update13_2 .plc-order-form-wpr .service-cost {
        flex-direction: row;
        margin: 0;
        width: 100%;
        position: relative;
        gap: 64px;
        justify-content: space-between;
    }
    .update13_2 .plc-order-form-wpr .form-footer .service-cost h4 {
        margin-bottom: 10px;
        font-size: 18px;

    }
    .update13_2 .plc-order-form-wpr .form-footer #avg_time {
        font-size: 20px;
    }
    .update13_2 .plc-order-form-wpr .service-cost .price #new_charge {
        font-size: 32px;
    }
    .update13_2 .plc-order-form-wpr .price {
        justify-content: center;
        flex-direction: column;
    }
    .update13_2 .plc-order-form-wpr .service-cost .price {
        align-items: self-end;
    }
    .update13_2 .plc-order-form-wpr .sbmt-btn-wpr button[type="submit"] {
        max-width: 100%;
        font-weight: 700;
    }
    .update13_2 .plc-order-form-wpr .form-group label {
        font-size: 18px;
        line-height: 22px;
    }
    .update13_2 .plc-order-form-wpr .form-group {
        margin-bottom: 20px;
    }
    .update13_2 .plc-order-form-lft-col.col-lg-7 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .update13_2 .select2-container .select2-selection__text {
        font-size: 14px;
        gap: 0px;
    }
    .update13_2 .plc-order-form-rht-col .dscp-txt {
        border-radius: 24px;
        background: #15181C;
        border: 1px solid #202026;
        padding: 12px;
    }
    .update13_2 #service_description .form-group {
        margin-bottom: 0px;
    }
    .update13_2 .header-nt span::before {
        top: -14px;
        right: -1px;
        z-index: 97;
    }
    .update13_2 .wtch-vdo-wpr .vdo-wpr-cls-btn {
        right: 15px;
    }
    .update13_2 .sidebar-in nav>ul>li>a.deposit, .update13_2 .sidebar-in nav>ul>li>a.new-order {
        font-size: 16px;
    }
    .balance-popup-overlay--active {
        opacity: 1;
        display: block;
        visibility: visible;
    }
    .balance-info.active {
        opacity: 0;
        display: none!important;
    }
    
}
@media screen and (max-width: 414px) {
    .sidebar-in .side-menu-outer {
        max-width: 100%;
    } 
    .social-pckgs-btns ul {
        gap:12px 5px;
    }
    .update13_2 .wtch-vdo-wpr-left {
        width: 100%;
        gap: 25px;
    }
    .update13_2 .plc-order-form-wpr .form-group .form-hdng {
        display: none;
    }
    .update13_2 .plc-order-form-rht-col.col-lg-5 {
        padding: 0 15px;
    }
    .update13_2 .plc-order-form-wpr .form-footer {
        padding-top: 40px!important;
        padding-top: 24px;
        margin-top: 36px;
    }
    .update13_2 .update13_2 .plc-order-form-wpr .price {
        gap: 2px;
    }
    .update13_2 .plc-order-form-wpr .form-footer .service-cost h4 {
        font-size: 20px;
        margin: 0px;
    }
    .update13_2 .btn.btn-paste {
        top: calc(50% + 17px) !important;
    }
    .update13_2 .select2-container .select2-selection__text .extra-text {
        font-family: GT Walsheim Pro!important;
        font-weight: 500;
        font-size: 14px;
        line-height: 22.4px;
        letter-spacing: 0%;
    }
    .update13_2 .header-profile .dropdown-menu {
        right: 15px;
        top: 50px;
        width: 162px;
    }
    .update13_2 .refer-btn-wpr .refer-btn-wpr-in {
        justify-content: space-around;
    }
    .update13_2 .sidebar-in nav>ul>li>a.deposit,
    .update13_2 .sidebar-in nav>ul>li>a.new-order, .update13_2 .sidebar-in nav>ul>li.active:not(.has-menu)>a.new-order {
        max-width: 185px;
        height: 40px;
        font-size: 16px;
        font-weight: 500;
    }
    .update13_2 .sidebar-in .side-menu-wpr {
        padding: 25px 20px 0px 20px;
    }
    .update13_2 .header-profile .dropdown-reward-li {
        padding: 10px 12px;
        border-bottom: none;
    }
    .update13_2 .header-profile.header-profile__mobi.open .dropdown-menu.profile-menu .dropdown-reward-li svg {
        width: 14px;
    }
    .update13_2 .header-profile.header-profile__mobi {
        max-width: 162px;
        height: 42px;
    }
   
    .update13_2 .sidebar-livechat .btn-sidebar-socials {
        margin-bottom: -5px;
        height: 40px;
    }
    .update13_2 .refer-btn.refer-popup-btn {
        height: 42px;
    }
    .update13_2 .refer-btn-wpr .refer-btn-wpr-in {
        padding: 0px 0px 12px 0px;
    }
    .update13_2 .refer-btn-wpr-in .refer-btn>svg {
        width: 16px;
        height: 16px;
    }
  
}

@media screen and (max-width: 374px) {
    .navbar__logo {
        margin-right: 0px;
    }
    .card-notification-list {
        min-width: 250px;
    }
    .update13_2 .plc-order-form-wpr .service-cost {
        flex-direction: column;
        gap: 0px;
    }
    .update13_2 .plc-order-form-wpr .service-cost p {
        position: relative;
    }
}

@media (min-width: 992px) {
    .update13_2 .collapse .sidebar-in nav>ul>li>a.deposit,
    .update13_2 .collapse .sidebar-in nav>ul>li>a.new-order {
        font-size: 0px;
    }
    .dashboard .main-wpr.collapse .sidebar-in .nav-brand-wpr a {
        font-size: 0px;
        display: block;
        max-width: 100%;
        margin: auto;
    }
    .main-wpr.collapse .side-menu-toggler {
        margin: auto;
    }
    .update13_2 .main-wpr.collapse .nav-brand-wpr.tn-custom-logo.header__navbar-pc {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .update13_2 .main-wpr.collapse .sidebar-in .nav-brand-wpr {
        height: auto;
    }
    .update13_2 .main-wpr.collapse a.refer-btn {
        border-radius: 50%;
        flex: 1;
    }
    .update13_2 .main-wpr.collapse .btn-sidebar-socials a,
    .update13_2 .main-wpr.collapse a.refer-btn>svg, 
    .update13_2 .main-wpr.collapse a.refer-btn>img {
        margin-right: -10px;
    }
    .update13_2 .main-wpr.collapse .btn-sidebar-socials {
        font-size: 0px;
        margin-right: -10px;
        width: 44px;
    }
    
}
/* start smo creat mass-order */
.mass-order .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 6px 0 6px;    
}
.mass-order .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 8px 6px;    
    border-color: transparent transparent #fff transparent;
}
.mass-order {
    display: flex;
    padding: 40px 24px 40px 24px;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    border-radius: 10px;
    background-color: #121517;
    gap: 40px;
    font-family: GT Walsheim Pro!important;
    font-weight: 400;
    letter-spacing: 0%;
}
.mass-order__tab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    display: none;
}
.mass-order__tab.mass-order__tab--active {
    display: flex;
}

/* Sidebar */
.mass-order__sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 319px;
    width: 100%;
}

.mass-order__button {
    border-radius: 24px;
    background: var(--Substrate-3, #24262A);
    display: flex;
    padding: 11px 24px;
    align-items: center;
    gap: 8px;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
}
.mass-order__button svg {
    display: none;
}
.mass-order__button:hover ,
.mass-order__button--active {
    background: var(--Primary, #277DFF);
    color: var(--White, #FFF);
}
.mass-order__button:hover svg {
    display: block;
}
.mass-order__button--active svg {
    display: block;
}
.mass-order__button--disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.mass-order__content {
    width: calc(100% - 359px);
}
.mass-order__services,
.mass-order__category {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.mass-order__category-icon {
    font-size: 16px;
}

.mass-order__services {
    /* margin-bottom: 15px; */
}

.mass-order__services-label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
#service-mass-order + .select2-container--default .select2-selection--single,
#category-mass-order + .select2-container--default .select2-selection--single {
    display: flex;
    padding: 11px 14px;
    gap: 8px;
    align-self: stretch;
    border-radius: 10px;
    background: #15181C;
}
#service-mass-order + .select2-container--default .select2-selection--single .select2-selection__rendered,
#category-mass-order + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--White, #FFF);
    font-size: 16px;
}
.select2-container--default ul.select2-results__options>li,
.select2-container--default ul.select2-results__options>li {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
}
/* Links */

.mass-order__quantity,
.mass-order__links {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.mass-order__links {
    flex: 2.35;
}
.input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.clear-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 14px;
    color: #888;
    display: none; 
}

.mass-order__input {
    width: 100%;
    padding-right: 25px; 
}

.input-wrapper input:not(:placeholder-shown) + .clear-btn {
    display: block;
}

.mass-order-label {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}
.mass-order__list-input {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.mass-order__list-input__column {
    flex-direction: column;
}
.mass-order__links-item {
    width: 100%;
}
.mass-order__input {
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; 
    border-radius: 10px;
    border: 1px solid var(--Black-2, #202026);
    background: #15181C;
    width: 100%;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
}
.update13_2 .page-body input[type="number"]:focus,
.update13_2 .page-body input[type="text"]:focus,
.update13_2 .page-body textarea:focus {
    backdrop-filter: blur(240px);
    border: 1px solid #277DFF;
    appearance: none;
    backdrop-filter: blur(120px);
    box-shadow: none;
    outline: 0 !important;
    color: #fff;
    border-color: #277DFF !important;
}
.mass-order__textarea {
    min-height: 265px;
}
.mass-order__textarea_large{
    min-height: 350px;

}
.mass-order__add-button {
    display: flex;
    height: 40px;
    padding: 10px 65px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 1223456px;
    background: var(--Primary, #277DFF);
    color: var(--Pure-colors-White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    border: none;
    cursor: pointer;
    margin-top: -14px;
}

.mass-order__add-button:hover {
    background: #0056b3;
}

.mass-order__settings {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.mass-order__settings-price {
    color: #ffcc00;
    font-weight: bold;
}

/* Add-ons */
.mass-order__addons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.mass-order__addons label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.source-video {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    position: relative;
    white-space: nowrap;
}
.source-video-price {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 40%;
    display: flex;
    justify-content: end;
}
.mass-order__addons .mass-order-label {
    position: relative;
    width: 100%;
    font-family: "GT Walsheim Pro"!important;

    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    letter-spacing: 0%;
}
.mass-order-checkbox {
    margin-bottom: 0px;
}
.terms-checkbox input[type="checkbox"],
.mass-order-checkbox input[type="checkbox"] {
    display: none;
}
.terms-checkbox .checkmark,
.mass-order-checkbox  .checkmark {
    width: 18px;
    height: 18px;
    padding: 3.33px;
    gap: 11.11px;
    border-radius: 6.67px;
    display: inline-block;
    position: relative;
    background: transparent;
    background: #0D1012;
    border: 1px solid #fff;
    transition: background-color 0.3s, border-color 0.3s;
    cursor: pointer;
}
.terms-checkbox input[type="checkbox"]:checked + .checkmark,
.mass-order-checkbox input[type="checkbox"]:checked + .checkmark {
    background-color: #277DFF;
}
.terms-checkbox  input[type="checkbox"]:checked + .checkmark::after,
.mass-order-checkbox  input[type="checkbox"]:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 1.3px 1.3px 0;
    transform: rotate(45deg);
}
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tooltip-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #666666;
    color: #000;
    display: block;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
.update13_2 .tooltip-box {
    position: relative;
    width: 40%;
}
.update13_2 .tooltip-text{
    top: -55px;
    left: -35px;
    white-space: normal;
}
.tooltip-text {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: none;
    position: absolute;
    right: 0px;
}
.tooltip-icon:hover + .tooltip-text {
    display: block;
}
@media only screen and (max-width: 1200px) {
    .mass-order__button {
        white-space: normal;
    }
    .mass-order {
        gap: 20px;
    }
}
@media only screen and (max-width: 1024px) {
    .mass-order {
        flex-direction: column;
    }
    .mass-order__content {
        width: 100%;
    }
    .mass-order__sidebar {
        max-width: 100%;
    }
    .mass-order {
        gap: 40px;
    }
}
.mass-order__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 40px 24px 60px 0px;
    margin-left: 24px;
    border-top:  2px dashed #24262A;

}
.mass-order__footer-box {
    display: flex;
    align-items: center;
    gap: 60px;
    align-self: stretch;
}
.mass-order__text {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
}
.mass-order__cost {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.mass-order__cost--highlight {
    color: var(--Primary, #277DFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.mass-order-number {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    flex-direction: row-reverse;
}

.mass-order-number label {
    color: var(--Gray, #666);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 123456px;
    background: #24262A;
}
.mass-order__time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    position: relative;
}
.update13_2 .mass-order__time .tooltip-box {
    position: static;
}
.mass-order__time-box {
    display: flex;
    width: 100%;
    align-items: center;
}
.mass-order__time--bold {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.mass-send__button {
    color: #0D1012!important;
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal;
    border-radius: 1233456px!important;
    background: #FFB60E!important;
    display: flex;
    max-width: 503px;
    width: 100%;
    padding: 12px 24px!important;
    height: auto!important;
    justify-content: center;
    align-items: center;
    box-shadow:none!important;
    border: none!important;
    gap: 6px;
}

/* Responsive for Mobile */
@media (max-width: 768px) {
    .mass-order__footer {
        flex-direction: column;
        margin-left: 0px;
        padding: 40px 20px 60px 20px;
    }
    .mass-order-number {
        justify-content: space-between;
    }
    .mass-order__cost {
        width: 100%;
    }
    .mass-order__footer-box {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 24px;
    }
    .mass-order__time {
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .mass-send__button {
        max-width: 100%;
        width: 100%;
    }
    .mass-order__quantity .mass-order__input::placeholder {
        visibility: hidden;
    }
    .update13_2 .tooltip-box {
        width: 50%;
        white-space: nowrap;
    }
    .update13_2 .tooltip-text {
        white-space: wrap;
    }
    .source-video-price {
        width: 10%;
    }
}
/* end smo creat mass-order */

/* start smo update page account */
.account-box {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.update13_2 .page-hdng.page-account__title {
    margin-top: 0px;
    margin-bottom: 24px;
}
.account__sidebar {
    display: flex;
    flex-direction: column;
    max-width: 200px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
}
.account__tab {
    border-radius: 24px;
    display: flex;
    padding: 11px 24px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-bottom: 1px solid var(--Border, #202026);
    background: var(--Substrate-3, #24262A);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
}

.account__tab svg {
    display: none;
}

.account__tab:hover {
    background: var(--Primary, #277DFF);
    transform: translateY(-2px); 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.account__tab--active {
    background: var(--Primary, #277DFF);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    transform: translateY(0); 
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.account__tab:hover svg {
    display: block;
}
.account__tab--active svg {
    display: block;
}

.account__content {
    flex: 1;
    border-radius: 24px;
    background: var(--Substrate-1, #121517);
}
.account__description {
    font-family: GT Walsheim Pro;
    font-weight: 400;
    font-size: 12px;
    line-height: 16.8px;
    letter-spacing: 0%;
    color: #666666;
    margin-top: 5px;
    margin-bottom: 10px;
}
.account__panel  {
    display: none;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
}
.account__panel.account__panel--active {
    display: flex;
}
.account__profile {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.account__avatar-wrapper {
    display: flex;
    max-width: 120px;
    width: 100%;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.account__avatar-wrapper:hover .account__change-avatar{
    color: #FFF;
}

.account__avatar-wrapper:hover svg path{
    fill: #FFF;
    fill-opacity:1;
}
.account__avatar-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #080707e0;
    pointer-events: none; 
}

.account__avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
    box-shadow: 0px 89px 25px 0px rgba(0, 0, 0, 0.00), 0px 57px 23px 0px rgba(0, 0, 0, 0.01), 0px 32px 19px 0px rgba(0, 0, 0, 0.05), 0px 14px 14px 0px rgba(0, 0, 0, 0.09), 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.account__change-avatar {
    position: absolute;
    color: #FFFFFF99;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: GT Walsheim Pro;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
}

.account__icon {
    background: url('path/to/icon.png') no-repeat center center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: block;
}

.account__input-file {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.account__details {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}
#2fa-generate-form {
    margin-bottom: 12px;
}
.time-zone-form {
    margin-bottom: 0px;
}

.account__field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-bottom: 10px;
}

.account__label {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}
.account-page .api-input-wpr {
    width: 100%;
    position: relative;
}
.account__input {
    width: 100%;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;  
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Black-2, #202026);
    background: #15181C;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
}

.account__input[readonly] {
    opacity: 0.6;
    cursor: not-allowed;
}

.account__currency {
    display: flex;
    padding: 6px;
    justify-content: start;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 123456px;
    border: 1px solid #202026;
    background: var(--Substrate-2, #15181C);
}

.account__currency-btn {
    display: flex;
    height: 24px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 123456px;
    background: var(--Substrate-3, #24262A);
    border: none;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; 
    max-width: 105px;
    width: 100%;
}
.account__currency-btn:hover,
.account__currency-btn--active {
    background: #277DFF;
    color: #fff;
}
.account__currency-btn:hover svg rect,
.account__currency-btn--active svg rect {
    fill: #fff;
}
.account__currency-btn:hover svg path,
.account__currency-btn--active svg path {
    fill: #000;
}
.account__section-title {
    color: var(--Primary, #277DFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    margin: 0px;
}
.account__panel--security {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.account__panel--security form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.account__btn {
    border-radius: 1223456px!important;
    display: flex;
    padding: 6px 32px!important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: auto!important;
    color: var(--Pure-colors-White, #FFF)!important;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700!important;
    line-height: 20px;
    box-shadow: none!important;
    border: none!important;
    position: relative;
}
.account__btn:hover {
    background-color: none;
}
.account__btn:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.account__btn.account__btn--primary {
    background: var(--Primary, #277DFF)!important;
}
.account-box .api-input-wpr .custom-tooltip-wpr .custom-tooltip-cntnt {
    min-height: 20px;
    padding: 10px;
}
.modal-open .modal.account-modal {
    background: rgba(13, 16, 18, 0.60);
    backdrop-filter: blur(5px);
}
.modal-open .modal.account-modal .modal-body {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 0px;
}
.modal-open .modal.account-modal .modal-close {
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.modal-open .changemail-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(197, 235, 255, 0.15);
    border: 1px solid #07090A;
    border-radius: 10px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    outline: 0;
    border: 1px solid #202026;
    background: #121517;
    border-radius: 40px;
    border-width: 1px;
    padding: 20px 24px 24px 24px;
    gap: 40px;
}

.modal-open .modal.account-modal .modal-body h3 {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}
.modal-open .modal.account-modal .modal-body .current-email {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}
.modal-open .changemail-content .account__btn.account__btn--primary {
    padding: 10px 32px!important;
}

.modal-open .changemail-content .account__btn:hover::after {
   height: 40px;
}
.modal-open .changemail-content input[type="text"] {
    border-radius: 10px;
    border: 1px solid var(--Black-2, #202026);
    background: #15181C;

    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.modal-open .changemail-content .form-group {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 0px;
}
.modal-open .changemail-content .form-group label {
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 18px;
    line-height: 20.61px;
    letter-spacing: 0%;
    margin: 0px;
}
.modal-open .changemail-content form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin: 0px;
}


.modal-open  .changemail-content input{
    background: #15181C;
    border: 1px solid #202026;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    border-radius: 10px;
    border-width: 1px;
    gap: 8px;
    padding: 12px 14px;
    color: #666666;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    letter-spacing: 0%;
    height: 50px;
}
.modal-open  form button[type="submit"] {
    max-width: 500px;
    height: 40px;
    border-radius: 1223456px;
    gap: 6px;
    padding-top: 10px;
    padding-right: 65px;
    padding-bottom: 10px;
    padding-left: 65px;
    background: #277DFF;
    width: 100%;
    margin-top: 16px;
}
.modal-open .changemail-content {
    max-width: 500px;
    width: 100%;
}
.modal-open .changemail-content form,
.modal-open .modal.account-modal .modal-body,
.modal-open .changemail-content {
    width: 100%;
}
.update13_2 .time-zone-form .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 12px 0px 12px 14px;
    font-size: 14px;
    font-weight: 500;
    font-family: GT Walsheim Pro!important;
}
@media (max-width: 768px){
    .account-page .account-cntnt-wpr {
        padding: 0 20px;
    }
    .update13_2 .page-hdng.page-account__title {
        margin-bottom: 40px;
    }
    .account__tab {
        padding: 10px 24px;
    }
    .account-box {
        flex-direction: column;
        gap: 24px;
    }
    .account__sidebar {
        max-width: 100%;
    }
    .account__profile {
        flex-direction: column;
    }
    .account__panel {
        padding: 20px;
    }
    .account__currency {
        flex-wrap: wrap;
        padding: 0px;
        justify-content: center;
        border: none;
        background: none;
    }
    .account__currency-btn {
        width: 33%;
        max-width: 100%;
        padding: 4px 18px;
    }

    .account__avatar-wrapper {
        margin: 0 auto;
        max-width: 100px;
    }
    .account__input {
        font-size: 14px!important;
    }
    .account-box .account__btn {
        padding: 5px 32px !important;
    }
    .account-box .account__btn,
    .account-box .account-form-sbmt-btn-wpr {
        width: 100%;
    }
}

/* end smo update page account */

/*smo css api */

.dashboard .select2-container--default .select2-results>.select2-results__options{
  border: none !important;
}

.top-sph-api{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px !important;
}

.left-top-sph-api{
    display: flex;
    align-items: center;
}

.tag-gift-api{
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #AA50DE 0%, #C650DE 100%);
    border-radius: 123456px;
    padding-top: 5.5px;
    padding-right: 12px;
    padding-bottom: 5.5px;
    padding-left: 12px;
    gap: 4px;
}

.left-top-sph-api h1.page-hdng{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 36px;
    line-height: 41.22px;
    margin-bottom: 0 !important;
    color: #fff !important;
    margin-right: 6px;
  margin-top: 0 !important;
  text-transform: uppercase;
}

.tag-gift-api p{
    margin-bottom: 0 !important;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    text-align: center;
    color: #fff !important;
}

.right-top-sph-api a{
    display: flex;
    border-radius: 1233456px;
    padding-top: 9px;
    padding-right: 22px;
    padding-bottom: 10px;
    padding-left: 18px;
    gap: 6px;
    background: #277DFF;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 20.61px;
    justify-content: center;
    max-width: 256px;
    max-height: 41px;
}

.sph-api-page{
    padding: 40px 23px !important;
}

.sph-card-api{
    background-color: #121517 !important;
}

.sph-api-page .main-content .content label{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 18px;
    line-height: 20.61px;
    margin-bottom: 8px;
    color: #fff;
    text-transform: capitalize;
}


.sph-api-page .main-content .content form input[type=text], .main-content .content form textarea{
    border: 1px solid #202026;
    background: #15181C;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    padding-left: 12px;
    line-height: 25.6px;
    height: 50px;

}

.sph-api-page .main-content .content .card .row{
    margin-bottom: 0px;
}

.sph-api-page .main-content .content .card .row:last-child{
    margin-bottom: -24px;
}

.sph-api-page .main-content .content form input[type=text]::placeholder, .main-content .content form textarea::placeholder{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    color: #666666;
}

.sph-api-page .main-content .content form select{
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    border: 1px solid #202026;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    padding-top: 12px;
    padding-right: 14px;
    padding-bottom: 12px;
    padding-left: 14px;
    gap: 8px;
    border-width: 1px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    background-image: url('https://storage.perfectcdn.com/0a268b/d9s3h69ce9b6e27f.png') !important;
    background-position: center right 16px !important;
    background-size: 20px !important;
    background: #15181C;
}

.sph-api-page .col-md-6, .sph-api-page .col-md-12{
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}

.main-content .content .card.sph-card-api{
    padding: 24px 24px 24px 25px;
    margin-bottom: 24px;
    gap: 0px;
}

.card.sph-card-api > h4{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 22.9px;
    color: #277DFF;
    margin-top: 2px;
}

.card.sph-card-api .space-xs-20 {
    height: 39px;
}

.sph-api-page .main-content .content form pre{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.99215px;
    color: #666666;
    padding: 12px 14px 11px 14px;
  	border: 1px solid #202026 !important;
    background: #15181C !important;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05) !important;
}

.sph-api-page .php-code-mb{
  display: none;
}

.section-faq-api h2{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    text-align: center;

}

.sph-api-page .main-content{
    margin-bottom: 16px;
}

.sph-api-page .btn.btn-copy {
    max-width: 65px;
    height: 26px;
    padding: 4px 6px 4px 6px;
    gap: 6px;
    border-radius: 6px;
    background: #D3EAFF;
    font-family: GT Walsheim Pro !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 13.74px;
    text-align: left;
    color: #21A0F6;
    position: absolute;
    top: 55px;
    right: 20px;
    cursor: pointer;
    border: none;
    outline: none;
}

.sph-api-page .btn.btn-copy {
    top: calc(50% + 15px) !important;
    transform: translateY(-50%);
    right: 29px;
    max-width: 70px;
    padding: 6px 10px 6px 7px;
}

.sph-api-page .col-md-12 .btn.btn-copy {
    top: 53px !important;
    transform: translateY(-50%);
}

.sph-api-page .faq__container.container{
    padding: 0;
}

.sph-api-page .faq__item{
    padding: 17px 21px
}

.sph-api-page .faq__content{
    gap: 6px;
}

.sph-api-page .faq__question {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.sph-api-page .faq__description {
    color: #666;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    padding-left: 24px;
}

.sph-api-page .faq__description p{
    margin-bottom: 25px;
    color: #666;
}

.sph-api-page .faq__description p:last-child{
    margin-bottom: 0px;
}

.sph-api-page details[open].faq__item .faq__content::after {
    background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2014.667L16%2010.0003H8L12%2014.667Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}

.sph-api-page .faq__content::after {
    right: -7px;
    top: 47%;
    background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2014.667L16%2010.0003H8L12%2014.667Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}

@media (max-width: 991px){
    .sph-api-page .content{
        width: 100% !important
    }
}

@media (max-width: 600px){
    .body-content-wpr.sph-api-page .top-sph-api{
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        justify-content: flex-start;
        padding: 0 20px;
        margin-bottom: 0px !important;
    }
  
  .body-content-wpr.sph-api-page .left-top-sph-api h1.page-hdng{
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-transform: unset;
    padding: 0px;
  }
  
  .sph-api-page .php-code-mb{
    display: block;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  .sph-api-page .main-content .content label{
    margin-bottom: 6px;
  }
  
  .sph-api-page .php-code-pc{
    display: none;
  }
  
  .sph-api-page .tag-gift-api p{
        margin-top: 1px;
    	margin-bottom: -4px !important;
  }
  
  .update13_2.dashboard .body-content-wpr.sph-api-page {
      padding: 24px 0 0 0 !important;
  }
  
  .right-top-sph-api a {
      display: flex;
      padding-top: 5px;
      padding-right: 11px;
      padding-bottom: 6px;
      padding-left: 12px;
      gap: 6px;
      max-width: 110px;
      max-height: 28px;
      margin-top: 3px;
	}
  .right-top-sph-api a svg{
    width: 16px;
  }
  
  .body-content-wpr.api-page.sph-api-page .main-content>.content {
    padding: 19px 20px;
    padding-bottom: 0;
	}
  
  .sph-api-page .main-content .content .card.sph-card-api{
    padding: 20px 24px;
    margin-bottom: 24px;
  }
  
  .sph-api-page .main-content .content label{
    font-size: 16px;
    font-weight: 500;
  }
  
  .sph-api-page .main-content .content form input[type=text], .main-content .content form textarea{
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
  }

  .sph-api-page .main-content .content form input[type=text]{
    padding: 12px 14px;
    height: 46px !important;
  }

  .sph-api-page .col-md-6, .sph-api-page .col-md-12{
    padding-left: 11px;
    padding-right: 11px;
  }

  .sph-api-page .btn.btn-copy {
    top: calc(50% + 13px) !important;
    transform: translateY(-50%);
    right: 24px;
    max-width: 70px;
    padding: 6px 10px 6px 7px;
    height: 24px;
  }

    .sph-api-page .card.sph-card-api > h4{
        margin-left: -4px;
        margin-bottom: -2px;
    }

    .sph-api-page .col-md-12 .btn.btn-copy{
        top: 50px !important;
    }

    .sph-api-page .main-content .content form pre{
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 157%; /* 22.4px */
    }

    .sph-api-page .main-content{
        margin-bottom: 0 ;
    }

    .section-faq-api h2{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 33.6px */
    }

    .sph-api-page .faq__question{
        padding-right: 16px;
    }

    .sph-api-page .faq__content{
        align-items: flex-start;
    }

    .section-faq-api{
        padding: 0 20px;
    }
  
}

/*end smo css api */




/*smo css tickets */
.dashboard .body-content-wpr.sph-page-tickets{
    padding: 40px 23px !important;
}

.sph-page-tickets h1.page-hdng{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 36px;
    line-height: 41.22px;
    color: #fff;
    margin-bottom: 24px !important;
  margin-top: 0 !important;
}

.dashboard > .select2-container--default ul.select2-results__options>li{
  background: #15181C !important;
  background-color: #15181C !important;
}

.dashboard .select2-container--default ul.select2-results__options>li.select2-results__option{
    background: #15181C !important;
  background-color: #15181C !important;
}

.dashboard > .select2-container--default ul.select2-results__options>li.select2-results__option:hover, .dashboard > .select2-container--default ul.select2-results__options>li[aria-selected="true"].select2-results__option{
  background: #24262A !important;
  background-color: #24262A !important;
}


.sph-page-tickets .support_frm_grp label{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 20.61px;
    opacity: 1;
}

.sph-page-tickets .support_main_wpr{
    background-color: #121517;
    padding: 24px 26px 24px 28px;
}

.sph-page-tickets .support_frm_grp label{
    margin-bottom: 8px;
}

.sph-page-tickets .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered{
    min-height: 48px;
    padding-left: 12px;
    padding-top: 11px;
    height: 48px !important;
}

.sph-page-tickets .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
    background-image: url('https://storage.perfectcdn.com/0a268b/d9s3h69ce9b6e27f.png');
    border-radius: 0;
    background-color: unset;
    right: 2px;
    top: 49%;
}

.sph-page-tickets .custom-select2 .select2-container.select2-container--default.select2-container--open .select2-selection__arrow{
    background: url('https://storage.perfectcdn.com/0a268b/bx681gx0q8dnchn9.svg') no-repeat center;
    border-radius: 0;
    background-color: unset;
    right: 3px;
    background-size: inherit;
    top: 49%;
}

.sph-page-tickets .select-box>h3{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
}

.sph-page-tickets select{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    color: #666 !important;
}


.sph-page-tickets .support_frm_grp .affiliate_field_innr textarea{
    height: 131px !important;
    border-radius: 10px;
    padding-top: 12px;
    padding-right: 14px;
    padding-bottom: 12px;
    padding-left: 14px;
    border-width: 1px;
    background: #15181C;
    border: 1px solid #202026;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    color: #fff !important;
    margin-bottom: 24px !important;

}

.sph-page-tickets .support_frm_grp .affiliate_field_innr textarea::placeholder{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    color: #666 !important;
}

.sph-page-tickets .support_frm_grp{
    margin-bottom: 25px;
}

.sph-page-tickets .affiliate_field_grp input[type="text"], .sph-page-tickets .affiliate_field_grp input[type="email"], .sph-page-tickets .affiliate_field_grp input[type="tel"], .sph-page-tickets .affiliate_field_grp input[type="password"] {
    height: 50px !important;
    border-radius: 10px;
    padding-top: 12px;
    padding-right: 14px;
    padding-bottom: 12px;
    padding-left: 14px;
    border-width: 1px;
    background: #15181C;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    letter-spacing: 0%;
    color: #fff !important;
    border: 1px solid #202026
}

.sph-page-tickets .affiliate_field_grp input[type="text"]::placeholder, .sph-page-tickets .affiliate_field_grp input[type="email"]::placeholder, .sph-page-tickets .affiliate_field_grp input[type="tel"]::placeholder, .sph-page-tickets .affiliate_field_grp input[type="password"]::placeholder{
    color: #666 !important;
} 

.sph-page-tickets .support_frm_grp label>span {
    font-size: 14px;
    color: #666;
    opacity: 1;
    display: inline-block;
    padding-left: 3px;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    line-height: 16.03px;

}

.sph-page-tickets .support_sub{
    padding-left: 0;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 13.74px;
    color: #666 !important;
    opacity: 1;
    opacity: 1;
    max-width: unset !important;
    display: block;
    margin-top: 1px;
    margin-bottom: 6px;


}

.sph-page-tickets .tickets-uploader button span{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;
    color: #666 !important;
    margin: 0 6px !important;
}   

.sph-page-tickets .tickets-uploader{
    margin-top: 5px;
}

.line-ticket-sph{
    border: none;
    width: 100%;
    height: 2px;
    background-image: url('https://storage.perfectcdn.com/0a268b/h8tc4ouqq3hg5j3i.png');
    background-size: cover;
    background-repeat: repeat;
    margin-top: 13px;
    margin-bottom: 40px;
}

.sph-page-tickets .support_main_wpr.your-ticket.ticket-container {
    padding: 0;
    background: inherit;
    border-radius: 16px !important;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.sph-page-tickets .ticket-table thead tr th{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 18.32px;
    color: #fff !important;
    opacity: 1;
    border-right: none !important;
    padding: 22.6px 16px 20px 16px !important;
}

.sph-page-tickets .ticket-table{
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
}

.sph-page-tickets .ticket-table thead{
    background: #15181C;
    border-bottom: 1px solid #FFFFFF1A;
}

.sph-page-tickets .submit2{
    box-shadow: none !important;
}

.sph-page-tickets .ticket-table td{
    border-bottom: 1px solid #FFFFFF1A !important;
    border-right: 0 !important;
    padding: 17px 10px 16px 16px;
}

.sph-page-tickets .affiliate_field_grp.new-ticket{
    margin-bottom: 24px !important;
}

.sph-page-tickets .ticket-table thead tr th:first-child{
    width: 10% !important;
}

.sph-page-tickets .ticket-table thead tr th:nth-child(2){
    width: 27.2% !important;
}
.sph-page-tickets .ticket-table thead tr th:nth-child(3){
    width: 16.2% !important;
}
.sph-page-tickets .ticket-table thead tr th:nth-child(4){
    width: 12.8% !important;
}
.sph-page-tickets .ticket-table thead tr th:nth-child(5){
    width: 16.2% !important;
}

.sph-page-tickets .ticket-table thead tr th:last-child{
    min-width: 193px !important;
}

.sph-page-tickets .ticket-table tr td:first-child{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #666;
    
}

.sph-page-tickets .ticket-table td{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff;

}

.sph-page-tickets span.status-closed{
    border-radius: 123456px;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 5px;
    background-color: #FFAC27;
    color: #fff !important;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;
    display: inline-block;
	width: 82px;
    text-align: center;
}

.sph-page-tickets a.view-ticket{
    background: #24262A;
    border-radius: 123456px;
    padding: 8px 6px 8px 30px;
    border: none !important;
    background-image: url(https://storage.perfectcdn.com/0a268b/l3nf5for8zf56ljk.svg);
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 21px center;
    width: 100%;
    color: #666 !important;
    max-width: 162px;
}

.sph-page-tickets a.view-ticket:hover{
  color: #fff !important;
  background-image: url(https://storage.perfectcdn.com/0a268b/15tstul4ctgdptsj.svg);
  background-color: #277DFF !important;
}

.sph-page-tickets .status-closed.status-new {
  background: #22C55E; /* Status Answered */
}

.sph-page-tickets .status-closed.status-pending {
  background: #FF2727;
}

.sph-page-tickets .status-closed.status-answered {
  background: #22C55E;
}

.sph-page-tickets .support_pagination li {
    background: #101315;
    border-radius: 50%;
    padding: 9px 17px;
    margin: 0 4px;
    width: 40px;
    height: 40px;
    text-align: center;
    align-content: center;
    padding: 0;
}

.sph-page-tickets .support_pagination {
    padding-bottom: 0px;
}

.sph-page-tickets .support_pagination li a {
    color: #666666;
}
.sph-page-tickets .support_pagination li a {
    font-family: GT Walsheim Pro;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.sph-page-tickets .support_pagination li.active {
    background: #277DFF;
}

.sph-page-tickets .support_pagination li.active a {
    color: #fff;
}
.sph-page-tickets .support_pagination li a {
    color: #666666;
}

.sph-page-tickets .support_pagination li:has(.next_arrw), .sph-page-tickets .support_pagination li:has(.prev_arrw) {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sph-page-tickets .support_pagination li:has(.next_arrw) a, .sph-page-tickets .support_pagination li:has(.prev_arrw) a{
    line-height: 0;
    
}

.sph-page-tickets .section-faq-api .faq__item{
    border-radius: 24px;
}

.sph-page-tickets .section-faq-api h2{
    margin-bottom: 20px;
}

.sph-page-tickets .faq__container.container{
    padding: 0;
}

.sph-page-tickets .faq__content::after{
    top: 50%
}

.ticket-table tr.tr-ticket-mb{
    display: none;
}

.sph-page-tickets .submit2{
  background-color: #277DFF !important
}

.sph-page-tickets .submit2:hover{
  	background: #277DFF;
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset !important;
}

.sph-page-tickets .ticket-table tr td:first-child{
    display: none;
}
@media (max-width: 768px){
    .sph-page-tickets .ticket-table td::before{
        border-right: 1px solid #FFFFFF1A !important;
    }

    .sph-page-tickets .ticket-table td:not(:first-child) {
        padding: 8px 0 8px 56% !important;
    }

    .sph-page-tickets .ticket-table td::before{
        color: #fff !important;
    }

    .sph-page-tickets h1.page-hdng{
        font-size: 24px !important;
        line-height: 27.48px;
        padding: 0 !important;
        margin-bottom: 40px !important;
    }

    .dashboard .body-content-wpr.sph-page-tickets{
        padding: 24px 20px !important;
    }

    .sph-page-tickets .affiliate_field_grp.new-ticket{
        border-radius: 24px;
        padding: 20px;

    }

    .dashboard .sph-page-tickets .support.select-box .btn-group-vertical.lrg-img{
        width: 20px
    }

    .sph-page-tickets .custom-select2 .select2-selection.select2-selection--single .select2-selection__rendered{
        min-height: 44px;
        height: 44px !important;
    }

    .sph-page-tickets .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
        right: 8px;
        top: 50%
    }

    .sph-page-tickets .affiliate_field_grp.support_frm_grp:not(:last-child){
        margin-bottom: 24px;
    }

    .sph-page-tickets .support_sub{
        margin-bottom: 8px !important;
    }

    .sph-page-tickets .affiliate_field_grp input[type="text"], .sph-page-tickets .affiliate_field_grp input[type="email"], .sph-page-tickets .affiliate_field_grp input[type="tel"], .sph-page-tickets .affiliate_field_grp input[type="password"]{
        height: 46px !important;
    }

    .sph-page-tickets .col-xs-12.col-sm-6.col-md-6.col-lg-6.support_col:last-child{
        margin-top: -20px;
    }
    .line-ticket-sph{
        margin-top: 24px;
    }

    .sph-page-tickets .ticket-table tr td:first-child::before, .sph-page-tickets .ticket-table tr td:last-child::before {
        display: none;
    }

    .sph-page-tickets .ticket-table tr td:first-child{
        padding: 18.5px 20px !important;
        justify-content: space-between;
        padding-right: 20px;
        padding-left: 20px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        background: #101315;
        color: #fff;
        font-family: "GT Walsheim Pro"!important;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        text-align: center;
		border-bottom: none !important;
        display: block;
    }

    .sph-page-tickets .ticket-table td::before{
        padding-left: 20px;
        color: #fff;
        font-family: "GT Walsheim Pro"!important;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;

    }

    .sph-page-tickets .ticket-table tr td:last-child{
        padding: 12px 0px !important;
        border-bottom: none !important;
    }

    .sph-page-tickets .ticket-table tr td:nth-child(2){
        font-family: "GT Walsheim Pro"!important;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #666;
        padding-top: 20px !important;
        padding-bottom: 16px !important;
    }

    .sph-page-tickets .ticket-table tr td:nth-child(3){
        padding-top: 13px !important;
        padding-bottom: 11px !important;
    }

    .sph-page-tickets .ticket-table tr td:nth-child(4){
        padding-top: 18px !important;
        padding-bottom: 17px !important;
    }

    .sph-page-tickets .ticket-table tr td:nth-child(6){
       display: none;
    }

    .sph-page-tickets .support_main_wpr.your-ticket.ticket-container{
        margin-top: -15px !important;
    }

    .sph-page-tickets a.view-ticket{
        width: 100% !important;
        height: 36px !important;
        background-position: calc(50% - 42px) center;
        max-width: 100%;
        margin: 0 auto;
    }

    .ticket-table tr{
        border-bottom: none !important;
        margin-bottom: 13px !important;
    }

    .sph-page-tickets .support_pagination ul {
        flex-wrap: wrap;
        margin-top: 0px;
    }

    .sph-page-tickets .support_pagination li{
        justify-content: center;
        align-items: center;
    }

    .support_pagination li a.prev_arrw svg, .support_pagination li a.next_arrw svg, .support_pagination li a.prev_arrw img, .support_pagination li a.next_arrw img{
        min-width: 20px;
    }

    .ticket-table td::before{
        width: 50%
    }

}

@media (max-width: 767px){
    .row-summit-tickets > .col-sm-12 {
        width: 100% !important;
        max-width: 100% !important;
    }

    

}

/*end smo css tickets */
/*smo css view ticket */
.dashboard .body-content-wpr.sph-page-viewtickets{
    padding: 40px 23px !important;
}

.sph-page-viewtickets .vipresward_subtitle span{
    font-family: "Inter";
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    opacity: 1;
}

.sph-page-viewtickets .vipresward_subtitle p{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 12px;
    line-height: 13.74px;
    color: #fff;
    margin-top: 1px;
    margin-left: 7px;
}

.sph-page-viewtickets h1.page-hdng{
    margin-top: 0 !important;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 36px;
    line-height: 41.22px;
    color: #fff !important;
    letter-spacing: 0.008em;
    margin-bottom: 0 !important;

}

.sph-page-viewtickets .vipresward_subtitle{
    margin-bottom: 13px;
}

.top-viewtickets-heading{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 11px;

}

.top-viewtickets-heading p{
    margin-bottom: 0;
    border-radius: 123456px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #FFAC27;
    
}

.sph-page-viewtickets .cmn_gray_bg.support_chat_bx{
    background: #121517;
    border-radius: 24px;
    padding: 25px 12px;
    backdrop-filter: unset;

}

.sph-page-viewtickets .support_chat_bx h2{
    padding: 0px !important;
    color: #277DFF;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 22.9px;
    padding-bottom: 22px !important;
    border-bottom: 1px solid #24262A;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 9px;
}



.sph-page-viewtickets .support_chat_bx .chat_body, .support_chat_bx .chat_fttr{
    padding: 0 16px;
    padding-right: 12px;
}

.sph-page-viewtickets .chat_wpr.reply .chat_field::after{
    display: none;
}

.sph-page-viewtickets .chat_wpr.reply .chatUser_logo{
    margin-right: 8px !important;
}

.sph-page-viewtickets .sph-user-viewticket{
    display: flex;
    justify-content: space-between;
}

.row.viewTicket_rw{
  padding: 0;
}

.sph-page-viewtickets .chat_field .chat_time{
    position: relative;
    bottom: unset;
    right: unset;
}

.sph-page-viewtickets .chat_field{
    background: none;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
}

.sph-page-viewtickets .name-user-sph{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;

}

.sph-page-viewtickets p.chat_time{
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    opacity: 1;
}

.sph-page-viewtickets p.chat_time span{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

.sph-page-viewtickets .chat_wpr .chat_txt p,.sph-page-viewtickets .chat_wpr .chat_txt {
    font-family: "GT Walsheim Pro"!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    letter-spacing: -0.004em;

}

.sph-page-viewtickets .chat_wpr.reply .chat_field{
    max-width: 368px;
    /* max-width: 43.112%; */
}


.sph-page-viewtickets .chat_wpr.reply .chat_txt{
    border-radius: 0 16px 16px 16px;
    padding: 9px 14px 9px 14px;
    background: #24262A;
    border: 1px solid #202026;
    margin-top: 6px;
}

.sph-page-viewtickets .chat_body{
    max-height: 544px;
    margin-bottom: 40px;
    padding-right: 10px !important;
}

.sph-page-viewtickets .chat_wpr .chat_field::after{
    display: none;
}

.sph-page-viewtickets .chat_wpr .chat_field{
    width: 420px;
    /* width: 49.204%; */
}

.sph-page-viewtickets .chat_wpr {
    margin-bottom: 24px !important;
}

.sph-page-viewtickets .chat_wpr .chat_txt{
    background: #277DFF;
    border: none;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    margin-top: 6px;
}

.sph-page-viewtickets .chat_body{
    height: 100%;
}

.sph-page-viewtickets .chat_body::-webkit-scrollbar {
    width: 2px;
    border-radius: 10px;
}

.sph-page-viewtickets .chat_body::-webkit-scrollbar-thumb {
    background: #15181C; 
}


.sph-page-viewtickets .chat_body::-webkit-scrollbar-track {
    background: #24262A; 
}

.sph-page-viewtickets .ticket_details_col .cmn_gray_bg h2{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 22.9px;
    color: #fff;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
}

.sph-page-viewtickets .cmn_gray_bg h2::after{
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #24262A;
    left: 0;
}

.sph-page-viewtickets .popup_order_main::before{
    display: none;
}

.sph-page-viewtickets .ticket_details_wpr .popup_order_rw::before{
    display: none;
}

.sph-page-viewtickets .ticket_details_wpr .popup_order_rw .popup_order_col{
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.sph-page-viewtickets .ticket_details_wpr .popup_order_col .popUp_table_title{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff;
    opacity: 1;
    margin-bottom: 6px;
}

.sph-page-viewtickets .ticket_details_wpr .popup_order_col p{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;
    color: #666;
    opacity: 1;
}



.sph-page-viewtickets .cmn_gray_bg.ticket_details_wpr{
    border-radius: 24px;
    padding: 24px;
    background: #121517;

}

.sph-page-viewtickets .popup_order_rw{
    margin-bottom: 24px;
}

.sph-page-viewtickets .popup_order_rw:last-child{
    margin-bottom: 0;
}

.sph-page-viewtickets .support_chat_col {
    width: calc(100% - 206.38px);
}

.sph-page-viewtickets .ticket_details_col{
    width: 206.38px;
    min-width: 206.38px;
}


.sph-page-viewtickets .chat_submitBtn_wrp input[type="submit"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('https://storage.perfectcdn.com/0a268b/6n4oikjj19nw2yhk.svg') no-repeat center center;
    background-size: 24px;
    cursor: pointer;
    padding: 0 !important;
    min-width: unset !important;
    background-color: #15181C !important;
    border: none !important;
    box-shadow: none !important;
    max-height: 24px;
    background-position: right center;
}

.sph-page-viewtickets .chat_submitBtn_wrp input[type="submit"]::-webkit-input-placeholder {
    visibility: hidden;
}

.sph-page-viewtickets .chat_submitBtn_wrp input[type="submit"] {
    text-indent: -9999px;
}

.sph-page-viewtickets .chat_fttr textarea{
    padding-left: 29px;
    width: calc(100% - 48px);
    height: 24px !important;
    max-height: 40px;
    border-radius: 0;
    font-size: 14px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    color: #fff;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0px;
    border: none !important;
    background: inherit !important;
    background-size: 24px 24px;
    background-position: 7px center;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.sph-page-viewtickets .chat_fttr textarea:focus + .form-group + .chat_submitBtn_wrp input[type="submit"] {
    background: url(https://storage.perfectcdn.com/0a268b/qjmxjmb1odez0bli.svg) no-repeat right center;
}

.sph-page-viewtickets .chat_fttr textarea:not(:placeholder-shown) + .form-group + .chat_submitBtn_wrp input[type="submit"] {
    background: url(https://storage.perfectcdn.com/0a268b/6n4oikjj19nw2yhk.svg) no-repeat right center;
}

.sph-page-viewtickets .chat_fttr form a.paperclip{
    position: absolute;
    left: 14px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 3;
    right: auto;
}

.sph-page-viewtickets .chat_fttr form .form-group{
    margin-bottom: 0;
    height: 24px;
    display: flex;
    align-items: center;
}
.sph-page-viewtickets .chat_fttr form .form-group .files-item{
    position: absolute;
    left: 0;
    top: -35px;
}
.sph-page-viewtickets .chat_fttr form a.paperclip svg{
    width: 24px;
    height: 24px;
}

.sph-page-viewtickets .chat_fttr form #uploader-button > span{
    display: none;
}
.sph-page-viewtickets .chat_fttr textarea::placeholder{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    color: #666;
}

.sph-page-viewtickets .chat_fttr form{
    display: flex;
    background: #15181C;
    border: 1px solid #202026;
    box-shadow: 0px 1px 2px 0px #121A2B0D;
    border-radius: 16px;
    padding-top: 11px;
    padding-right: 14px;
    padding-bottom: 11px;
    padding-left: 14px;
    position: relative;
    justify-content: space-between;
}
.sph-page-viewtickets .chat_fttr form .alert.alert-dismissible {
    position: absolute;
    z-index: 99;
    margin: 0px;
    bottom: 100%;
    padding: 10px;
    line-height: 20px;
    left: 0;
}
.sph-page-viewtickets .chat_fttr form .alert-dismissible .close { 
    top: -1px;
    right: -6px;
}


@media (max-width: 1200px){
    .sph-page-viewtickets .chat_wpr.reply .chat_field, .sph-page-viewtickets .chat_wpr .chat_field{
        max-width: 70%;
    }
}

@media (max-width: 767px){
    .sph-page-viewtickets .ticket_details_col, .sph-page-viewtickets .support_chat_col{
        width: 100%
    }

    .sph-page-viewtickets .support_chat_bx h2{
        margin: 0;
    }

    .sph-page-viewtickets .support_chat_bx .chat_body,.sph-page-viewtickets .support_chat_bx .chat_fttr{
        padding: 0
    }

    .sph-page-viewtickets .cmn_gray_bg.ticket_details_wpr{
        padding: 20px 20px;
        padding-bottom: 7px;
    }

    .sph-page-viewtickets .chat_wpr.reply .chat_field, .sph-page-viewtickets .chat_wpr .chat_field{
        max-width: 80%;
    }

    .sph-page-viewtickets .support_chat_col{
        margin-top: 24px !important;
    }

    .sph-page-viewtickets h1.page-hdng{
        font-size: 24px;
        line-height: 1;
    }

    .dashboard .body-content-wpr.sph-page-viewtickets{
        padding: 12px 20px !important;
    }

    .sph-page-viewtickets h1.page-hdng{
        padding: 0 9px 0 0 !important;
    }

    .top-viewtickets-heading p{
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .top-viewtickets-heading{
        justify-content: space-between;
    }

    .sph-page-viewtickets .ticket_details_wpr .popup_order_col p{
        color: var(--Gray, #666);
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .sph-page-viewtickets .ticket_details_wpr .popup_order_main{
        display: flex;
        flex-wrap: wrap;
    }

    .sph-page-viewtickets .ticket_details_wpr .popup_order_main > .popup_order_rw{
        width: 50%;
        margin-bottom: 13px !important;
    }

    .sph-page-viewtickets .ticket_details_wpr .popup_order_main > .popup_order_rw:nth-child(even){
        text-align: right !important;
    }

    .sph-page-viewtickets .cmn_gray_bg.support_chat_bx{
        padding: 24px 20px !important;
    }

    .sph-page-viewtickets .chat_body .chat_wpr_outtr{
        padding-top: 7px;
    }

    .sph-page-viewtickets .chat_wpr.reply .chatUser_logo{
        margin-right: 12px !important;
    }

    .sph-page-viewtickets .support_chat_bx .chat_body{
        margin-right: -14px;
    }

    .sph-page-viewtickets .chat_wpr.reply .chat_field, .sph-page-viewtickets .chat_wpr .chat_field{
        max-width: 100%;
        padding-right: 12px;
    }

    .sph-page-viewtickets .chat_wpr .chat_txt p, .sph-page-viewtickets .chat_wpr .chat_txt{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 157%; /* 22.4px */
    }

    .sph-page-viewtickets .chat_wpr.reply .chat_txt{
        padding-right: 13px !important;
    }

    .sph-page-viewtickets .chat_wpr{
        margin-bottom: 22px !important;
    }

    .sph-page-viewtickets .chat_wpr .chat_txt{
        padding-right: 18px;
    }

    .sph-page-viewtickets .chat_body{
        max-height: 513px !important;
    }

    .sph-page-viewtickets .chat_fttr textarea{
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 22.4px */
        padding-top: 0 !important;
        height: 24px !important;
        padding-left: 28px;
    }

    .chat_fttr form .chat_submitBtn_wrp input[type="submit"]{
        height: 24px !important;
    }

    .sph-page-viewtickets .chat_fttr form .form-group{
        height: 24px !important;
    }

    .sph-page-viewtickets .chat_fttr form{
        display: flex;
        height: 50px;
        padding: 12px 14px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 10px;
        border: 1px solid var(--Black-2, #202026);
        background: #15181C;

        /* Shadow xs */
        box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
    }

    .sph-page-viewtickets .chat_fttr form a.paperclip{
        width: 24px !important;
        height: 24px !important;
    }
}
/*end smo css view ticket */
/* start page affiliates */
.affiliates-page.nkl-affiliates-page tbody tr:hover {
    background: none;
}
.update13_2.dashboard .body-content-wpr.affiliates-page.nkl-affiliates-page {
    padding: 40px 24px 40px 24px!important;
    background: var(--Bg, #0D1012);
}

.nkl-affiliates__header {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
}
.nkl-affiliates__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-weight: 700;
    margin: 0px;
}
.nkl-affiliates__promo {
    padding: 6px 12px;
    border-radius: 123456px;
    background: var(--Gradient, linear-gradient(90deg, #AA50DE 0%, #DE5052 100%));
}
.nkl-affiliates__promo-text {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
}
.nkl-affiliates__share {
    border-radius: 24px;
    background-image: url(https://storage.perfectcdn.com/0a268b/0qyb8q4o2f8jsde2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    margin-bottom: 16px;
}

.nkl-affiliates__share-title {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-weight: 700;
    line-height: 44.8px;
    margin: 0px;
}
.nkl-affiliates__share-amount {
    background: var(--Gradient, linear-gradient(90deg, #AA50DE 0%, #DE5052 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44.8px;
    margin: 0px;
}
.nkl-affiliates__share-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 500px;
    width: 100%;
}

.nkl-affiliates__share-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-radius: 16px;
    padding: 8px 8px 8px 12px;
    width: 100%;
    background: linear-gradient(90deg, rgba(170, 80, 222, 0.1) 0%, rgba(222, 80, 82, 0.1) 100%);
}
.nkl-affiliates__share-box input {
    color: #FFFFFF;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    background-color: transparent;
    max-width: 260px;
    width: 100%;
    outline: none;
    pointer-events: none; 
    border: none;
}
.nkl-affiliates__share-button {
    --gradient:  linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
    border: 2px solid var(--gradient);
    background: var(--gradient);
    display: flex;
    padding: 9px 18px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    letter-spacing: 0.36px;
    max-width: 157px;
    height: 34px;
    width: 100%;
    white-space: nowrap;
    gap: 6px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #52275F;
    letter-spacing: normal;
    position: relative;
}

.nkl-affiliates__share-button:hover::after {
    content: "";
    display: block;
    width: 135px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.nkl-affiliates__share-button svg path{
    fill: #52275F;
}
.nkl-affiliates__share-terms {
    color: var(--Gray, #666);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 12px;
    font-weight: 500;
}
.nkl-affiliates__share-terms:hover {
    color: #ffffff;
}
.nkl-affiliates__share-thumnail {
    position: absolute;
    right: 20px;
    bottom: 0px;
}
.nkl-affiliates__summary {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 16px;
}
.nkl-affiliates-box {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    height: 146px;
}
.nkl-affiliates__earning {
    background-image: url(https://storage.perfectcdn.com/0a268b/jeeehd36789bzuy8.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.kl-affiliates__info {
    display: flex;
    padding: 16px 14.8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    border-radius: 24px;
    border: 2px solid rgba(255, 255, 255, 0.10);
}
.nkl-affiliates__earning-info {
    background: linear-gradient(258deg, rgba(246, 207, 122, 0.13) 0.62%, rgba(246, 217, 122, 0.27) 103.05%);
    backdrop-filter: blur(10px);
}

.nkl-affiliates__invited-info {
    background: linear-gradient(258deg, rgba(122, 180, 246, 0.13) 0.62%, rgba(122, 139, 246, 0.27) 103.05%);
    backdrop-filter: blur(10px);
}
.nkl-affiliates-box-title {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.nkl-affiliates-box-amount {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-weight: 700;
    margin: 0px;
}
.nkl-affiliates__invited {
    background-image: url(https://storage.perfectcdn.com/0a268b/j618133aa16zi0me.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.nkl-affiliates__thumnail {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 280px;
    width: 100%;
}
.nkl-affiliates__thumnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.nkl-affiliates__bonuses {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 24px;
}
.nkl-affiliates__referral,
.nkl-affiliates__bonus {
    background-image: url(https://storage.perfectcdn.com/0a268b/hs61hwk40f6f8e5s.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    justify-content: center;
}

.nkl-affiliates__referral {
    padding: 22.5px 24px;
}
.nkl-affiliates__bonus-total {
    display: flex;
    align-items: center;
    gap: 10px;
}
.nkl-affiliates__referral-total {
    display: flex;
    padding: 8px 8px 8px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    background: rgba(80, 255, 128, 0.10);
    margin-top: 0px;
    max-width: 214px;
    width: 100%;
}

.nkl-affiliates__bonus-text {
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px; 
    margin: 0px;
}
.nkl-affiliates__bonus-description {
    color: rgba(255, 255, 255, 0.80);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    max-width: 214px;
    width: 100%;
}

.nkl-affiliates__referral-min {
    color: rgba(255, 255, 255, 0.80);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    margin-top: -5px;
}
.nkl-affiliates__referral-min span {
    font-weight: 700;
    color: #fff;
}
.nkl-affiliates__referral-amount {
    color: #50FF80;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px; 
    margin: 0px;
}
.nkl-affiliates__referral-button {
    color: #204B43;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    border-radius: 12px;
    background: #50FF80;
    display: flex;
    padding: 9px 18px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border: none;
    position: relative;
}

.nkl-affiliates__referral-button:hover::after {
    content: "";
    display: block;
    width: 50px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
}
.nkl-affiliates__live-rewards {
    background-image: url(https://storage.perfectcdn.com/0a268b/hs61hwk40f6f8e5s.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    padding: 24px 24px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 24px;
    overflow: hidden;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
}
.nkl-affiliates__live-rewards-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1.2;
}
.nkl-affiliates__live-rewards-title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-left: -3px;
}
.nkl-affiliates__live-rewards-title span {
    border-radius: 50%;
    background:  rgba(34, 197, 94, 0.20);
    width: 14px;
    height: 14px;
    position: relative;
}
.nkl-affiliates__live-rewards-title span::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #50FF80;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.nkl-affiliates__rewards-summary {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}
.nkl-affiliates__rewards-box {
    display: flex;
    align-items: center;
    gap: 24px;
}
.nkl-affiliates__rewards-icon {
    border-radius: 123456px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-2, #15181C);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 4px;
}
.nkl-affiliates__rewards-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
}
.nkl-affiliates__rewards-label {
    color: rgba(255, 255, 255, 0.80);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}
.nkl-affiliates__rewards-total {
    color: #FFAC27;
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0px;
}
.nkl-affiliates__rewards-amount {
    color: #50FF80;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    margin: 0px;
    font-weight: 700;
}
.nkl-affiliates__rewards-list-box {
    height: 60px;
    flex: 1;
    overflow: hidden;
}
.nkl-affiliates__rewards-list {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 24px 24px;
    flex: 1 0 0;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}
@keyframes scrollAnimation {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

.nkl-affiliates__rewards-list {
    animation: scrollAnimation 10s linear infinite;
}

.nkl-affiliates__rewards-entry img{
    width: 16px;
    height: 16px;
}
.nkl-affiliates__rewards-user {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
}
.nkl-affiliates__referrals {
    border-radius: 24px;
    background: var(--Substrate-1, #121517);
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin-bottom: 16px;
}
.nkl-affiliates__referrals-title {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-weight: 700;
    margin: 0px;
}
.nkl-affiliates-table__container {
    width: 100%;
    overflow-x: auto; 
    white-space: nowrap;
}
.nkl-affiliates__referrals-table {
    border-radius: 16px 16px 0px 0px;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    overflow: hidden;
}
.nkl-affiliates__referrals-header th:nth-child(1),
.nkl-affiliates__referrals-body td:nth-child(1) {
    width: 33.8%;
}

.nkl-affiliates__referrals-header th:nth-child(2),
.nkl-affiliates__referrals-body td:nth-child(2) {
    width: 32.3%;
}

.nkl-affiliates__referrals-header th:nth-child(3),
.nkl-affiliates__referrals-body td:nth-child(3) {
    width: 33.8%;
}
.nkl-affiliates__referrals-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: var(--Substrate-2, #15181C);
}
.nkl-affiliates__referrals-header tr th{
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    padding: 22px 0px;
    text-transform: capitalize;
}
.nkl-affiliates__referrals-header tr th:first-child {
    padding: 22px 16px;
}
.nkl-affiliates__referrals-table th,
.nkl-affiliates__referrals-table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.nkl-affiliates__referrals-body tr td{
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    line-height: 19.6px; 
    padding: 16px 0px 16px 0px;
}
.nkl-affiliates__referrals-body tr td:first-child {
    padding: 16px 0px 16px 16px;
}
.nkl-affiliates__program {
    background-image: url(https://storage.perfectcdn.com/0a268b/hs61hwk40f6f8e5s.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 24px;
    position: relative;
    margin-bottom: 24px;
}
.nkl-affiliates__program-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 603px;
    width: 100%;
}
.nkl-affiliates__program-title {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-weight: 700;
    line-height: 44.8px;
    margin: 0px;
}
.nkl-affiliates__program-title-highlight {
    background: var(--Gradient, linear-gradient(90deg, #AA50DE 0%, #DE5052 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-weight: 700;
    line-height: 44.8px;
}
.nkl-affiliates__program-text {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    margin: 0px;
}
.nkl-affiliates__program-link {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
}
.nkl-affiliates__program-button {
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 123456px;
    --gradient:  linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
    border: 2px solid var(--gradient);
    background: var(--gradient);
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0.36px;
    position: relative;
}
.nkl-affiliates__program-button:hover::after {
    content: "";
    display: block;
    width: 150px;
    height: 46px;
    top: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.nkl-affiliates__thumnail-program {
    max-width: 360px;
    right: 24px;
}
.nkl-affiliates .faq__title {
    color: #FFF;
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
}
.nkl-affiliates__bonus-total{
    width: 55%;
}
@media only screen and (max-width: 1300px){
    .nkl-affiliates__thumnail {
        max-width: 260px;   
    }
    .nkl-affiliates__share-thumnail {
        width: 45%;
    }
    .nkl-affiliates__share-box {
        width: 45%;
    }
}
@media only screen and (max-width: 1200px){
    .nkl-affiliates__thumnail {
        max-width: 200px;   
    }
}
@media only screen and (max-width: 1100px){
    .nkl-affiliates__thumnail {
        max-width: 180px;   
    }
}
@media only screen and (max-width: 1024px){
    .nkl-affiliates__thumnail {
        max-width: 150px;   
    }
    .nkl-affiliates__share-box,
    .nkl-affiliates__share-thumnail {
        width: 100%;
        max-width: 100%;
    }
    .nkl-affiliates__share-thumnail {
        aspect-ratio: 405 / 238;
        position: relative;
        margin-top: -16px;
        right: 0px;
        bottom: 0px;
    }
    .nkl-affiliates__share-thumnail img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}
@media only screen and (max-width: 992px){
    .nkl-affiliates__live-rewards {
        flex-direction: column;  
    }
    .nkl-affiliates__live-rewards-left {
        align-items: center;
    }
    .nkl-affiliates__rewards-list-box {
        max-height: 80px;
    }
}
@media only screen and (max-width: 768px){
    .update13_2.dashboard .body-content-wpr.affiliates-page.nkl-affiliates-page {
        padding: 24px 20px 40px 20px!important;
        background: var(--Bg, #0D1012);
    }
    
    .nkl-affiliates-table__container {
        overflow-x: auto; 
    }
    .nkl-affiliates__share-info {
        width: 100%;
    }
    .nkl-affiliates__referrals-table {
        width: 800px; 
    }
    .nkl-affiliates__referrals-header th:nth-child(1),
    .nkl-affiliates__referrals-body td:nth-child(1) {
        width: 28%;
    }

    .nkl-affiliates {
        width: 100%;
    }
    .nkl-affiliates__header {
        flex-direction: column;
        gap: 6px;
        width: 100%;
        align-items: flex-start;
        margin-bottom: 25px;
    }
    .nkl-affiliates__title {
        font-size: 24px;
    }
    .nkl-affiliates__promo-text {
        font-size: 12px;
    }
    .nkl-affiliates__share-amount {
        width: 69%;
        margin: 0 auto;
    }
    .nkl-affiliates__share {
        padding: 16px 16px 0px 16px;
        gap: 15px;
    }
    .nkl-affiliates__share-thumnail {
        aspect-ratio: 405 / 238;
        position: relative;
        margin-top: -16px;
        right: 0px;
        bottom: 0px;
    }
    .nkl-affiliates__share-thumnail img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .nkl-affiliates__share-title ,
    .nkl-affiliates__share-amount {
        font-size: 24px;
        line-height: 27.48px;
        text-align: center;
    }
    .nkl-affiliates__share-box {
        width: 100%;
        align-items: center;
        gap: 10px;
    }
    .nkl-affiliates__share-button {
        padding: 10px 20px;
        font-size: 16px;
        letter-spacing: 0.32px;
        width: 100%;
    }
    .nkl-affiliates__share-button svg {
        width: 18px;
        height: 18px;
    }
    .nkl-affiliates__rewards-summary,
    .nkl-affiliates__live-rewards,
    .nkl-affiliates__bonuses,
    .nkl-affiliates__summary {
        flex-direction: column;
    }
    .nkl-affiliates-box {
        width: 100%;
        flex: 1 ;
        padding: 16px;
    }
   
    .nkl-affiliates__bonus-total{
        width: 100%;
    }
    .nkl-affiliates__thumnail {
        max-width: 180px;
        right: -30px;
    }
    .nkl-affiliates-box-title {
        font-size: 16px;
        line-height: 18.32px;
        gap: 2px;
    }
    .nkl-affiliates-box-amount {
        font-size: 20px;
        line-height: 22.9px;
    }
    .nkl-affiliates__bonus-text {
        font-size: 20px;
        padding: 8px;
    }
    .nkl-affiliates__bonus-total {
        max-width: 209px;
        width: 100%;
    }
    .nkl-affiliates__bonus-description {
        font-size: 12px;
        line-height: 13.74px;
    }
    .nkl-affiliates__bonuses .nkl-affiliates__thumnail {
        max-width: 150px;
    }
    .nkl-affiliates__referral-total {
        max-width: 155px;
        padding: 6px 8px 6px 12px;
    }
    .nkl-affiliates__live-rewards {
        padding: 16px 16px 22px 16px;
        margin-bottom: 16px;
        gap: 36px;
    }
    .nkl-affiliates__live-rewards-left {
        align-items: center;
    }
    .nkl-affiliates__rewards-summary {
        gap: 24px;
    }
    .nkl-affiliates__rewards-label {
        color: rgba(255, 255, 255, 0.40);
        font-size: 14px;
        line-height: 16.03px;
    }
    .nkl-affiliates__rewards-total{
        font-size: 18px;
        line-height: 20.61px;
    }
    .nkl-affiliates__referrals {
        padding: 16px ;
        gap: 40px;
    }
    .nkl-affiliates__program {
        padding: 16px 16px 0px 16px;

    }
    .nkl-affiliates__program-title {
        text-align: center;
    }
    .nkl-affiliates__referrals-title {
        font-size: 24px;
        line-height: 27.48px;
    }
    .nkl-affiliates__program-title-highlight,
    .nkl-affiliates__program-title {
        font-size: 24px;
        line-height: 33.6px;
    }
    .nkl-affiliates__program-link,
    .nkl-affiliates__program-text {
        font-size: 14px;
        line-height: 19.6px;
        text-align: center;
    }
    .nkl-affiliates__thumnail.nkl-affiliates__thumnail-program {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 50%;
        transform: translateX(-50%);
        aspect-ratio: 310 / 210;
        margin-top: -16px;
    }
    .nkl-affiliates__program-button {
        max-width: 100%;
        width: 100%;
        padding: 11.5px 30px;
    }
    .nkl-affiliates-box-title svg {
        width: 18px;
        height: 18px;
    }
    .kl-affiliates__info {
        padding: 14px 14px;
    }
    .nkl-affiliates__referral-min {
        font-size: 12px;
    }
    .nkl-affiliates__referral-total {
        margin-top: 0px;
    }
    .nkl-affiliates__referral-amount {
        font-size: 20px;
    }
    .nkl-affiliates__live-rewards-title span {
        margin-left: -8px;
    }
    .nkl-affiliates__rewards-list {
        gap: 12px;
    }
   
    .nkl-affiliates .faq__box {
        gap: 24px;
    }
    .nkl-affiliates .faq__title {
        font-size: 24px;
    }
    .nkl-affiliates__share-box input {
        font-size: 16px;
        letter-spacing: 0.02em;
    }
    .nkl-affiliates__share-button {
        max-width: 34px;
        padding: 9px;
    }
    .nkl-affiliates__share-button span{
        display: none;
    }
    .nkl-affiliates__referrals-header tr th {
        color: #fff;
    }
}
.nkl-affiliates__share-terms {
    cursor: pointer;
}

.nkl-popup-terms.nkl-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(10px);
    background: #0D101299;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nkl-popup-terms .nkl-popup-content {
    background: #121517;
    border: 1px solid #202026;
    color: #fff;
    border-radius: 16px;
    max-width: 830px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.nkl-popup-body {
    max-height: 600px;       
    overflow-y: auto;    
    padding-left: 5px;
}
.nkl-popup-terms .nkl-popup-body::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}
.nkl-popup-terms .nkl-popup-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--Substrate-3, #24262A);
}
.nkl-popup-terms .nkl-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    transition: opacity 0.2s ease;
}

.nkl-popup-terms .nkl-popup-close:hover {
    opacity: 0.7;
}

.nkl-popup-terms .nkl-popup-title {
    margin-bottom: 24px;
    text-align: center;
    font-family: GT Walsheim Pro !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.nkl-popup-terms .nkl-popup-body {
    font-family: GT Walsheim Pro !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #666666;

}

.nkl-popup-terms .nkl-popup-body h3 {
    font-family: GT Walsheim Pro !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #FFFFFF;
}
.nkl-popup-terms .nkl-popup-body ol {
    list-style-type: decimal;
    margin-left: 0px;
    padding-left: 20px;
}

.nkl-popup-terms .nkl-popup-body ul {
    margin-left: 0px;
    padding-left: 20px;
    list-style-type: disc;
}
.nkl-popup-terms .nkl-popup-body ol li,
.nkl-popup-terms .nkl-popup-body p,
.nkl-popup-terms .nkl-popup-body ul li {
    margin-bottom: 10px;
    font-family: GT Walsheim Pro !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #666666;
    white-space: normal;     
    word-break: break-word; 
    overflow-wrap: anywhere;  
    margin-bottom: 6px;
}
@media only screen and (max-width: 768px){
    .nkl-popup-terms .nkl-popup-content{
        padding: 24px 12px;
        margin: 0 20px;
        height: 72vh;
    }
    .nkl-popup-body {
        max-height: 550px;       
    }
}
/* end page affiliates */
/* start page create invoice */
.update13_2.dashboard .body-content-wpr.page-create-invoice {
    padding-top: 40px!important;
}
.nkl-invoice {
    width: 100%;
    padding-bottom: 40px;
}
.nkl-invoice__container {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 24px;
}
.nkl-invoice__form {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
    border-radius: 24px;
    background: var(--Substrate-1, #121517);
}
.nkl-invoice__form .ser-create{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin: 0px;
}
.nkl-invoice__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 24px;
}
#currency + .select2-container--default .select2-selection--single{
    display: flex;
    padding: 11px 14px;
    gap: 8px;
    align-self: stretch;
    border-radius: 10px;
    background: #15181C;
}
#currency + .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--White, #FFF);
    font-size: 16px;
}

.nkl-invoice__group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.nkl-invoice__label {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
}
.nkl-invoice__textarea,
.nkl-invoice__input {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.6px;
    margin: 0px;

    display: flex;
    padding: 12px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;

    border-radius: 10px;
    border: 1px solid var(--Black-2, #20202682);
    background: #15181C;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
}
.nkl-invoice__group .nkl-invoice__textarea {
    height: 200px!important;
    padding: 14px;
    resize: none;
}
.nkl-invoice__instructions-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 24px;
    background: var(--Substrate-3, #24262A);
    padding: 16px;
    align-items: flex-start;
    align-self: stretch;
    margin-bottom: 24px;
}
.nkl-invoice__instructions-desc h3{
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; 
    letter-spacing: -0.112px;
    margin: 0px;
}
.nkl-invoice__instructions-desc p {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.6px;
    margin: 0px;
}
.nkl-invoice__instructions {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    border-radius: 24px;
    background: var(--Substrate-1, #121517);
}
.nkl-invoice__instructions-title {
    color: var(--Primary, #277DFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 20px;
    font-weight: 700;
    margin: 0px;
}

.nkl-invoice__instructions-list {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    margin: 0px;
    padding: 0px;
}
.nkl-invoice__instructions-item {
    border-radius: 24px;
    background: var(--Substrate-3, #24262A);
    display: flex;
    padding: 16px;
    gap: 16px;
    align-self: stretch;
    align-items: start;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height:  19.6px;
    margin: 0px;
}
.nkl-invoice__instructions-item span {
    font-family: "GT Walsheim Pro"!important;
    color: #fff;
    line-height: 20px;
}
.invoice-desc-num {
    min-width: 32px;
    height: 32px;
    border-radius: 1234456px;
    gap: 10px;
    border-width: 1px;
    background: #15181C;
    border: 1px solid #202026;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 18.32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dashboard form button[type="submit"].nkl-invoice__button{
    border-radius: 1223456px;
    background: var(--Primary, #277DFF);
    display: flex;
    height: 40px;
    padding: 10px 65px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    width: 100%;
    margin-top: 14px;
    box-shadow: none;
    position: relative;
    border: none;
}
.dashboard form button[type="submit"].nkl-invoice__button:hover {
    background-color: none;
}
.dashboard form button[type="submit"].nkl-invoice__button:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
}
.nkl-invoice-table__container {
    width: 100%;
}
.nkl-invoice-table__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-collapse: collapse;
    border-radius: 20px;
    overflow: hidden;
}
.nkl-invoice-table__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: var(--Substrate-2, #15181C);
}
.nkl-invoice-table__header tr th{
    color: var(--Gray, #fff);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    padding:  22px 0px 22px 0px;
    text-transform: capitalize;
}
.nkl-invoice-table__header th:nth-child(1),
.nkl-invoice-table__body td:nth-child(1) {
    width: 20%;
}

.nkl-invoice-table__header th:nth-child(2),
.nkl-invoice-table__body td:nth-child(2) {
    width: 24%;
}

.nkl-invoice-table__header th:nth-child(3),
.nkl-invoice-table__body td:nth-child(3) {
    width: 18%;
}

.nkl-invoice-table__header th:nth-child(4),
.nkl-invoice-table__body td:nth-child(4) {
    width: 12%;
}

.nkl-invoice-table__header th:nth-child(5),
.nkl-invoice-table__body td:nth-child(5) {
    width: 20%;
}

.nkl-invoice-table__header tr th:first-child {
    padding:  28px 0px 28px 16px;
}
.nkl-invoice-table__header tr th,
.nkl-invoice-table__body tr td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.nkl-invoice-table__body tr td{
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    line-height: 19.6px; 
    padding: 13.75px 0px 13.75px 0px;
}
.nkl-invoice-table__body tr td:first-child {
    padding: 20px 0px 20px 16px;
}
.nkl-invoice-table__status {
    border-radius: 123456px;
    display: flex;
    width: 82px;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}


.nkl-invoice-table__download {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
}
.nkl-invoice-table__status.status-rejected {
    background: #FF2727;
}
.nkl-invoice-table__status.status-pending {
    background: #F59E0B;
}
.nkl-invoice-table__status.status-paid {
    background: #22C55E;
}

@media (max-width: 1200px) {
    .nkl-invoice__container {
       gap: 20px;
    }
}
@media (max-width: 768px) {
    .nkl-invoice {
        padding: 0 20px;
    }
    .nkl-invoice__instructions {
        padding: 20px;
    }
    .nkl-invoice__title {
        font-size: 24px;
        line-height: 27.48px;
        text-align: left;
        margin-bottom: 40px;
    }
    #currency + .select2-container--default .select2-selection--single{
        padding: 8px 14px;
    }
    .nkl-invoice__container {
       flex-direction: column;
       gap: 24px;
    }
    .nkl-invoice-table__header {
        border: none;   
    }
    .nkl-invoice-table__header th{
        display: none;
    }
    .nkl-orders__table {
        width: 100%;
        display: block;
        border-radius: 20px;;
    }
    .nkl-invoice-table__body {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .nkl-invoice-table__body tr {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .nkl-invoice-table__body td {
        display: block;
        flex: 0 0 auto;
        width: 100%!important;
        position: relative;
        text-align: left;
        border-bottom: 0;
        padding-left: 56%!important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 12px 0px 12px 20px;
        line-height: 28px ;
        font-size: 14px;
    }
    .nkl-invoice-table__body td[data-heading]:before {
        content: attr(data-heading);
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        text-align: left;
        font-size: 14px;
        color: var(--White, #FFF);
        font-size: 14px;
        font-weight: 700;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 28px ;
        display: flex;
        align-items: center;
        padding: 12px 0px 12px 20px;
    }
    .nkl-invoice-table__body td:nth-child(3) {
        order: -1;
        padding-left: 30%!important;
        background: #101315;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
    .nkl-invoice-table__body td[data-heading]:nth-child(3):before {
        content: none;
    }
    .nkl-invoice__form {
        width: 100%;
        padding: 20px;
    }
    .nkl-invoice__textarea, .nkl-invoice__input {
        font-size: 14px!important;
        padding: 9.2px 14px;
    }
    .nkl-invoice__instructions-item {
        color: #fff;
    }
}
/* end page create invoice */ 
/*smo css notification*/

.order-successfull-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    background: #0D101299;
    backdrop-filter: blur(10px);
    
    display: none;
}
.order-successfull-popup.active {
    display: block;
}
.popup-successfull-wrapper{
    border: 1px solid #202026;
    background-color: #121517;
    max-width: 820px;
    border-radius: 40px;
    padding: 60px;
    gap: 32px;
    width: calc(100% - 40px);
    background-image: url('https://storage.perfectcdn.com/0a268b/hzsrgt77pnsm6d1b.png');
    position: relative;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.succcess-popup__close-btn{
    position: absolute;
    top: 23px;
    right: 18px;
    border: none;
    background: none !important;
}
.succcess-popup__close-btn:hover svg path{
    stroke: #fff;
}
.id-order-successfull p{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 20px;
    line-height: 22.9px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: -1px;

}

.successfull-popup-title h2{
    margin-bottom: 13px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 42px;
    line-height: 48.09px;
    letter-spacing: 0%;
    text-align: center;
    color: #27FF88;
}

.subtitle-successfull-detail{
    color: #666666;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 0%;
    text-align: center;
    
}

.list-feature-successfull p{
    margin-bottom: 0;
}

.list-feature-successfull{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.list-feature-successfull p{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;
    letter-spacing: 0%;
    color: #fff;
}

.link-user-successful, .link-user-successful a{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 0%;
    text-align: center;
    color: #666666;
}

.link-user-successful a{
    font-weight: 500;
}

.link-user-successful p{
    margin-bottom: 6px;
}

.link-detail-successfull a{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    letter-spacing: 0%;
    color: #277DFF;

}

.order-successfull-detail{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    align-items: center;
}

.line-successfull-popup{
    border: none;
    width: 100%;
    height: 2px;
    background-image: url(https://storage.perfectcdn.com/0a268b/sk8tpsj3ixsqjjye.png);
    background-size: cover;
    background-repeat: repeat;
    margin-bottom: 32px;
}

.status-order-success p{
    color: #666666;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    margin-bottom: 11px;
    text-align: center;

}

.status-order-success h3{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 27.48px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}

.status-order-success h3 span{
    color: #0D1012;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    letter-spacing: 0px;
    text-align: center;
    background: linear-gradient(90deg, #27FF88 0%, #50DED2 100%);
    border-radius: 123456px;
    gap: 4px;
    padding-top: 6.5px;
    padding-right: 12px;
    padding-bottom: 5.5px;
    padding-left: 12px;
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.status-order-success{
    margin-bottom: 31.5px;
}

.title-price-successfull{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 27.48px;
    letter-spacing: 0%;
    text-align: center;
    justify-content: center;
    margin-bottom: 23px;
}

.discover-list-successfull{
    position: relative;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.vector-icon-discover{
    position: absolute;
    top: -48px;
    left: -37px;
}

.item-discover-successfull{
    background-color: #24262A;
    border-radius: 24px;
    padding: 17px 16px 5.5px 16px;
    position: relative;
    max-width: 164px;
    width: 100%;
}

.popular-discover-successfull{
    position: absolute;
    top: -5px;
    width: 84px;
    display: flex;
    gap: 4px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    background-color: #fff;
    border-radius: 123456px;
    left: 50%;
    transform: translateX(-50%);

}

.item-popular-discover{
    background: linear-gradient(90deg, #27FF88 0%, #50DED2 100%);
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
}

.item-popular-discover .view-discover-successfull p, .item-popular-discover .text-views-successfull, .item-popular-discover .text-price-discove, .item-popular-discover .price-growth-successf{
    color: #0D1012;
}

.item-popular-discover svg path{
    fill: #0D1012 !important
}
.popular-discover-successfull p{
    color: #0D1012;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 12px;
    line-height: 13.74px;
    letter-spacing: 0px;
    text-align: center;
    color: #0D1012;
    margin: 0 !important;
}

.view-discover-successfull{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 22.9px;
    letter-spacing: 0%;
    text-align: center;
    color: #0D1012;
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    margin-bottom: 5.5px;
}

.view-discover-successfull p{
    margin: 0 !important;
}
.text-views-successfull {
    white-space: nowrap;
    font-size: 14px;
}
.view-discover-successfull svg path{
    fill: #fff;
}

.text-views-successfull{
    color: #666666;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 24px;
    
}

.price-discover-successfull{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.text-price-discove{
    color: #fff;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    text-align: center;

}

.price-growth-successf{
    color: #fff;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 27.48px;

}

.vector-icon-discover-mb{
    display: none;
}




/*  */

@media (max-width:767px) {

    /*smo css notification*/
    .discover-list-successfull{
        padding-left: 12px !important;
    }

    .popup-successfull-wrapper{
        background-image: url('https://storage.perfectcdn.com/0a268b/omg5e0jx8z8hn3d0.png');
    }

    .id-order-successfull p{
        font-size: 18px !important;
        line-height: 20.61px !important;

    }

    .popup-successfull-wrapper{
        padding-top: 24px !important;
        padding-right: 12px !important;
        padding-bottom: 24px !important;
        padding-left: 12px !important;
        border-radius: 24px !important;
        
    }

    .successfull-popup-title h2{
        font-size: 36px !important;
        line-height: 41.22px !important;

    }

    .list-feature-successfull{
        align-items: flex-start !important;
    }

    .list-feature-successfull p{
        text-align: center;
        font-size: 14px !important;
        line-height: 16.03px !important;

    }

    .subtitle-successfull-detail{
        font-size: 12px !important;
        line-height: 16.8px !important;
        margin-bottom: 6px !important;

    }

    .link-user-successful p{
        font-size: 12px !important;
        line-height: 16.8px  !important;
        
    }

    .status-order-success p{
        font-size: 14px !important;
        line-height: 19.6px !important;

    }

    .status-order-success h3{
        font-size: 20px !important;
        line-height: 22.9px !important;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .status-order-success h3 span{
        font-size: 12px !important;
        line-height: 13.74px !important;
        padding-top: 6px !important;
        padding-right: 12px !important;
        padding-bottom: 6px !important;
        padding-left: 12px !important;


    }

    .title-price-successfull{
        font-size: 20px !important;
        line-height: 22.9px !important;
        align-items: flex-start !important;

    }

    .title-price-successfull svg{
        min-width: 20px !important;
        height: 20px !important
    }

    .popular-discover-successfull p{
        font-size: 10px !important;
        line-height: 11.45px !important;

    }

    .popular-discover-successfull{
        width: 74px !important;
        gap: 4px !important;
        padding-top: 2px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;

    }

    .item-discover-successfull{
        border-radius: 24px !important;
        border-width: 2px !important;
        padding: 12px 15px !important;
        padding-bottom: 0 !important;

    }

    .popular-discover-successfull img{
        width: 12px;
        height: 12px;
    }

    .discover-list-successfull{
        overflow-x: auto;
        padding-top: 11px;
    }

    .discover-list-successfull::-webkit-scrollbar {
        display: none;
    }

    .view-discover-successfull p{
        font-size: 18px !important;
        line-height: 20.61px !important;

    }

    .text-views-successfull{
        font-size: 14px !important;
        line-height: 16.03px !important;

    }

    .price-growth-successf{
        font-size: 20px !important;
        line-height: 22.9px !important;

    }

    .discover-list-successfull{
        gap: 12px !important;
    }


    .succcess-popup__close-btn{
        top: 15px !important;
        right: 10px !important;
    }


    .order-successfull-detail{
        margin-bottom: 21px !important;
    }

    .line-successfull-popup{
        margin-bottom: 25px !important;
    }

    .status-order-success h3{
       gap: 6px !important;
    }

    .status-order-success{
        margin-bottom: 24px !important;
    }

    .popular-discover-successfull{
        top: -10px !important
    }

    .title-price-successfull{
        margin-bottom: 12px !important;
    }

    .item-popular-discover{
        margin-top: 2px;
    }

    .discover-list-successfull{
        margin-right: -12px;
      	padding-left: 0px !important;
        margin-left: -2px;
    }

    .vector-icon-discover-mb{
        display: block !important;
        position: absolute !important;
        top: 25px;
        left: 2px;
    }

    .vector-icon-discover{
        display: none;
    }

    .price-order-successfull{
        position: relative !important;
    }

    .discover-list-successfull{
        position: unset !important;
    }
    /*  */
}

@media (max-width: 516px){
    .vector-icon-discover-mb{
        top: 44px;
    }
}
/* smo start page updates 04 / 03 / 2025  */



.tn-update-page .order-srch-form-wpr .order-srch-row::after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 14px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="none"><path d="M18.333 18.333l-3.75-3.75M16.667 9.167a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0z" stroke="%23666666" stroke-width="2" stroke-linecap="round"/></svg>');
  top: 10px;
}

.tn-update-page .order-srch-form-wpr .order-srch-row {
    position: relative;
}

.tn-update-page .update_lists li {
    margin: 0 0px 0px 0;
}

.tn-update-page .update_lists li a {
    background: #121517;
    padding: 10px 29px;
    color: #666666;

}

.update13_2 .tn-update-page .order-srch-form-wpr .order-srch-row button[type="submit"] {
    background: #277DFF;
   height: 40px;
}

.tn-update-page .update_lists {
    background: #121517;
    width: max-content;
    width: 167;
    border-radius: 123456px;

}

.tn-update-page .order-srch-form-wpr.order-page {
    margin-bottom: 24px;
}

.tn-update-page .update_lists li a::before {
    background: #277DFF;

    border-radius: 79px;
    border: 1.5px solid #ffffff42;
}

.tn-update-page .update_lists li:hover a {
    color: #fff
}

.tn-update-page .update_lists li.active a {
    color: #fff
}

.tn-update-page .update_card_wrppr {
    background: #121517;
    border: none
}

.tn-update-page .update_card_wrppr {
    border-radius: 24px;
    padding: 24px 25px 24px 25px;
}

.tn-update-page .update_card_info {
    margin-bottom: 24px;
}

.tn-update-page .update_card_row_outter {
    margin-bottom: 0px;
}

.tn-update-page .card_status_btn {
    margin-bottom: 13px;
   font-family: GT Walsheim Pro;
   font-weight: 500;
  font-size: 14px;
   line-height: 16.03px;

}

.tn-update-page .update_card_row_outter {
    /* border: 1px solid #FFFFFF1A; */
    border-bottom: none;
  flex: 0
}

.tn-update-page .update_card_row {
    padding: 18px 2px 12px 20px;
    margin-bottom: 0px;
    width: 100%;
    margin: 0;
    align-items: center;
    border-top: 1px solid #FFFFFF1A;
    border-left: 1px solid #FFFFFF1A;
    border-right: 1px solid #FFFFFF1A;
}

.tn-update-page .update_card_row:last-of-type {
    border-bottom: 1px solid #FFFFFF1A;
}

.tn-update-page .update_card_title_col p {
    margin-bottom: 0px;
}

.tn-update-page .update_card_title_col p {
    font-family: GT Walsheim Pro;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff;
    opacity: 1;
}

.tn-update-page .time_info span {
    color: #666666;

}

.tn-update-page .updateCard_btn {
    width: 100%!important;
    padding: 8px 15px;
    background: #277DFF;
    border: none;
    position: relative;
}
.tn-update-page .updateCard_btn:hover {
    color: #fff;    
}
.tn-update-page .updateCard_btn:hover svg{
    filter: none;
}
.tn-update-page .updateCard_btn:hover::after {
    content: "";
    display: block;
    width: 150px;
    height: 32px;
    top: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.tn-update-page .updateCard_btn svg,
.updateCard_btn img {
    margin-left: 6px;
}

.tn-update-page .card_status_btn.yellow {
    border: 1px solid #FFAC27;
    color: #FFAC27;

}
.tn-update-page .support_pagination li.active {
    background: #277DFF;
}
.tn-update-page .support_pagination li {
    background:#101315;
    border-radius: 50%;
    padding: 9px 17px;
    margin: 0 4px;
    width: 40px;
    height: 40px;
    text-align: center;
    align-content: center;
    padding: 0;
}
.tn-update-page .support_pagination li a {
    font-family: GT Walsheim Pro;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    
}
.tn-update-page .support_pagination li:has(.next_arrw),
.tn-update-page .support_pagination li:has(.prev_arrw)  {
    background:transparent;
  
}
.tn-update-page .update_card_row_outter::before {
    background:  #FFFFFF1A;
    width: 1px;
}
/* new  */

.update13_2 .tn-update-page .page-hdng {
    margin-top: 0px;
    margin-bottom: 41px;
}

.tn-update-page .order-srch-form-wpr .order-srch-row input[type="text"] {
    padding: 0 39px;
}

.tn-update-page .order-srch-form-wpr .order-srch-row::before {
    left: 14px;
  top: 10px
}



.tn-update-page .update_lists li a {
    font-family: GT Walsheim Pro;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
}

.tn-update-page .update_lists_wrappr.update-page {
    margin-bottom: 30px;
}



.tn-update-page .update_card_row {
    padding: 18px 2px 15px 11px;
}

.tn-update-page .row.new-row>* {
    padding: 0 calc(24 * 0.4);
}

.tn-update-page .update_card_data,
.tn-update-page .update_card_title_col {
    width: 50%;
}

.tn-update-page .update_card_row_outter::before {
    left: 49%;
}

.tn-update-page .update_card_data p {
    font-weight: 500;
    line-height: 16.03px;
}

.tn-update-page .time_info span {
    font-family: GT Walsheim Pro;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;

}

.tn-update-page .update_card_row:nth-of-type(2) {
    padding: 12px 2px 8px 5px;
}

.tn-update-page .update_card_row:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.tn-update-page .update_card_row:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tn-update-page .update_card_row>* {
    padding: 0 8px 0 16px;
}

.tn-update-page .card_status_btn {
    padding: 7px 8px;
}

.tn-update-page .updateCard_btn svg {
    margin-right: 0px;
}

@media (min-width: 1400px) {
    .tn-update-page .update_rw .update_col {
        width: 33.33%;
        margin-top: 24px;
    }

    .tn-update-page .update_lists li a {
        min-width: 166px;
        padding: 9px 24px;
    }
}
@media (max-width: 1280px) {
    .tn-update-page .update_lists_wrappr {
      overflow: auto; 
      padding-bottom: 10px;
    }
  }
.tn-update-page .order-srch-form-wpr .order-srch-row input[type="text"] {
    margin-right: 5px;
}
.update13_2 .tn-update-page .order-srch-form-wpr .order-srch-row button[type="submit"] {
    min-width: 199px;
}

.tn-update-page .update_card_wrppr {
    padding: 24px 25px 24px 25px;
}
.tn-update-page .update_card_row {
    padding: 18px 2px 17px 3px;
}
.tn-update-page .update_card_row_outter::before {
    left: 49.5%;
}
.tn-update-page .card_status_btn {
    border-width: 1px;
}

.tn-update-page .support_pagination li a {
    color: #666666;
}
.tn-update-page .support_pagination li.active a{
    color: #fff;
}
.tn-update-page  .support_pagination {
    padding-bottom: 17px;
}
.tn-update-page .update_lists:not(.active) li a:hover::before {
   
  transition: none;
  border: 1.5px solid transparent;
}

.tn-update-page .update_lists:not(.active) li a::before {
      transition: none;
}

.update13_2 .tn-update-page .order-srch-form-wpr .order-srch-row button[type="submit"]:hover {
    background: #277DFF;
    box-shadow: 1px 1px 14px 0px #FFFFFF80 inset;
}

@media(max-width: 767px) {
    .tn-update-page .update_lists {
        width: auto;
        gap: 12px;
        background: transparent;
      justify-content: center;
    }
    .update13_2 .tn-update-page .page-hdng {
        padding: 0;
    }
    .tn-update-page .update_lists li {
        min-width: 160px;
    }

    .update13_2.dashboard .body-content-wpr.tn-update-page {
        padding: 24px 20px 0px !important;
    }

    .tn-update-page .order-srch-form-wpr .order-srch-row input[type="text"] {
        margin-bottom: 6px;
    }

    .tn-update-page .order-srch-form-wpr.order-page {
        margin-bottom: 12px;
    }

    .tn-update-page .update_lists li a {
        font-size: 14px;
        padding: 10px 13px;
        line-height: normal;
    }
    .tn-update-page .update_lists_wrappr.update-page{
      margin-bottom: 20px;
  }
    .tn-update-page .update_lists li:last-child {
        padding-right: 0px;
    }

    .tn-update-page .row.new-row>* {
        margin-top: 24px;
    }

    .tn-update-page .update_card_wrppr {
        padding: 20px;
    }

    .tn-update-page .update_card_row {
        padding: 17px 2px 17px 3px;
    }

    .update_card_row:first-child .update_card_data p {
        font-size: 14px;
        line-height: 14.03px;
    }

    .tn-update-page .update_card_info {
        margin-bottom: 19px;
    }

    .tn-update-page .support_pagination li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tn-update-page .support_pagination ul { 
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .tn-update-page  .support_pagination li a.prev_arrw svg,
    .tn-update-page   .support_pagination li a.next_arrw svg{
        width: 40px;
    }
}


/*smo css services*/
.sph-service-page h1.header-services{
    margin-top: 0;
    margin-bottom: 40px;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 41.22px !important;
    color: #fff !important;
    letter-spacing: 0;
}

.dashboard .body-content-wpr.service-page.sph-service-page{
    padding: 40px 23px !important;
    background: #0d1012 !important;
  padding-top: 0 !important;
}

.sph-service-page .service-cntnt-sec.main-content > .container {
    width: 100%;
    max-width: unset;
    padding: 0;
}

.sph-service-page .service-cntnt-sec{
    padding: 40px 0 42px !important;
    margin-bottom: 0 !important;
}

.sph-service-page .main-content .content .search-box .search-input input[type=text]+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    position: absolute;
    top: 10px;
    left: 12px;
}

.sph-service-page .main-content .content .search-box .search-input input[type=text]:focus + label {
    background-color: white; 
    -webkit-mask-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
}

.sph-service-page .main-content .content .search-box .search-input input[type=text]{
    padding-left: 38px;
}

body.guest .sph-service-page .service-cntnt-sec .content{
      max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
  

.sph-service-page .main-content .content .search-box .search-input input[type=text]::placeholder{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    color: #666 !important;
    opacity: 1;

}

.sph-service-page .main-content .content .search-box .search-input input[type=text]{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    color: #fff !important;
    opacity: 1;

}

.sph-service-page .main-content .content .search-box .search-input.col-md-10{
    width: 85.333333%
}

.sph-service-page .main-content .content .search-box .search-button.col-md-2{
    width: 14.66666667%;
    padding-left: 7px !important;
}

.body-content-wpr.service-page.sph-service-page .main-content .content .search-box .search-input .btn-group>button span.caret{
    background-image: url('https://storage.perfectcdn.com/0a268b/zeqaetqeqdat4xt8.svg');
}

.sph-service-page .main-content .content .search-box .search-input .btn-group>button{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group{
    padding-right: 13px;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span.caret{
    width: 14px;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span[data-filter-active-category] {
    color: #fff;
    opacity: 1;
    padding: 0 9px 0 5px;
}

.sph-service-page .main-content .content .search-box .search-input .btn-group>button span {
    color: #969696;
    opacity: 1;
}

.main-content .content .search-box .search-button button{
  cursor: pointer;
}

.sph-service-page  .social-pckgs-btns ul li span.show-more{
    width: unset;
    padding: 7px 12px !important;
    height: 32px;
    border-radius: 123456px;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 12px;
    background: #15181C;
    border: 1px solid #202026;
    border-width: 1px;
    color: #666;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18.32px;
    opacity: 1;

}

/*.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.ser_id .has-star span.far {
  display: none !important;
}*/

.sph-service-page .social-pckgs-btns ul li span {
    height: 32px;
    width: 57.8px;
    
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr .has-star{
  gap: 7.33px;
}

.sph-service-page #service-table{
    margin-top: 1px !important;
}

.sph-service-page .main-content .content .collapse-table .ct-head .collapse-button{
    background: none;
    border-radius: 0;
    cursor: pointer;
}

.sph-service-page .main-content .content .collapse-table .ct-head .collapse-button svg{
    width: 24px;
    margin-right: -4px;
    margin-top: 8px;
}

.sph-service-page .main-content .content .collapse-table{
    background: #121517;
    backdrop-filter: blur(0px);
    border-color: #121517;
}

.sph-service-page .main-content .content .collapse-table .ct-head{
    background: #121517;
    padding-left: 12px;
    cursor: pointer;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon{
    width: 36px;
    height: 36px;
    border-radius: 123456px;
    gap: 10px;
    padding: 8px;
    overflow: visible;
    background: #15181C;
}

.sph-service-page .main-content .content .collapse-table .ct-head .title {
    font-family: "GT Walsheim Pro" !important;
font-weight: 500;
font-size: 16px;
line-height: 18.32px;

}

.sph-service-page .main-content .content .collapse-table .ct-head .tags span{
    background-color: #24262A;
    width: unset;
    height: 32px;
    border-radius: 123456px;
    padding-top: 8px;
    padding-right: 9px;
    padding-bottom: 8px;
    padding-left: 9px;
    gap: 10px;
    color: #666;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    min-width: 32px;
    text-align: center;

}

.sph-service-page .favorite-active .fa-star:before{
  color: #FFB60E;
}
.sph-service-page .main-content .content .collapse-table .ct-head .tags{
    height: 32px;
}

.sph-service-page .main-content .content .collapse-table .ct-head .title{
    margin-left: 7px;
    margin-top: -3px;
}

.sph-service-page .main-content .content .collapse-table .ct-head .collapse-button:before{
    display: none !important;
}

.sph-service-page .main-content .content .collapse-table.open .collapse-button svg path{
    fill: #fff
}

.sph-service-page .main-content .content .collapse-table.open .ct-head{
    padding-top: 2px;
    background: #24262A;
    height: 60px;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table.open .ct-head .icon{
    background: #24262A;;
}

.sph-service-page .main-content .content .collapse-table .table-container table thead tr th{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff ;
    padding: 18px 0 20px;
    border-bottom: 1px solid #FFFFFF1A !important;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.6px;
    color: #fff;
    padding: 16px 0 15px;
    padding-right: 12px;
    padding-left: 10px;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.ser_id{
    
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #666;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td{
    border-right: none;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr mark{
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Price"] .services-price-sph{
    border-radius: 123456px;
    padding-top: 8px;
    padding-right: 22px;
    padding-bottom: 8px;
    padding-left: 19px;
    gap: 10px;
    background: linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
    display: inline-block;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr a.view{
    background-image: url('https://storage.perfectcdn.com/0a268b/ax5463rt589q64s4.svg');
    width: 36px;
    height: 36px;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr a.purchase{
    background-color: #277DFF;
    height: 36px;
    border-radius: 123456px;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 27px;
    border: none !important;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16.03px;
    color: #fff !important;
    max-width: 78px;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr a.purchase:hover{
    border: 1px solid #277DFF !important;
    background-color: inherit;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group::before{
    left: 18px;
}


.sph-service-page .main-content .content .collapse-table.open .table-container{
    padding: 6px 0px;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody > tr{
    border-bottom: 1px solid #FFFFFF1A !important;
}
.sph-service-page .main-content .content .collapse-table .table-container table tbody > tr:last-child {
    border-bottom: none !important;
}

.sph-service-page .main-content .content .collapse-table{
  margin-bottom: 11.5px;
}

.sph-service-page .main-content .content .collapse-table .table-container table thead tr th:first-child {
    text-align: left;
    padding-left: 12px;
    min-width: 122px
}

.sph-service-page .main-content .content .collapse-table.open .ct-head .tags span{
  background-color: #121517 !important;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.service-name{
    width: 42%;
    position: relative;
    padding-left: 20px;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.service-name .service-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
}

.sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.service-name .service-icon img{
    width: 16px;
    height: 16px;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Price"] {
    min-width: 140px;
    /* max-width: 140px; */
    width: 11%;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Average Time"]{
    width: 11.2%;
    min-width: 100px;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Action"]{
    width: 138px;
    padding-right: 12px !important;
}

.sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Min - Max. Order"]{
    width: 14.5%;
}


.mobile-container-services{
    display: none;
}

.body-content-wpr.service-page .main-content .content .collapse-table .table-container table thead tr th{
    padding-right: 10px
}

@media (max-width: 1199px){
    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Min - Max. Order"]{
        width: 100%;
    }
    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.service-name{
        width: 100%;
    }
    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Price"] {
        min-width: 140px;
        /* max-width: 140px; */
        width: 100%;
    }
    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Average Time"]{
        width: 100%;
        min-width: 100px;
    }
    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td[content="Action"]{
        width: 100%;
    }

    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.ser_id{
        padding-left: 44%;
        width: 100%;
    }

    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.ser_id{
        background-position: left calc(44%) center;
    }

    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr .has-star{
        padding-left: 12px;
    }

    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.service-name{
        padding-left: calc(44% + 20px);
    }

    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.service-name .service-icon{
        left: calc(44% - 5px);
    }
}

@media (max-width: 920px){
    .sph-service-page .main-content .content .search-box .row {
        margin: 0;
        display: flex;
        align-items: flex-end;
    }
}

@media (max-width: 767px){
    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr td.ser_id{
        background-position: left 50% center;
    }

    .sph-service-page .main-content .content .collapse-table .table-container table tbody tr .has-star{
        padding-left: 42px;
    }

    .sph-service-page .main-content .container .content .search-box .search-button {
        position: absolute;
        top: 52px;
        right: 0px;
        width: 155px;
    }

    .sph-service-page .main-content .content .search-box .search-input.col-md-10{
        width: 100%;
    }

    .sph-service-page .main-content .container .content .search-box .search-input .btn-group {
        position: relative;
        width: calc(100% - 161px);
        margin-top: 12px;
        border-radius: 123456px;
        padding-left: 12px;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group::before{
        display: none !important;
    }

    .sph-service-page .main-content .content .search-box .search-input .btn-group>button{
        justify-content: flex-start;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon{
        top: 3px;
        left: 0;
    }

    .sph-service-page .main-content .content .collapse-table .ct-head .title{
        margin: 0 !important;
        padding-left: 22px;
        padding-right: 12px !important;
    }

    .sph-service-page .main-content .content .collapse-table .ct-head .tags{
        margin: 0 !important;
        margin-top: 4px !important;
        margin-left: 22px !important;
        gap: 7px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table .ct-head{
        align-items: flex-start;
        flex-direction: column;
    }

    .sph-service-page .main-content .content .collapse-table .ct-head .collapse-button svg{
        margin: 0;
    }

    .sph-service-page .main-content .content .collapse-table.open .ct-head{
        padding-top: 15px;
        height: auto;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .table-container table tbody tr td::before{
        color: #fff;
        opacity: 1;
    }

    .sph-service-page .main-content .container .content .collapse-table .table-container table tbody tr{
        margin-bottom: 0;
    }

    .dashboard .body-content-wpr.service-page.sph-service-page{
        padding: 0 20px !important;
    }

    .sph-service-page .service-cntnt-sec.main-content > .container{
        padding: 0 !important;
    }

    .sph-service-page h1.header-services{
        font-size: 24px !important;
        margin-bottom: 24px !important;
    }

    .sph-service-page .service-cntnt-sec{
        padding-top: 24px !important;
    }

    .body-content-wpr.service-page.sph-service-page .main-content .content .search-box .search-input .btn-group>button span{
        font-size: 16px !important;
        font-family: "GT Walsheim Pro" !important;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>button span[data-filter-active-category] {
        color: #fff;
        opacity: 1;
        padding: 0;
        padding-left: 4px;
        padding-right: 8px;
    }

    .body-content-wpr.service-page.sph-service-page .main-content .content .services {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
        margin-top: 0 !important;
        padding-top: 9px !important;
    }

    .body-content-wpr.service-page.sph-service-page .social-pckgs-btns ul li{
        margin: 0;
    }

    .body-content-wpr.service-page.sph-service-page .social-pckgs-btns ul{
        justify-content: flex-start;
        gap: 12px;
    }

    .sph-service-page .social-pckgs-btns ul li span {
        height: 32px;
        width: 56px;
    }

    .sph-service-page .main-content .content .collapse-table, .body-content-wpr.service-page .main-content .content .collapse-table .ct-head{
        background: #0D1012 !important;
        background-color: #0D1012 !important;
    }

    .sph-service-page #service-table{
        margin-top: 22px !important
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon {
        width: 34px;
        height: 100%;
        border-radius: 123456px;
        gap: 10px;
        padding: 0px;
        overflow: visible;
        background: inherit;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon img{
        margin-top: -18px;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .collapse-button {
        /* top: 15px; */
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(-50%);
        right: 5px !important;
        top: 52% !important
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .title{
        line-height: 21.4px;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head{
        padding-top: 16px !important; 
        padding-bottom: 15px !important;
    }

    .sph-service-page .main-content .content .collapse-table{
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid var(--Border, #202026);
        margin-bottom: 0px !important;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon{
        top: 0 !important;
        margin-top: 0 !important;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table .ct-head .icon img{
        margin-top: 0px;
        width: 16px;
        height: 16px;
        margin-left: 4px;
    }

    .sph-service-page .main-content .content .collapse-table.open{
        margin-top: -1px !important;
    }

    .sph-service-page.body-content-wpr.service-page .main-content .content .collapse-table.open .ct-head{
        background: #24262A !important;
        margin-top: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        background: var(--Substrate-3, #24262A);
        padding-bottom: 16px !important;
        border-radius: 16px 16px 0 0;
    }   

    .sph-service-page .main-content .content .collapse-table.open .ct-head .tags span{
        color: #666;
        background: var(--Substrate-1, #121517);
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .table-container{
        display: none;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services{
        display: block;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services{
        padding: 0px 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10); 


    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .icon{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 16px;
        height: 16px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .icon img{
        width: 16px;
        height: 16px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .service-name{
        position: relative;
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro" !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        padding: 16px 52px 16px 22px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .service-name.open{
        border-bottom: 1px solid #FFFFFF1A;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .service-name span{
        
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro" !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

    .collapse-sph-mb{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 36px;
        height: 36px;
        display: flex;
        padding: 8px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 123456px;
        background: var(--Substrate-3, #24262A);
        border: none;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .service-name.open .collapse-sph-mb svg path{
        fill: #fff;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .service-name.open .collapse-sph-mb svg{
        transform: rotate(180deg);
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .service-name .collapse-sph-mb svg{
        transform: rotate(0deg);
        transition: transform 0.1s ease-in-out;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table th{
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro" !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 50%;
		padding: 15px 0;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table{
        width: 100%;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table td{
        width: 50%;
        text-align: right;
        padding: 16px 0;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table .has-star span span{
       /* display: none;*/
    }
  
  .body-content-wpr.service-page .main-content .content .search-box .search-input .btn-group>ul.dropdown-menu{
    width: 100% !important;
  }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr a.view {
        background-image: url(https://storage.perfectcdn.com/0a268b/zq5i8gup2m4kd38t.svg);
        width: 36px;
        height: 36px;
        border-radius: 34px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #252627;
        border: none;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr td.ser-rate .services-rate-sph {
        border-radius: 123456px;
        padding-top: 4px;
        padding-right: 12px;
        padding-bottom: 4px;
        padding-left: 12px;
        gap: 10px;
        background: linear-gradient(90deg, #AA50DE 0%, #DE5052 100%);
        display: inline-block;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr td.ser-rate .services-rate-sph mark{
        color: #FFF;
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background: none;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr td.ser-rate .services-rate-sph{
        color: #FFF;
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr td.ser-time{
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr td.ser-minmax{
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child th{
        width: 0%;
        min-width: 100%;
        max-width: 100%;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td .buttons{
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td .buttons > b{
        width: calc(100% - 48px);
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td .buttons > b b{
        width: 100%;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td .buttons > strong b{
        width: 100%;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td .buttons > strong{
        width: calc(100% - 48px);
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tr:last-child td .buttons a.purchase{
        display: flex;
        padding: 10px 24px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        border-radius: 123456px;
        background: var(--Primary, #277DFF);
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table td.ser-rate{
        padding-top: 10px;
        padding-bottom: 11px;
    }

    .sph-service-page .mobile-container-services .mobile-item-services .service-details table tbody tr td.ser-rate .services-rate-sph{
        padding-bottom: 2px;
        height:24px;
        padding-top: 5px;
    }

    .body-content-wpr.service-page .main-content .content .collapse-table.open .mobile-container-services .mobile-item-services .icon, .collapse-sph-mb {
        top: 50%;
    }
}

/*end smo css services*/
/* start page create orders */
/* start page no orders */

.nkl-orders__no {
    margin: 0 auto;
    display: flex;
    max-width: 670px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: 156px 0px 239px 0px;
}
.nkl-orders__no.nkl-orders__pedding {
    padding: 20px 0px 136px 0px;
}
.nkl-order__no-img {
    max-width: 284px;
    height: 100%;
    aspect-ratio: 317/203;
}
.nkl-order__no-imgarrow {
    position: absolute;
    top: 15%;
    right: -92px;
    transform: translateY(-50%);
}
    
.nkl-orders-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.nkl-orders-title {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    color: #FFFFFF;
    margin: 0px;
}
.nkl-orders__description {
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #666666;
    margin: 0px;
    text-align: center;
}
@media (max-width: 768px) {
    .update13_2.dashboard .body-content-wpr.page-create-invoice,
    .update13_2.dashboard .body-content-wpr.orders-page {
        padding-top: 24px!important;
    }
    .nkl-orders__no {
        padding:  0px;
        gap: 40px;
    }
    .nkl-orders__no.nkl-orders__pedding {
        padding:  14px 0px 40px 0px;
    }
    .nkl-orders__no.nkl-orders__pedding img {
        max-width: 260px;
        width: 100%;
        object-fit: cover;
        height: 165px;
    }
    .nkl-order__no-imgarrow {
        display: none;
    }
    .nkl-order__no-img {
        width: 100%;
        object-fit: none;
        aspect-ratio: 262 / 230;
        content: url(https://storage.perfectcdn.com/0a268b/h5ijg84w5arxp5pd.png);
    }
    .nkl-orders-title {
        font-size: 24px;
    }
    .nkl-orders__description {
        font-size: 16px;
    }
}

/* end page no orders */

.nkl-orders__title-wpr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 24px;
}

.nkl-orders__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-weight: 700;
    line-height: 41px;
    margin: 0px;
}

.nkl-new-order {
    border-radius: 123456px;
    background: #277DFF;
    display: flex;
    padding: 10px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin: 0px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
}

.nkl-new-order:hover::after {
    content: "";
    display: block;
    width: 150px;
    height: 44px;
    top: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.nkl-orders__summary {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    margin-bottom: 24px;
}

.nkl-orders__status {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 24px;
    background: #121517;
}

.nkl-orders__status-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 6px;
}

.nkl-orders__status-note {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0px;
}


.nkl-orders__status-count {
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    margin: 0px;

}


.nkl-orders__status--canceled .nkl-orders__status-count {
    color: #C52222;
}

.nkl-orders__status--delivering .nkl-orders__status-count {
    color: #D97706;
}

.nkl-orders__status--completed .nkl-orders__status-count {
    color: #22C55E;
}

.nkl-orders__status-icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
    margin-right: 14px;
}

.nkl-orders__status-icon p {
    color: #FFB60E;
    font-family: "GT Walsheim Pro"!important;
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    margin: 0px;
}

.nkl-orders__status.nkl-orders__status--view {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 6px;
}

.nkl-view-details {
    color: var(--Primary, #277DFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0px;
    margin-right: 14px;
}


.nkl-orders .nkl-orders__search .order-srch-form-wpr .order-srch-row button[type="submit"] {
    min-width: 198px;
    height: 40px;
}
.nkl-orders .nkl-orders__search .order-srch-form-wpr.order-page {
    margin-bottom: 12px;
}
.nkl-orders .order-srch-row {
    position: relative;
}
.nkl-orders .order-srch-form-wpr.order-page .order-srch-row input[type="text"] {
    padding: 0 38px;
}
.nkl-orders .order-srch-row input[type=text]+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg);
    position: absolute;
    top: 10px;
    left: 12px;
}
.nkl-orders .order-srch-row input[type=text]:focus+label { 
    background-color: white;
    -webkit-mask-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
}

.nkl-orders__filters {
    margin-bottom: 40px;
}

.nkl-orders__filters ul {
    background: var(--Substrate-1, #121517);
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0px;
    border-radius: 20px;
    width: fit-content;

}
.nkl-orders__table-body tbody tr:hover {
    background: none;
}

.nkl-orders__filters ul li a {
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    min-width: 157px;
    width: 100%;
    border: none;
}

.nkl-orders__filters ul li:hover a,
.nkl-orders__filters ul li.active a {
    color: #fff;
    font-weight: 700;
    border-radius: 123456px;
    border: 2px solid rgb(255 255 255 / 10%);
    background: var(--Primary, #277DFF);
}

.nkl-orders__table {
    width: 100%;
    border-collapse: collapse;
}
.nkl-orders__link {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    min-width: auto;
    max-width: unset;
    width: 100%;
}
.nkl-orders__table-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: var(--Substrate-2, #15181C);
}
.nkl-orders__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
}

.nkl-orders__table-header tr th:first-child,
.nkl-orders__table-body tr td:first-child {
    display: none; 
}
.nkl-orders__table-header th:nth-child(2),
.nkl-orders__table-body td:nth-child(2) {
    width: 12.5%;
}

.nkl-orders__table-header th:nth-child(3),
.nkl-orders__table-body td:nth-child(3) {
    width: 34.5%;
}

.nkl-orders__table-header th:nth-child(4),
.nkl-orders__table-body td:nth-child(4) {
    width: 19.1%;
}

.nkl-orders__table-header th:nth-child(5),
.nkl-orders__table-body td:nth-child(5) {
    width: 10%;
}

.nkl-orders__table-header th:nth-child(5),
.nkl-orders__table-body td:nth-child(5) {
    width: 13.7%;
}

.nkl-orders__table-header th:nth-child(6),
.nkl-orders__table-body td:nth-child(6) {
    width: 14.7%;
}

.nkl-orders__table-header th:nth-child(7),
.nkl-orders__table-body td:nth-child(7) {
    width: 18.5%;
}


.nkl-orders__table-header tr th:nth-child(2) {
    padding: 22px 16px;
}

.nkl-orders__table-header th {
    color: var(--Gray, #fff);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    padding: 22px 0px;
    text-transform: capitalize;
}

.nkl-orders__table-body td {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    line-height: 19.6px;
    padding: 16px 5px 16px 0px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.nkl-orders__table-body tr td:nth-child(2) {
    padding: 16px 0px 16px 16px;
}



.nkl-serive-date {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    display: block;
    margin-bottom: 6px;
}

.nkl-info-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
}

.nkl-info-btn.info-btn  .nkl-refill-btn.refill-btn{
    padding: 9px 15px;
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #666666;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 36px;
    background: #24262A;
    box-shadow: none;
}
.nkl-info-btn.info-btn  .nkl-refill-btn.refill-btn svg path {
    fill: #666666;
}
.nkl-info-btn.info-btn  .nkl-refill-btn.refill-btn:hover {
    background: #FF2727;
    color: #FFFFFF;
}
.nkl-info-btn.info-btn  .nkl-refill-btn.refill-btn:hover svg path {
    fill: #fff;
}
div:has(> .nkl-refill-btn.refill-btn) > .nkl-reordr-btn.reordr-btn {
    display: none !important;
}
.nkl-info-btn.info-btn .info-btn-icon {
    margin-right: 0px;
}
.service-charge {
    color: #FFAC27;
}
.nkl-reordr-btn {
    display: flex !important;
    padding: 12.5px 8px;
    justify-content: center;
    gap: 10px;
    max-width: 110px;
    flex: 1 0 0;
    width: 100%;
    color: #fff;
    border-radius: 123456px;
    background: var(--Substrate-3, #24262A);
    white-space: nowrap;
}

.nkl-orders-status {
    border-radius: 123456px;
    padding: 6px 10px 6px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    max-width: 91px;
    width: 100%;
    position: relative;
    overflow: hidden;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
    text-transform: capitalize;
}

.nkl-orders-status.Processing {
    background: #27A5FF;
}

.nkl-orders-status.Paused,
.nkl-orders-status.Partial {
    background: #BB27FF;
}

.nkl-orders-status.Refunded {
    background: #FF2727;
}
.nkl-orders-status.Expired, 
.nkl-orders-status.Pending {
    background: #D97706;
}
.nkl-orders-status.Active,
.nkl-orders-status.Completed {
    background: #22C55E;
}
.nkl-orders-status.Canceled {
    background: #FF2727;
}

.nkl-orders-status.Number {
    border: 1px solid #FFAC27;
    background: linear-gradient(90deg, #FFAC27 0%, rgba(13, 16, 18, 0.00) 100%);
}

.nkl-orders__table-body .status-info-icon {
    background-color: white;
    color: #e53935;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin-left: 6px;
    font-style: normal;
}

.nkl-orders__table-body .status-wrapper {
    position: relative;
    display: inline-block;
}

.nkl-orders__table-body .badge-canceled {
    background-color: #e53935; 
    color: white;
    border-radius: 999px;
    padding: 6px 10px;
    font-family: GT Walsheim Pro!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.nkl-orders__table-body tr:first-child .badge-canceled[data-tooltip]:hover::after {
    top: -100px;
}

.nkl-orders__table-body .badge-canceled[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    white-space: pre-line;
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 12px;
    border-radius: 10px;
    font-size: 14px;
    width: 208px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background: var(--Substrate-3, #24262A);
}
.nkl-orders__table-body .badge-canceled[data-tooltip]:hover::before {
    content: "";
    position: absolute;
    top: -12px; 
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: var(--Substrate-3, #24262A) transparent transparent transparent;
    z-index: 10;
}
.nkl-reordr-btn.reordr-btn:hover,
.nkl-info-btn.info-btn .info-btn-icon:hover,
.nkl-orders__table-body tr:hover .nkl-reordr-btn.reordr-btn,
.nkl-orders__table-body tr:hover .nkl-info-btn.info-btn .info-btn-icon{
    background: var(--Primary, #277DFF);
}

.nkl-reordr-btn.reordr-btn:hover,
.nkl-info-btn.info-btn .info-btn-icon:hover,
.nkl-orders__table-body tr:hover .nkl-reordr-btn.reordr-btn svg path,
.nkl-orders__table-body tr:hover .nkl-info-btn.info-btn .info-btn-icon svg path{
    fill: #fff;
}
.nkl-orders__table-body tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 1350px) {
    .nkl-orders__status-icon p {
        font-size: 20px;
    }
    .nkl-orders__filters ul {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .nkl-orders__status-icon p {
        font-size: 16px;
        line-height: 18px;
    }
}
@media screen and (max-width: 768px) {
    .nkl-orders__title {
        font-size: 24px;
    }
    .nkl-new-order {
        font-size: 14px;
        padding: 8px 16px;
        gap: 10px;
    }
 
    .nkl-orders {
        padding: 0 20px;
    }

    .nkl-orders__table {
        width: 100%;
        display: block;
        border-radius: 20px;
    }

    .nkl-orders__table-header tr {
        display: none;
    }

    .nkl-orders__table-body {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .nkl-orders__table-body tr {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        border-bottom: none;
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
        /* border-right: 1px solid rgba(255, 255, 255, 0.05); */
    }

    .nkl-orders__table-body td {
        display: block;
        flex: 0 0 auto;
        width: 100%!important;
        position: relative;
        text-align: left;
        border-bottom: 0;
        padding-left: 56%!important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 12px 0px 12px 20px;
        line-height: 28px ;
        font-size: 14px;
    }
    .nkl-orders__table-body td p,
    .nkl-orders__table-body td a{
        font-family: "GT Walsheim Pro"!important;
        line-height: 14px;
        font-size: 14px;
        width: 100%;
    }
    .nkl-orders__table-body td:nth-child(4),
    .nkl-orders__table-body td:nth-child(3) {
        line-height: 19.6px;
    }
   
    .nkl-orders__table-body td .nkl-serive-date {
        display: none;
    }
   
    .nkl-orders__table-body tr td:first-child {
        padding-left: 30%!important;
        border-radius: 24px 24px 0px 0px;
        background: #101315;
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro"!important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: block;
        padding: 18px 0px;
    }
    .nkl-orders__table-body tr td:nth-child(2) {
        color: #666;
    }
    .nkl-orders__table-body tr td:last-child {
        padding-left: 0%!important;
        border: none;
    }
    .nkl-info-btn {
        width: 100%;
    }
    .nkl-reordr-btn {
        width: 100%;
        max-width: 293px;
        padding: 14px;
    }
    .nkl-orders__filters {
        margin-bottom: 26px;
    }
    .nkl-orders__table-body td[data-heading]:before {
        content: attr(data-heading);
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        text-align: left;
        font-size: 14px;
        color: var(--White, #FFF);
        font-size: 14px;
        font-weight: 700;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 28px ;
        display: flex;
        align-items: center;
        padding: 12px 0px 12px 20px;
    }
    .nkl-orders__table-body tr td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .nkl-orders__table-body tr td:not(:first-child):not(:last-child){
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        border-left: 1px solid rgba(255, 255, 255, 0.05);
    }
    .nkl-orders__table-body td:nth-child(6) {
        border-radius: 0px 0px 20px 20px;
    }
    .nkl-orders__summary {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .nkl-orders .order-srch-form-wpr.order-page .order-srch-row input[type="text"] {
        margin-bottom: 5px;
    }
    .nkl-orders__filters ul li a {
        font-size: 14px;
        border-radius: 123456px;
        background: var(--Substrate-1, #121517);
    }
  
    .nkl-orders__filters ul {
        background: none;
        gap: 0px;
    }
   
    .nkl-orders__status-icon p {
        font-size: 18px;
        line-height: 20px;
    }
    .nkl-orders__status-icon {
        margin-right: 0px;
    }
    .nkl-orders__status-icon svg {
        display: none;
    }
    .nkl-orders__status {
        width: 45%;
        flex: auto;
        padding: 10px 12px 11px 16px;
    }
    .nkl-orders__status:last-child {
        padding: 16px 14px 10px 16px;
        gap: 0px;
    }
    .nkl-new-order svg {
        height: 18px;
        width: 18px;
    }
    .nkl-view-details {
        font-size: 14px;
        margin-right: 0px;
    }
    .nkl-orders__title-wpr {
        margin-bottom: 34px;
    }
    .nkl-orders__filters ul {
        flex-wrap: wrap;
        gap: 13px 11px;
    }
    .nkl-orders__status-note {
        font-size: 14px;
    }
    .nkl-orders__status-count {
        font-size: 18px;
        line-height: 20px;
    }
    .nkl-orders__status-text {
        gap: 5px;
    }
}


/* end page create orders */


/* start update popup refer earn */
.nkl-popup-refer-earn {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    backdrop-filter: blur(5px); 
}

.nkl-popup-refer-earn__overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 16, 18, 0.60);
    backdrop-filter: blur(5px);
    z-index: 999;
}

.nkl-popup-refer-earn__container {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 514px;
    width: 100%;
    display: inline-flex;
    padding: 24px 40px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 40px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1000;
}

.nkl-popup-refer-earn__close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: none;
    border: none;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.nkl-popup-refer-earn__close:hover svg path{
    stroke: #fff;
}
.nkl-popup-refer-earn__title {
    color: var(--White, #FFF);
    text-align: left;
    width: 100%;
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-weight: 700;
    margin: 0px;
}

.nkl-popup-refer-earn__link {
    display: flex;
    padding: 8px 8px 8px 12px;
    align-items: center;
    gap: 24px;
    border-radius: 16px;
    background: rgba(39, 125, 255, 0.10);
    width: 100%;
    justify-content: space-between;
}

.nkl-popup-refer-earn__link-input {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    border: none;
    background-color: transparent;
    max-width: 230px;
    width: 100%;
}

.nkl-popup-refer-earn__link-copy {
    display: flex;
    padding: 9px 18px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
    background: var(--Primary, #277DFF);
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 700;
    border: none;
}
.nkl-popup-refer-earn__link-copy:hover {
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
}
.nkl-popup-refer-earn__info {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.6px;
    margin: 0px;
    margin-top: -14px;
}
.nkl-popup-refer-earn__image {
    aspect-ratio: 1/1;
    max-width: 320px;
}
.nkl-popup-refer-earn__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nkl-popup-refer-earn__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
@media screen and (max-width: 991px) {
    .nkl-popup-refer-earn__container {
        max-width: 75%;
        padding: 28px;
        gap: 20px;
        border-radius: 32px;
    }
    .nkl-popup-refer-earn__close {
        top: 20px;
        right: 16px;
        font-size: 20px;
    }
    .nkl-popup-refer-earn__info {
        font-size: 12px;
    }
    .nkl-popup-refer-earn__title {
        font-size: 26px;
    }

    .nkl-popup-refer-earn__link {
        gap: 14px;
        padding: 4px 4px 4px 12px;
    }
    .nkl-popup-refer-earn__link-input {
        font-size: 16px;
        width: 100%;
    }
    .nkl-popup-refer-earn__image {
        max-width: 280px;
    }
}

@media screen and (max-width: 575px) {
    .nkl-popup-refer-earn__container {
        max-width: 90%;
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
    }

    .nkl-popup-refer-earn__title {
        font-size: 24px;
    }
    .nkl-popup-refer-earn__link-input{
        line-height: normal;
        letter-spacing: 0.32px;
    }

    .nkl-popup-refer-earn__link-copy {
        width: 100%;
        padding: 9px;
        max-width: 34px;
    }
    .nkl-popup-refer-earn__link-copy span {
        display: none;
    }
    .nkl-popup-refer-earn__image {
        max-width: 260px;
    }
}


/* end update popup refer earn */

/* start top-alert-bar */
.nkl-referral-banner {
    width: 100%;
    background-image: url('https://storage.perfectcdn.com/0a268b/qp10q9mgx9xf13f0.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
}

.nkl-referral-banner__content {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0px;
}
.nkl-referral-banner__text {
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #fff;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    -webkit-text-fill-color:inherit;
}
.nkl-referral-banner__btn {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 123456px;
    background: #FFF;
    backdrop-filter: blur(10px);
    border: none;
}
.nkl-referral-banner__btn span {
    color: var(--Bg, #0D1012);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    font-weight: 700;
}
@media (max-width: 768px) {
    .nkl-referral-banner {
        height: 40px;
        background-image: url('https://storage.perfectcdn.com/0a268b/l677q5pal1u1477k.png');
    }
    .nkl-referral-banner__text {
        font-size: 12px;
    }
    .nkl-referral-banner__content {
        flex-direction: row-reverse;
        max-width: 70%;
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 556px) {
    .nkl-referral-banner__content {
        max-width: 275px;
    }
}
/* end top-alert-bar */

/* start page refunds */
.update13_2.dashboard .body-content.nkl-page-refunds {
    padding: 40px 23px;
    background: #0d1012 !important;
}

.nkl-alert-refunds {
    border-radius: 10px;
    background: rgba(39, 125, 255, 0.20);
    display: flex;
    padding: 10px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 24px;
}

.nkl-refunds__description {
    color: #277DFF;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
}

.nkl-close-btn svg{
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
}

.nkl-refunds__header {
    margin-bottom: 40px;
}

.nkl-refunds__title {
    color: var(--Pure-colors-White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1px;
    margin: 0px;
}

.nkl-refunds__filters {
    margin-bottom: 24px;
}

.nkl-refunds__filters ul {
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0px;
    background: #101315;
    border-radius: 123456px;
    position: relative;

}

.nkl-refunds__filter a {
    border-radius: 123456px;
    display: flex;
    min-width: 107px;
    width: 100%;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
}


.nkl-refunds__filter--active a {
    background: #277DFF;
    color: var(--Platform-White, #FFF);
}

.nkl-refunds__filter a:hover {
    background: #1A1D1F;
}

.nkl-refunds__search form {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    position: relative;
    margin-bottom: 12px;
}

.nkl-refunds__search-input {
    border-radius: 24px;
    background: var(--Substrate-3, #24262A);
    display: flex;
    max-width: calc(100% - 204px);
    width: 100%;
    padding: 10px 12px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border: none;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 500;
    padding-left: 38px;
    height: 40px;
}

.nkl-refunds__search form .nkl-refunds__search-input+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    position: absolute;
    top: 10px;
    left: 12px;
}

.nkl-refunds__search form .nkl-refunds__search-input:focus+label {
    background-color: white; 
    -webkit-mask-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url('https://storage.perfectcdn.com/0a268b/9cu9yu0lplspwamp.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
}

.nkl-refunds__search-button {
    max-width: 198px;
    width: 100%;
    display: flex;
    padding: 10px 65px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 1223456px;
    background: var(--Primary, #277DFF);
    color: var(--Pure-colors-White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0px;
    border: none;
}

.nkl-refunds__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
}

.nkl-refunds__table-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: var(--Substrate-2, #15181C);
}

.nkl-refunds__table-head tr th {
    color: var(--Gray, #fff);
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 22px 0px 22px 0px;
    text-transform: capitalize;
    position: relative;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.nkl-refunds__table-head tr th:last-child::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 16px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.293%201.33325H5.70634C3.27967%201.33325%201.83301%202.77992%201.83301%205.20659V10.7866C1.83301%2013.2199%203.27967%2014.6666%205.70634%2014.6666H11.2863C13.713%2014.6666%2015.1597%2013.2199%2015.1597%2010.7933V5.20659C15.1663%202.77992%2013.7197%201.33325%2011.293%201.33325ZM7.82634%2011.3333C7.82634%2011.3999%207.81301%2011.4599%207.78634%2011.5266C7.73301%2011.6466%207.63967%2011.7466%207.51301%2011.7999C7.45301%2011.8266%207.38634%2011.8399%207.31967%2011.8399C7.25301%2011.8399%207.19301%2011.8266%207.12634%2011.7999C7.06634%2011.7733%207.01301%2011.7399%206.96634%2011.6933L4.99967%209.72659C4.80634%209.53325%204.80634%209.21325%204.99967%209.01992C5.19301%208.82659%205.51301%208.82659%205.70634%209.01992L6.81967%2010.1333V4.66659C6.81967%204.39325%207.04634%204.16659%207.31967%204.16659C7.59301%204.16659%207.82634%204.39325%207.82634%204.66659V11.3333ZM11.993%206.98659C11.893%207.08659%2011.7663%207.13325%2011.6397%207.13325C11.513%207.13325%2011.3863%207.08659%2011.2863%206.98659L10.173%205.87325V11.3333C10.173%2011.6066%209.94634%2011.8333%209.67301%2011.8333C9.39967%2011.8333%209.17301%2011.6066%209.17301%2011.3333V4.66659C9.17301%204.59992%209.18634%204.53992%209.21301%204.47325C9.26634%204.35325%209.35967%204.25325%209.48634%204.19992C9.60634%204.14659%209.74634%204.14659%209.86634%204.19992C9.92634%204.22659%209.97967%204.25992%2010.0263%204.30659L11.993%206.27325C12.1863%206.47325%2012.1863%206.79325%2011.993%206.98659Z%22%20fill%3D%22%23666666%22/%3E%3C/svg%3E);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.nkl-refunds__table-row {
    border-bottom: 1px solid #FFFFFF1A
}

.nkl-refunds__table-body tr td {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 13.75px 0px 13.75px 0px;
}

.nkl-refunds__table-body tr td:first-child {
    padding: 20px 0px 20px 16px;
    color: var(--Gray, #666);
}
.nkl-refunds__table-body tr td:last-child {
    font-weight: 500;
    letter-spacing: normal;
}
.nkl-refunds__table-head tr th:first-child {
    padding: 22px 0px 22px 16px;
}

.nkl-refunds__table-head tr th:nth-child(2),
.nkl-refunds__table-body tr td:nth-child(2) {
    padding-left: 8px;
}

.nkl-refunds__table-body .nkl-refunds__table-cell--positive {
    color: #61FF27;
    font-weight: 500;
}

.nkl-refunds__table-body .nkl-refunds__table-cell--negative {
    color: #FF4027;
    font-weight: 500;
}

.nkl-refunds__status label {
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 123456px;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    max-width: 97px;
    width: 100%;
    margin: 0px;
    letter-spacing: normal;
}

.nkl-refunds__status.nkl-refunds__status--successful label {
    background: #48B516;
}

.nkl-refunds__status.nkl-refunds__status--canceled  label {
    background: #FF3927;
}

.nkl-refunds__status.nkl-refunds__status--partial label {
    background: #FFAC27;
}

@media (max-width: 768px) {
    .update13_2.dashboard .body-content.nkl-page-refunds {
        padding: 24px 20px;
    }

    .nkl-refunds__description {
        font-size: 12px;
    }
    .nkl-alert-refunds {
        height: 38px;
    }
    .nkl-refunds__header {
        margin-bottom: 40px;
    }

    .nkl-refunds__title {
        font-size: 24px;
        line-height: 30px;
    }


    .nkl-refunds__filter:last-child::after {
        content: '';
        position: absolute;
        width: 17px;
        height: 16px;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.293%201.33325H5.70634C3.27967%201.33325%201.83301%202.77992%201.83301%205.20659V10.7866C1.83301%2013.2199%203.27967%2014.6666%205.70634%2014.6666H11.2863C13.713%2014.6666%2015.1597%2013.2199%2015.1597%2010.7933V5.20659C15.1663%202.77992%2013.7197%201.33325%2011.293%201.33325ZM7.82634%2011.3333C7.82634%2011.3999%207.81301%2011.4599%207.78634%2011.5266C7.73301%2011.6466%207.63967%2011.7466%207.51301%2011.7999C7.45301%2011.8266%207.38634%2011.8399%207.31967%2011.8399C7.25301%2011.8399%207.19301%2011.8266%207.12634%2011.7999C7.06634%2011.7733%207.01301%2011.7399%206.96634%2011.6933L4.99967%209.72659C4.80634%209.53325%204.80634%209.21325%204.99967%209.01992C5.19301%208.82659%205.51301%208.82659%205.70634%209.01992L6.81967%2010.1333V4.66659C6.81967%204.39325%207.04634%204.16659%207.31967%204.16659C7.59301%204.16659%207.82634%204.39325%207.82634%204.66659V11.3333ZM11.993%206.98659C11.893%207.08659%2011.7663%207.13325%2011.6397%207.13325C11.513%207.13325%2011.3863%207.08659%2011.2863%206.98659L10.173%205.87325V11.3333C10.173%2011.6066%209.94634%2011.8333%209.67301%2011.8333C9.39967%2011.8333%209.17301%2011.6066%209.17301%2011.3333V4.66659C9.17301%204.59992%209.18634%204.53992%209.21301%204.47325C9.26634%204.35325%209.35967%204.25325%209.48634%204.19992C9.60634%204.14659%209.74634%204.14659%209.86634%204.19992C9.92634%204.22659%209.97967%204.25992%2010.0263%204.30659L11.993%206.27325C12.1863%206.47325%2012.1863%206.79325%2011.993%206.98659Z%22%20fill%3D%22%23666666%22/%3E%3C/svg%3E);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
        right: 8px;
    }

    .nkl-refunds__filter a {
        min-width: 95px;
        font-size: 14px;
        display: flex;
        padding: 10px 12px;
        line-height: 16px;
    }

    .nkl-refunds__search-input {
        max-width: calc(100% - 115px);
    }

    .nkl-refunds__search-button {
        max-width: 109px;
        padding: 10px 28px;
    }

    .nkl-refunds__table-head {
        border: none;
        display: none;
    }

    .nkl-refunds__table-body tr td:first-child {
        padding: 18px 0px;
    }

    .nkl-refunds__table-body tr td:last-child {
        padding-left: 40% !important;
        border-radius: 24px 24px 0px 0px;
        padding: 18px 0px;
        background: #101315;
        color: var(--White, #FFF);
        font-family: "GT Walsheim Pro" !important;
        font-size: 14px;
        font-weight: 500;
        display: block;
        order: -1;
        border: none;
    }

    .nkl-refunds__table-body tr td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block;
        flex: 0 0 auto;
        width: 100% !important;
        position: relative;
        text-align: left;
        padding-left: 56% !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 18px 0px;
        line-height: 16px;
        font-size: 14px;
        margin: 0px;
        letter-spacing: normal;
    }

    .nkl-refunds__table-body tr td.nkl-refunds__table-cell.nkl-refunds__status {
        padding: 12px 0;
    }

    .nkl-refunds__table-body td label {
        margin: 0px;
    }

    .nkl-refunds__table-body td[data-heading]:before {
        content: attr(data-heading);
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        text-align: left;
        font-size: 14px;
        color: var(--White, #FFF);
        font-size: 14px;
        font-weight: 700;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        line-height: 28px;
        display: flex;
        align-items: center;
        padding: 12px 0px 12px 20px;
        text-transform: uppercase;
    }

    .nkl-refunds__table-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 24px;
        border-radius: 8px;
        position: relative;
    }

    .nkl-refunds__status label {
        line-height: 16px;
        font-size: 14px;
        max-width: 88px;
    }
}
@media (max-width: 460px) {
    .nkl-refunds__table-body tr td:last-child {
        padding-left: 31% !important;
    }
}
/* end page refunds */
/* start update modal Instructions  */
.dashboard.vector-pic.update13_2.modal-open {
    overflow: hidden;
    height: 100vh;
}
.modal.payment-detail-modal {
    backdrop-filter: blur(10px);
    background: #0D101299;
    -webkit-backdrop-filter: blur(10px);
}

.payment-detail-modal.nkl-instructions-modal .modal-content {
    border-radius: 40px;
    background: var(--Substrate-1, #121517);
    position: relative;
    width: 682px;
    border: 1px solid #202026;
}

.payment-detail-modal.nkl-instructions-modal.modal.in .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
}

.payment-detail-modal.nkl-instructions-modal .modal-content .modal-body {
    padding: 24px 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.payment-detail-modal.nkl-instructions-modal .payment-detail-slider-wrapper {
    position: static;
}

.payment-detail-modal.nkl-instructions-modal .payment-close {
    position: absolute;
    top: 32px;
    right: 32px;
    opacity: 1;
}
.payment-detail-modal.nkl-instructions-modal .payment-close:hover svg path{
    stroke: var(--White, #FFF);
}
.payment-detail-modal.nkl-instructions-modal .w-css-reset-tree button {
    display: none !important;
}

.nkl-instructions-illustration {
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.nkl-instructions-illustration .wistia_embed,
.nkl-instructions-illustration img {
    border-radius: 24px;
    border: 0.703px solid var(--Border, #202026);
    overflow: hidden;
}

.nkl-instructions-header {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 6px;
}
.nkl-instructions-illustration-box.slick-slide {
    margin: 0 5px; 
}
.welcome-detail-slider .slick-list {
    margin: 0 -5px; 
}

.nkl-instructions-step-number {
    color: var(--Bg, #0D1012);
    text-align: center;
    font-family: "GT Walsheim Pro" !important;
    font-size: 24px;
    font-weight: 700;
    border-radius: 1234456px;
    background: #FFB60E;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 2px 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin: 0px;
}

.nkl-instructions-step-title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro" !important;
    font-size: 36px;
    font-weight: 700;
    margin: 0px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.instructions-icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.payment-detail-illustration .img-responsive.welcome-img {
  margin: 15px 0px;
}

.payment-detail-modal.nkl-instructions-modal .dots-welcome {
    padding: 0px;
    margin: 0px;
}

.payment-detail-modal.nkl-instructions-modal .dots-welcome ul.naizop-dots {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
}

.payment-detail-modal.nkl-instructions-modal .dots-welcome ul.naizop-dots li {
    padding: 0px;
}

.payment-detail-modal.nkl-instructions-modal .dots-welcome ul.naizop-dots li button {
    border-radius: 5px;
    background: var(--Substrate-3, #24262A);
    width: 10px;
    height: 4px;
    padding: 0px;
}

.payment-detail-modal.nkl-instructions-modal .dots-welcome ul.naizop-dots li.slick-active button {
    border-radius: 5px;
    background: var(--Primary, #277DFF);
    width: 30px;
    height: 4px;
}

.payment-detail-modal.nkl-instructions-modal .leftwelcome-arrow,
.payment-detail-modal.nkl-instructions-modal .rightwelcome-arrow {
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #15181C;
    display: flex;
    max-width: 84px;
    width: 100%;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
}

.payment-detail-modal.nkl-instructions-modal .rightwelcome-arrow {
    border-radius: 123456px;
    border: 2px solid rgba(255, 255, 255, 0.30);
    background: var(--Primary, #277DFF);
    color: #FFF;
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
}

.payment-detail-modal.nkl-instructions-modal .slider1-welcome {
    align-items: center;
    margin-top: 0px;
    padding: 0px;
}

.nkl-instructions-textbox h4 {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 14px;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-align: left;
}

.nkl-instructions-textbox p {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    margin-bottom: 6px;
    text-align: left;
}
.nkl-instructions-textbox p:last-child{
    margin: 0px;
}
.nkl-instructions-textbox p span {
    color: var(--White, #FFF);
}

@media screen and (min-width: 768px) {
    .payment-detail-modal.nkl-instructions-modal.modal.in .modal-dialog {
        width: 682px;
    }
}

@media screen and (max-width: 768px) {
    .payment-detail-modal.nkl-instructions-modal .modal-content {
        width: 100%;
        border-radius: 24px;
    }

    .payment-detail-modal.nkl-instructions-modal .modal-content .modal-body {
        padding: 20px;
    }

    .payment-detail-modal.nkl-instructions-modal .payment-close {
        top: 20px;
        right: 20px;
    }

    .nkl-instructions-step-number {
        display: flex;
        width: 24px;
        height: 24px;
        padding: 2px 6px;
        font-size: 18px;
    }

    .nkl-instructions-step-title {
        font-size: 24px;
    }

    .payment-detail-modal.nkl-instructions-modal.modal.in .modal-dialog {
        margin: 0 20px;
    }

    .payment-detail-modal.nkl-instructions-modal .leftwelcome-arrow,
    .payment-detail-modal.nkl-instructions-modal .rightwelcome-arrow {
        max-width: 76px;
        height: 34px;
    }
    .nkl-instructions-textbox h4 {
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 14px;
    }
    .nkl-instructions-textbox p{
        font-size: 14px;
        line-height: 18.2px;
    }
    .nkl-instructions-textbox-mt p {
        line-height: 19.6px;
    }
    .nkl-instructions-illustration .wistia_embed, .nkl-instructions-illustration img {
        border-radius: 16px;
    }
    .payment-detail-modal.nkl-instructions-modal .dots-welcome ul.naizop-dots li button {
        width: 10px;
        height: 2px;
    }
    .payment-detail-modal.nkl-instructions-modal .dots-welcome ul.naizop-dots li.slick-active button {
        width: 24px;
        height: 2px;
    }
    .nkl-instructions-illustration {
        gap: 25px;
        align-items: center;
    }
    .instructions-icon-play {
        width: 40px;
        height: 40px;
    }
    
}
@media screen and (max-width: 390px) {
    .payment-detail-modal.nkl-instructions-modal .wistia_embed.mobile-wistia {
        width: 100% !important;
        height: 170px !important;
    }
}
/* end update modal Instructions  */

/* smo css deposit   */
.dashboard .body-content-wpr.sph-page-addfunds{
    padding: 40px 23px;
}

.sph-page-addfunds .tn-h1{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: #fff !important;
    margin-bottom: 40px;
    display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
}

.sph-page-addfunds .tn-h1 i{
    width: 24px;
    height: 24px;
  cursor: pointer
}

.sph-page-addfunds .tn-h1 i::before{
    font-size: 24px;
}

.debosit-sph{
    justify-content: center;
    border-radius: 26px;
    border-width: 1px;
    padding: 28px;
    background-image: url(https://storage.perfectcdn.com/0a268b/bz07mxb3pha230cl.png);
    display: flex;
    align-items: center;
    background-color: #121517;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.debosit-content-sph h2, .debosit-content-sph h2 span{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 0 !important;
}

.debosit-content-sph h2 span{
    color: #FFB60E
}

.debosit-content-sph{
    display: flex;
    align-items: center;
    gap: 24px;
}

.debosit-sph a{
    display: flex
;
    align-items: center;
    height: 52px;
    gap: 12px;
    border-radius: 123456px;
    border-width: 2px;
    padding-top: 14px;
    padding-right: 22px;
    padding-bottom: 14px;
    padding-left: 22px;
    background: #277DFF;
    box-shadow: 2px 2px 30px 0px #FFFFFF80 inset;
    position: relative;
    z-index: 1;
    min-width: 196px;
    border: 2px solid rgba(255, 255, 255, 0.30);

}

.debosit-sph a::before{
    
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px; 
    background: linear-gradient(81.98deg, rgba(255, 255, 255, 0.15) 3.7%, rgba(255, 255, 255, 0.05) 96.3%);
    border-radius: 123456px;
    z-index: -1;
}

.debosit-sph a span{
    color: #fff !important;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
    
}

.sph-page-addfunds #order_phone .iti__country-list li span{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.sph-page-addfunds .iti__dial-code{
    color: #666 !important;
    font-weight: 500;
}

.box-bonus-sph > div{
    border-radius: 24px;
    padding: 24px;
    background: #121517;
    
}

.row-bonus-sph .box-bonus-sph{
    padding-left: 20px;
    padding-right: 20px;
}

.row-bonus-sph .box-bonus-sph1{
    width: 53.75% !important;
}

.row-bonus-sph .box-bonus-sph2{
    width: 46.25% !important;
}

.row.row-bonus-sph{
    margin-left: -20px;
    margin-right: -20px;
}

.sph-page-addfunds .fund-list{
    gap: 12px;
    border-radius: 123456px;
    padding: 4px;
    display: flex;
    background: #15181C;    
    margin-bottom: 25px;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

.sph-page-addfunds .fund-list li span{
    gap: 6px;
    border-radius: 123456px;
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
    display: flex;
    align-items: center;
    background: inherit;
}





.sph-page-addfunds .fund-list li{
    min-width: max-content;
}

.sph-page-addfunds .fund-list li span{
    color: #666;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    width: 108.8px;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
}

.sph-page-addfunds .fund-list li span.active svg path{
    fill: #fff;
}

.sph-page-addfunds .fund-list-txt svg{
    width: 18px;
    margin-right: 0;
}

.sph-page-addfunds .fund-list li span.active{
    color: #fff!important;
    background: #277DFF!important;
}
.sph-page-addfunds .fund-list li span:hover {
    color: #666666;
    background: #24262A;
}
.sph-page-addfunds .addfund-form-wpr .fund-item{
    margin-top: 0;
}

.sph-page-addfunds .tn-label-priceoff{
    /*display: none;*/
}

.sph-page-addfunds .fund-frm label span.payment-num{
    background: #FFFFFF33;
    height: 22px;
    border-radius: 123456px;
    padding: 4px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    color: #fff;
    min-width: 22px;
    top: 8px;
    left: 8px;

}

.sph-page-addfunds .fund-item .form-check .form-check-label{
    padding: 12px !important;
    padding-top: 11px !important;
}

.sph-page-addfunds .fund-frm label span.payment-txt{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 20px !important;
    
}

.sph-page-addfunds .fund-item .form-check .form-check-input:checked+.form-check-label::after{
    width: 14px;
    height: 14px;
    background-size: 14px;
    top: 10px !important;
    right: 10px !important;
}

.sph-page-addfunds .fund-frm .fields1 #amount_label{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 100%;
    padding: 0;

}

.order-form-wpr form .form-group label{
    margin-bottom: 6px !important;
    font-weight: 500 !important;
}

.sph-page-addfunds .addfund-form-wpr .fund-item{
    padding-bottom: 21px;
}

.sph-page-addfunds .iti--separate-dial-code .iti__selected-dial-code{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    margin-left: 10px;
}

.sph-page-addfunds .iti__flag{
    width: 18px;
}
.sph-page-addfunds .addfunds-displaybonus .fundsbonus-amount{
    background: #559B36;
    border-radius: 6px;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-left: 6px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;

}

.sph-page-addfunds .fundsbonus-amount{
    margin-right: 6px;
    margin-left: 6px;
}

.sph-page-addfunds .addfunds-displaybonus span{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFFCC;
}

.sph-page-addfunds .iti__arrow{
    margin-left: 15px;
    margin-top: 3px;
}

.sph-page-addfunds .iti__selected-flag{
    padding-right: 13px !important;
}

.sph-page-addfunds .addfunds-displaybonus span.fundsbonus-percentage{
    color: #559B36;
    font-weight: 700;
}

.sph-page-addfunds .addfunds-displaybonus{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFFCC;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #559B3633;
    border-radius: 10px;
    padding-top: 9px;
    padding-right: 12px;
    padding-bottom: 9px;
    padding-left: 12px;
    margin-bottom: 9px;
}

.sph-page-addfunds .addfund-form-wpr .amout-wpr .affiliate_field_innr::before{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    left: 14px;

}

.sph-page-addfunds .addfund-form-wpr .amout-wpr .afterbonusyouget .affiliate_field_innr::before{
    color: #277DFF;
}

.sph-page-addfunds .addfund-form-wpr .amout-wpr .afterbonusyouget input{
    color: #277DFF !important;

}

.sph-page-addfunds .addfund-form-wpr .amout-wpr .afterbonusyouget{
    margin-bottom: 8px;
}

.sph-page-addfunds .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li a.active{
    border: 1px solid #277DFF !important;
    background: #277DFF !important;
    backdrop-filter: blur(40px)

}

.sph-page-addfunds .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt{
    margin-bottom: 12px;
}

.sph-page-addfunds .addfund-form-wpr .amout-wpr .affiliate_field_innr{
    margin-top: 0;
}

.sph-page-addfunds .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul{
    margin-top: 0;
    margin: 0 !important;
}

.sph-page-addfunds .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul a{
    font-family: GT Walsheim Pro;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    border: 1px solid #202026
}

.sph-page-addfunds .addfund-form-wpr .amout-wpr input[type="text"]{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    padding-left: 27px;
    height: 50px;
    border-radius: 10px;
    border-width: 1px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 16px;
    background: #15181C;
    border: 1px solid #202026

}
.howto-addfunds-slider  {
    display: flex !important;
}
.nkl-instructions-illustration-box:not(:first-child) {
    display: none;
    width: 100%;
}
.nkl-instructions-illustration-box.slick-slide {
    display: block;
    width: 100%;
}
.howto-addfunds-slider .welcome-textbox h4{
  font-family: "GT Walsheim Pro" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.howto-addfunds-slider .welcome-textbox p{
  color: #666;
  font-family: "GT Walsheim Pro" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}

.howto-addfunds-slider .slider1-welcome button{
  color: var(--Gray, #666);
  font-family: "GT Walsheim Pro" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.leftwelcome-arrow, .rightwelcome-arrow {
    width: 118px;
    height: 55px;
    background-color: transparent;
    color: #fff;
    border-radius: 123456px;
	border: 2px solid rgba(255, 255, 255, 0.05);
	background: #15181C;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.rightwelcome-arrow {
    border-radius: 123456px;
  border: 2px solid rgba(255, 255, 255, 0.30);
  background: var(--Primary, #277DFF);
  box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
  color: #fff
}

.naizop-dots{
  padding-left: 0
}

.payment-detail-modal .modal-content{
  border-radius: 40px;
  border: 1px solid var(--Border, #202026);
  background: var(--Substrate-1, #121517);
}


.howto-addfunds-slider .welcome-header h3{
  color: var(--White, #FFF);
  text-align: center;
  font-family: "GT Walsheim Pro" !important;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.addfund-form-wpr .amout-wpr .affiliate_field_innr::after{
    font-family: "GT Walsheim Pro"!important;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #666;

}

.sph-page-addfunds .addfunds-displaybonus img{
    margin-right: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
}

.sph-page-addfunds #order_phone .iti__country-list{
    width: fit-content;
    height: 248px;
    gap: 6px;
    border-radius: 10px;
    border-width: 1px;
    padding-top: 16px;
    padding-right: 14px;
    padding-bottom: 16px;
    padding-left: 14px;
    background: #24262A;
    border: 1px solid #202026;
}

.sph-page-addfunds #order_phone .iti__country-list::-webkit-scrollbar {
    width: 2px;
  }

  .sph-page-addfunds #order_phone .iti__country-list::-webkit-scrollbar-track {
    background: #12151766; 
  }
   
  .sph-page-addfunds #order_phone .iti__country-list::-webkit-scrollbar-thumb {
    background: #121517; 
  }

.sph-page-addfunds #field-phone::placeholder{
    font-family: "GT Walsheim Pro"!important;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #666

}

.sph-page-addfunds .debosit-content-sph img{
  width: 52px;
  height: 52px;
}

.sph-page-addfunds #field-phone{
    padding-left: 102px !important;
    padding-top: 16px;
}

.addfund-form-wpr .amout-wpr #fundbonus{
    padding-top: 16px;
}



.sph-page-addfunds #order_phone .iti__country-list li{
    margin-bottom: 6px;
  width: max-content;
}

.sph-page-addfunds .iti__country.iti__highlight{
    background: #121517;
}

.sph-page-addfunds .fund-item .form-check .form-check-label{
    background: #15181C;
    backdrop-filter: blur(40px);
    border: 1px solid #202026;
}

.sph-page-addfunds #order_phone{
    position: relative;
}

.sph-page-addfunds #order_phone::after{
    content: "";
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-image: url('https://storage.perfectcdn.com/0a268b/5znolnb1yb92rqs4.svg');
    background-size: cover;
    left: 0;
}

.sph-page-addfunds #order_phone{
    border-bottom: none;
    margin-bottom: 17px;
}

.sph-page-addfunds #order_extra_fee label{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    color: #666 !important;
    margin-bottom: 0 !important;
}

.sph-page-addfunds #order_extra_fee{
    margin-bottom: -5px;
}

.sph-page-addfunds #order_total .control-label{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 19px !important;
    color: #666 !important;
    margin-bottom: 0 !important;
}

.sph-page-addfunds #order_total .field-commission-total-tn{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;    
}

.sph-page-addfunds #order_total{
    margin-bottom: 7px ;
}

.sph-page-addfunds #tn_your_receive{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: #277DFF;

}

.sph-page-addfunds #order_receive .control-label{
    font-family:  "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 0 !important;

}

.sph-page-addfunds #order_extra_fee .field-commission-total-tn{
    height: 24px;
    border-radius: 1233456px;
    gap: 10px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-left: 6px;
    background: #24262A;
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #666;
    
}

.sph-page-addfunds .support_frm_grp{
    margin-bottom: 58px;
}

.sph-page-addfunds .supprt_submitBtn_wpr .cmn-blue-btn-txt{
    margin-left: -49px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;

}

.sph-page-addfunds #instruction_instruction{
    background: #15181C;
    border: 1px solid #202026;
    padding: 20px;
    padding-top: 10px;
}

.sph-page-addfunds #instruction_instruction .panel-body{
    padding: 0;
}

.sph-page-addfunds #instruction_instruction .panel-body h3{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 14px !important;
}

.sph-page-addfunds #instruction_instruction .fund-description-wrap > div > b{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #666;
    
}

.sph-page-addfunds #instruction_instruction .fund-description-wrap > div > br{
    display: block;
    line-height: 10px;
}

.sph-page-addfunds #instruction_instruction .fund-description-wrap > div{
    line-height: 17.61px;
}

.sph-page-addfunds #instruction_instruction .panel-body .fund-description-wrap h4 b{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #fff;

}

.sph-page-addfunds #instruction_instruction .panel-body .fund-description-wrap h4 b a{
    font-weight: 700;
    color: #277DFF;

}

.sph-page-addfunds .tn-fund-description > div.wrapper-content-js {
    border-radius: 12px;
    padding: 24px;
    padding-top: 25px
}


.sph-page-addfunds #instruction_instruction .fund-description-wrap h4 > a{
    background: #121517;
    color: #666666;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 9999px;
    gap: 16px;
    padding-top: 6px;
    padding-right: 24px;
    padding-bottom: 6px;
    padding-left: 24px;
    line-height: 100%;
}

.sph-page-addfunds #instruction_instruction .fund-description-wrap .wrapper-content-js div{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: #FFD31E;
}

.sph-page-addfunds #instruction_instruction .fund-description-wrap .wrapper-content-js .note-sph-bonus b{
    font-size: 16px;
    line-height: 18px;
}


.sph-page-addfunds #instruction_instruction .fund-description-wrap .wrapper-content-js p{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 15.7px;
    text-align: center;
    margin-bottom: 0.9px;
}


.sph-page-addfunds #instruction_instruction .panel-body .fund-description-wrap h4{
    margin-bottom: 12px;
    gap: 45px
}

.sph-page-addfunds .wrapper-content-js{
    margin-top: 25px;
}

.sph-page-addfunds .bonus-system-title{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    margin-top: 1px;
    margin-bottom: 12px;
}

.sph-page-addfunds .bonus-system-txt{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 15.7px;
    color: #666 !important;
    
}

.sph-page-addfunds .bonus-system-wrap{
    font-family: "GT Walsheim Pro" !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #fff !important;
}

.sph-page-addfunds .warapper-content-bonus{
    width: 100% 
}


.sph-page-addfunds .bonus-system-box{
    background-color: #15181C;
    border: 1px solid #202026;
    backdrop-filter: blur(40px);
    border-radius: 16px;
    border-width: 1px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 18px;
    align-items: flex-start;
    gap: 18px;
}

.sph-page-addfunds .bonus-system-ul{
    margin-top: 24px;
    gap: 12px
}


.sph-page-addfunds .bonus-system-ul li, .sph-page-addfunds .bonus-system-ul.bonus-system-ul2 li:last-child {
    flex: inherit !important;
    max-width: calc((100% - 12px) / 2) !important;
    width: 100% !important;
    height: 110px;
}

.sph-page-addfunds .tn-receive{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color: #acacac;
    
}

.sph-page-addfunds .bonus-left .bonus-system-num{
    background: #444649;
    height: 35px;
    gap: 10px;
    border-radius: 123456px;
    padding-top: 7px;
    padding-right: 16px;
    padding-bottom: 6px;
    padding-left: 16px;
    font-family: "GT Walsheim Pro"!important;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    max-width: 124px ;
    
}

.sph-page-addfunds .bonus-system-box2 .bonus-system-num{
    background: #2A4A7A;

}
.sph-page-addfunds .bonus-system-box3 .bonus-system-num{
    background: #A08434;

}
.sph-page-addfunds .bonus-system-box4 .bonus-system-num{
    background: #437A2A;

}

.sph-page-addfunds .bonus-system-ul2 .bonus-system-num{
    background: #7534A0;

}

.sph-page-addfunds .bonus-system-ul2 .bonus-system-box:hover{
    background: url(https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png);
    background-color: #C5C02233;
    border: 1px solid #C5C022;
    backdrop-filter: blur(40px);

}

.sph-page-addfunds .bonus-system-ul2 .bonus-system-box2:hover{
    background: url('https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png');
    background-color: #C5662233;
    border: 1px solid #C56622;
    backdrop-filter: blur(40px);
}

.sph-page-addfunds .bonus-system-box:hover{
    background: url('https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png');
    background-color: #44464933;
    border: 1px solid #444649;
    backdrop-filter: blur(40px);

}

.sph-page-addfunds .bonus-system-ul2 .bonus-system-box1:hover {
    background: url(https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png);
    background-color: #7122C533;
    border: 1px solid #7122C5;
    backdrop-filter: blur(40px);
}

.sph-page-addfunds .bonus-system-box2:hover{
    background: url('https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png');
    background-color: #227CC533;
    border: 1px solid #227CC5;
    backdrop-filter: blur(40px);

}

.sph-page-addfunds .bonus-system-box3:hover{
    background: url('https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png');
    background-color: #C5C02233;
    border: 1px solid #C5C022;
    backdrop-filter: blur(40px);


}

.sph-page-addfunds .bonus-system-box4:hover{
    background: url('https://storage.perfectcdn.com/0a268b/mqnxybwkx90ffofg.png');
    background-color: #22C55E33;
    border: 1px solid #22C55E;
    backdrop-filter: blur(40px);
}

.sph-page-addfunds .bonus-system-box {
    background-size: cover !important;
    background-position: center !important;
}


.sph-page-addfunds .bonus-system-ul2 .bonus-system-box2 .bonus-system-num{
    background-color: #A06A34;

}

.sph-page-addfunds .bonus-system-ul2 .bonus-system-box3 .bonus-system-num{
    background: #A08434;

}




.sph-page-addfunds .bonus-right .bonus-box-txt{
    padding-top: 4px;
}

.sph-page-addfunds .bonus-right .bonus-box-txt{
    font-family: "GT Walsheim Pro"!important;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: Gray;
}

.deposit-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0D101299;
    backdrop-filter: blur(10px);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.deposit-popup-sph {
    position: relative;
    background: none;
    padding: 20px;
    border-radius: 8px;
    max-width: 640px;
    width: 100%;
}

.deposit-popup__close-btn {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.deposit-img-pc{
    display: block;
}

.deposit-img-mb{
    display: none;
}

.sph-page-addfunds .showmore {
    width: 38px;
    height: 30px;
    gap: 6px;
    border-radius: 123456px;
    border-width: 1px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    display: flex;
    justify-content: center;
}

.sph-page-addfunds .showmore:hover{
    border-color: #ffffff;
}

.sph-page-addfunds .showmore:hover svg path{
    fill: #ffffff;
}

.fund-item .form-check .form-check-input{
  cursor: pointer;
}

.tn-content-wpr .addfund-form-wpr .supprt_submitBtn_wpr button[type="submit"]:hover{
  background: #277DFF;
  box-shadow: 4px 4px 50px 0px #FFFFFF80 inset !important;
}

.sph-page-addfunds #instruction_instruction{
  border-radius: 20px;
}

.sph-page-addfunds #instruction_instruction .panel-body b{
  font-family: "GT Walsheim Pro" !important;
}


@media (max-width: 1439px){
    .sph-page-addfunds .row.row-bonus-sph{
        margin-left: -10px; 
        margin-right: -10px;

    }

    .sph-page-addfunds .row-bonus-sph .box-bonus-sph2, .row-bonus-sph .box-bonus-sph1{
        padding-right: 10px;
        padding-left: 10px;
        width: 50% !important;
    }

    .sph-page-addfunds .addfund-form-wpr .fund-item .form-check .form-check-label {
        height: 100%;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }

}

@media (max-width: 1199px){
    .sph-page-addfunds .addfund-form-wpr .fund-item .form-check {
        margin: 0;
        max-width: inherit;
        flex: inherit;
        max-height: 120px;
        aspect-ratio: 1 / 1;
        width: calc((100% - 16px) / 2);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sph-page-addfunds .row.row-bonus-sph{
        margin-left: 0px; 
        margin-right: 0px;

    }

    .sph-page-addfunds .row-bonus-sph .box-bonus-sph2, .row-bonus-sph .box-bonus-sph1{
        padding-right: 0px;
        padding-left: 0px;
        width: 100% !important;
    }
}

@media (max-width: 767px){
    .sph-page-addfunds .tn-h1{
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 23px;
      padding: 0 20px;
      margin-top: 0;
      margin-left: 20px;
        margin-right: 20px;
    }
  
  .debosit-sph{
    margin: 18px 20px 0 20px;
  }

    .sph-page-addfunds .tn-h1 svg{
        width: 18px;
        height: 18px;
    }

    .debosit-sph{
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 12px;
        gap: 24px;
        border-radius: 12px;
        padding-right: 9px;
    }

    .debosit-sph a{
        width: 100%;
        justify-content: center;
    }

    .debosit-content-sph h2, .debosit-content-sph h2 span{
          font-weight: 700;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: 0.5px;

    }
    .debosit-content-sph {
        gap: 9px;
    }
    .sph-page-addfunds .debosit-content-sph img{
     width: 24px;
     height: 24px;
    }

    .sph-page-addfunds .row-bonus-sph .box-bonus-sph2, .row-bonus-sph .box-bonus-sph1 {
        padding-right: 0px;
        padding-left: 0px;
        width: 100% !important;
    }

    .sph-page-addfunds .row-bonus-sph{
        margin: 0 !important;
    }

    .dashboard .body-content-wpr.sph-page-addfunds{
        max-width: 100%;
        margin: 0;
        padding: 24px 0px !important
    }

    .debosit-sph a span{
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0.02em;

    }

    .debosit-sph a {
        height: 44px;
        gap: 8px;
        border-width: 2px;
        padding-top: 12px;
        padding-bottom: 14px;
        width: calc(100% - 1px);
    }

    .debosit-sph a svg{
        width: 20px;
        height: 20px;
    }

    .box-bonus-sph > div{
        padding: 18px 20px;
        padding-bottom: 8px;
        margin-bottom: 10px;
        background: none;
    }

    .sph-page-addfunds .fund-list{
        padding: 6px!important;
        gap: 0;
        margin-bottom: 16px;
    }

    .sph-page-addfunds .fund-list li span{
        height: 34px;
        border-radius: 123456px;
        padding-top: 8px;
        padding-right: 16px;
        padding-bottom: 8px;
        padding-left: 16.4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        width: auto;
    }

    .sph-page-addfunds .fund-list li span svg{
        min-width: 18px;
    }

    .sph-page-addfunds .fund-item .form-check .form-check-input:checked+.form-check-label::after {
        width: 18px;
        height: 18px;
        background-size: 18px;
        top: 9px !important;
        left: 9px !important;
    }
    .sph-page-addfunds .fund-frm label span.payment-txt {
        font-weight: 700;
        font-size: 12px !important;
        line-height: 20px !important;
        margin: 0px;
        padding: 0px;
    }
    .sph-page-addfunds .fund-frm label .payment-icon {
        margin: 0px;
        padding: 0px;
        height: auto;
    }
    .sph-page-addfunds .addfund-form-wpr .fund-item .form-check .form-check-label{
        gap: 0;
        justify-content: space-between;
    }
    
    .sph-page-addfunds .addfund-form-wpr .fund-item .form-check{
        max-height: 107px;
    }
    
    .fund-frm label span.payment-txt{
        padding-bottom: 7px;
    }

    .sph-page-addfunds .addfund-form-wpr .fund-item{
        padding-bottom: 34px;
        gap: 16px;
    }

    .sph-page-addfunds .addfunds-displaybonus img{
        width: 32px !important;
        height: 32px !important;
        margin-top: -10px;
        margin-right: 4px;
    }

    .sph-page-addfunds .addfunds-displaybonus .fundsbonus-amount{
        margin: 6px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sph-page-addfunds .order-form-wpr form .form-group{
        margin-bottom: 12px;
    }

    .sph-page-addfunds .addfunds-displaybonus{
        padding-bottom: 3px;
        margin-bottom: 7px;

    }

    .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li a{
        max-width: 103.67px !important;
    }

    .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt ul li {
        max-width: 103.67px !important;
    }

    .sph-page-addfunds .fund-frm .addfund-form-wpr .amout-wpr .custom-amnt{
        margin-bottom: 10px;
    }

    .sph-page-addfunds #order_phone{
        margin-bottom: 17px;
    }

    .sph-page-addfunds #order_total{
        margin-bottom: 6px;
        margin-top: -1px;
    }
    .sph-page-addfunds .addfund-form-wpr .amout-wpr input[type="text"]{
        padding-top: 16px
    }
    .sph-page-addfunds #order_extra_fee .field-commission-total-tn {
        padding-top: 6px;
    }

    .sph-page-addfunds #order_total .control-label{
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 100% !important;
        
    }

    .sph-page-addfunds #order_total .field-commission-total-tn{
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 100% !important;
        
    }

    .sph-page-addfunds .affiliate_field_grp.support_frm_grp:not(:last-child){
        margin-bottom: 18px;
    }

    .sph-page-addfunds #tn_your_receive{
        font-weight: 700 !important;
        font-size: 32px !important;
        line-height: 100% !important;
        
    }

    .sph-page-addfunds #order_receive .control-label{
        font-size: 22px !important;
        line-height: 100% !important;

    }

    .sph-page-addfunds #instruction_instruction .panel-body h3{
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 12px !important;
    }

    .sph-page-addfunds #instruction_instruction .panel-body .fund-description-wrap h4 b{
        font-size: 16px;
        margin-top: 0px;
    }

    .sph-page-addfunds .tn-fund-description .btn-detail{
        font-size: 14px !important;
        line-height: 100%;
        height: 28px;
        padding-top: 6px;
        padding-right: 24px;
        padding-bottom: 6px;
        padding-left: 24px;
        gap: 16px;
        border-radius: 9999px;

    }

    .sph-page-addfunds #instruction_instruction .panel-body .fund-description-wrap h4 {
        margin-bottom: 10px;
        gap: 45px;
        margin-top: 8px;
    }

    .sph-page-addfunds #instruction_instruction .fund-description-wrap h4 > a{
        padding-top: 8px;
    }

    .sph-page-addfunds #instruction_instruction .fund-description-wrap .wrapper-content-js div{
        font-size: 16px;
        line-height: 17px;
    }

    .sph-page-addfunds .tn-fund-description > div.wrapper-content-js{
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .sph-page-addfunds #instruction_instruction .fund-description-wrap .wrapper-content-js p {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        margin-bottom: 0;
    }

    .sph-page-addfunds #instruction_instruction{
        border-radius: 24px;
        padding-bottom: 18px;
    }

    .sph-page-addfunds #instruction_instruction .fund-description-wrap .wrapper-content-js .note-sph-bonus b{
        font-size: 14px;
    }

    .sph-page-addfunds .bonus-system-wrap{
        border-radius: 10px;
        padding-top: 20px;
        font-size: 16px;
        line-height: 20.6px;
        padding-bottom: 39px;
    }

    .sph-page-addfunds .bonus-system-title{
        font-size: 18px;
        line-height: 100%;

    }

    .sph-page-addfunds .bonus-system-txt{
        font-weight: 400;
        font-size: 14px;
        line-height: 15.6px;
        letter-spacing: 0%;

    }

    .sph-page-addfunds .bonus-system-ul{
        margin-top: 21px;
    }

    .sph-page-addfunds .bonus-system-ul2{
        margin-top: 12px;
    }

    .sph-page-addfunds .bonus-system-box{
        padding: 12px 10px;
        padding-bottom: 11.4px;
        border-radius: 10px;
        margin-bottom: 0 !important;
    }
    .sph-page-addfunds .tn-receive{
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        padding-left: 18px;
    }

    .warapper-content-bonus{
        gap: 6px !important;
    }

    .sph-page-addfunds .showmore {
        background: #15181C;
        border: 1px solid #202026;
    }

    .sph-page-addfunds .bonus-left .bonus-system-num{
        padding: 5px;
        height: 24px;
        max-width: 73px;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;

    }

    .sph-page-addfunds .bonus-right .bonus-box-txt{
        font-size: 10px;
        padding-top: 0;
    }

    .sph-page-addfunds .bonus-system-ul li, .sph-page-addfunds .bonus-system-ul.bonus-system-ul2 li:last-child{
        height: max-content;
    }

    .sph-page-addfunds .warapper-content-bonus{
        max-width: 73px;
    }

    .deposit-popup-sph {
        max-width: max-content;
        width: 100%;
    }

    .deposit-img-mb{
        display: block;
    }

    .deposit-img-pc{
        display: none;
    }

    .deposit-popup__box{
        display: flex;
        justify-content: center;
        width: max-content;
    }
    
}

@media (max-width: 430px){
    .sph-page-addfunds .addfunds-displaybonus span{
        max-width: 230px;
    }
}


/* end css deposit   */
/* start modal pupup order details */
.fancybox__slide {
    background: rgba(13, 16, 18, 0.60);
    backdrop-filter: blur(5px);
}
.nkl-order-details {
    border-radius: 40px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
    display: inline-flex;
    padding: 24px 40px;
    flex-direction: column;
    align-items: center;
    max-width: 780px;
    width: 100%;
    gap: 24px;
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
}
.nkl-order__table {
    width: 100%;
    border-collapse: collapse;
  }
  
.nkl-modal__title {
    color: var(--White, #FFF);
    text-align: left;
    margin-bottom: 24px;
    font-family: "GT Walsheim Pro"!important;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1px;
}
.nkl-modal__close {
    position: absolute;
    right: 35px;
    top: 35px;
    background-color: transparent;
    cursor: pointer;
}

.nkl-order {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    margin-bottom: 24px;
}
.nkl-modal__wrapper {
    width: 100%;
}
.nkl-order__col {
    padding: 12px 20px;
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--White, #FFF);
}
.nkl-order__row:last-child .nkl-order__col  {
    border-bottom: none;
}
.nkl-order__col:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.nkl-order__title {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}
.nkl-order__col a{
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 500;
    color: var(--White, #FFF);
    text-decoration: none;
}
#order_id {
    color: var(--Gray, #666);
}
#order_charge {
    color: #FFAC27;
}
.nkl-button-support {
    display: flex;
    height: 40px;
    padding: 10px 65px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 1223456px;
    background: var(--Primary, #277DFF);
    color: var(--Pure-colors-White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px; 
    position: relative;
}
.nkl-button-support:hover {
    text-decoration: none;
}
.nkl-button-support:hover::after {
    content: "";
    display: block;
    width: 180px;
    height: 40px;
    top: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56' fill='none'%3E%3Cg opacity='0.8'%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter0_f_8241_42261)'%3E%3Cellipse cx='90' cy='-30' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-lighter' filter='url(%23filter1_f_8241_42261)'%3E%3Cellipse cx='90' cy='100' rx='56' ry='50' fill='%23F9F9F9' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_8241_42261' x='0' y='-114' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3Cfilter id='filter1_f_8241_42261' x='0' y='16' width='180' height='168' 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='17' result='effect1_foregroundBlur_8241_42261'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.nkl-order__status  {
    display: flex;
    max-width: 91px;
    width: 100%;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro"!important;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.nkl-order__status--completed {
    border-radius: 123456px;
    background: #22C55E;
}
@media (max-width: 780px){
    .nkl-order-details {
        border-radius: 24px;
        padding: 20px;
        max-width: 100%;
        width: 100%;
    }
    .nkl-order__table,
    .nkl-order__thead,
    .nkl-order__tbody,
    .nkl-order__tr,
    .nkl-order__td,
    .nkl-order__th {
      display: block;
      width: 100%;
    }
    .nkl-order__col:first-child {
        width: 33%;
    }
    
    .nkl-modal__title {
        font-size: 24px;
    }
    .nkl-modal__close {
        position: absolute;
        right: 20px;
        top: 20px;
        background-color: transparent;
    }
    
    .nkl-order__col {
        padding: 12px;
        font-size: 14px;
        line-height: 19.6px;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    
    .nkl-order__title {
        font-size: 14px;
        line-height: 19.6px;
    }
    .nkl-order__col a{
        font-size: 14px;
        min-width: auto;
        max-width: unset;
    }
    .nkl-button-support {
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
}

/* end modal pupup order details */
/* start modeal popup update personal account */
.nkl-popup__overlay {
    position: fixed;
    inset: 0;
    backdrop-filter: blur(10px);
    background: #0D101299;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    padding: 20px;
    display: none;
}

.nkl-popup__overlay.is-visible {
    display: flex;
}

.nkl-popup--personal-account {
    width: 100%;
    max-width: 680px;
    position: relative;
    z-index: 9999;
    display: inline-flex;
    padding: 24px 40px;
    flex-direction: column;
    align-items: center;
    border-radius: 40px;
    background: var(--Substrate-1, #121517);
}

.nkl-popup--personal-account::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4px;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(39, 255, 136, 0.4), rgba(80, 222, 210, 0.4));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.nkl-popup--personal__close-btn {
    position: absolute;
    top: 24px;
    right: 20px;
    background: none;
    border: none;
    color: #aaa;
    cursor: pointer;
    transition: color 0.2s;
    z-index: 1;
}

.nkl-popup--personal__close-btn:hover svg path{
    stroke: #fff;
}

.nkl-popup--personal__content {
    overflow: hidden;
    width: 100%;
}

.nkl-popup--personal__card {
    flex: 0 0 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 0 5px;
}

.nkl-popup--personal__card>* {
    margin-bottom: 24px;
}

.nkl-popup--personal__title {
    color: var(--White, #FFF);
    text-align: left;
    font-family: "GT Walsheim Pro" !important;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
    letter-spacing: 1.2px;
}

.nkl-popup--personal__card-image {
    max-width: 600px;
    aspect-ratio: 600 / 340;
    border-radius: 24px;
    overflow: hidden;
    display: block;
}

.nkl-popup--personal__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nkl-popup--personal__description {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    line-height: 22.4px;
}

.nkl-popup--personal__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.nkl-popup--personal__footer button {
    display: flex;
    max-width: 89px;
    height: 42px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 123456px;
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
}

.left-personal-account {
    border: 2px solid #ffffff00;
    background: #15181C;
    color: #66666666;
}

.left-personal-account:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.right-personal-account {
    border: 2px solid rgba(255, 255, 255, 0.30);
    background: var(--Primary, #277DFF);
    box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
    color: #FFF;
}
.right-personal-account a {
    color: #fff;
}
.left-personal-account:hover { 
    color: #666;
    border-color: #FFFFFF0D;
}

.right-personal-account:hover {
    opacity: 0.9;
}

.nkl-popup--personal-account .dots-welcome {
    padding: 0px;
    margin: 0px;
}

.nkl-popup--personal-account .dots-welcome ul.naizop-dots {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
}

.nkl-popup--personal-account .dots-welcome ul.naizop-dots li {
    padding: 0px;
}

.nkl-popup--personal-account .dots-welcome ul.naizop-dots li button {
    border-radius: 5px;
    background: var(--Substrate-3, #24262A);
    width: 10px;
    height: 4px;
    padding: 0px;
}

.nkl-popup--personal-account .dots-welcome ul.naizop-dots li.slick-active button {
    border-radius: 5px;
    background: var(--Primary, #277DFF);
    width: 30px;
    height: 4px;
}

@media screen and (max-width: 768px) {
    .nkl-popup--personal-account {
        border-radius: 24px;
        padding: 20px;
        border: 1px solid #202026;
    }

    .nkl-popup--personal-account::before {
        content: none;
    }

    .nkl-popup--personal__close-btn {
        top: 16px;
        right: 10px;
    }

    .nkl-popup--personal__card-image {
        aspect-ratio: 295 / 170;
    }

    .nkl-popup--personal__close-btn svg {
        width: 34px;
        height: 34px;
    }

    .nkl-popup--personal__close-btn:hover {
        color: #fff;
    }

    .nkl-popup--personal__content {
        overflow: hidden;
        width: 100%;
    }

    .nkl-popup--personal__card>* {
        margin-bottom: 24px;
    }

    .nkl-popup--personal__title {
        font-size: 24px;
        letter-spacing: 0.8px;
    }

    .nkl-popup--personal__description {
        font-size: 14px;
        line-height: 20.4px;
    }

    .nkl-popup--personal__footer button {
        max-width: 76px;
        height: 34px;
        padding: 8px 24px;
    }

    .nkl-popup--personal-account .dots-welcome ul.naizop-dots li button {
        width: 10px;
        height: 2px;
    }

    .nkl-popup--personal-account .dots-welcome ul.naizop-dots li.slick-active button {
        width: 24px;
        height: 2px;
    }

    .nkl-popup--personal-account .dots-welcome ul.naizop-dots {
        margin: 0px;
    }
}
/* end modeal popup update personal account */
/* start style mass order */

.nkl-order-form-wpr {
  background: none;
}

.nkl-mass-order-banner {
  padding: 0 20px;
}

.nkl-mass-order-banner-content {
  border-radius: 24px;
  border: 1px solid rgba(39, 125, 255, 0.20);
  background: radial-gradient(96.71% 225% at 50% 50%, rgba(0, 0, 0, 0) 16%, #3FC2F6 180%);
  margin-bottom: 4px;
  display: flex;
  gap: 5px;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.nkl-mass-order-banner-content-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
}

.nkl-mass-order-banner-content-inner img {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  aspect-ratio: 1/1;
  max-width: 78px;
}

.nkl-mass-order-banner-content-inner h2 {
  font-family: GT Walsheim Pro !important;
  color: var(--White, #FFF);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
  margin: 0px;
}

.nkl-button-massorder {
  color: #0A3445;
  font-family: GT Walsheim Pro !important;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;

  border-radius: 123456px;
  border: 2px solid rgba(255, 255, 255, 0.30);
  background: #3FC2F6;
  box-shadow: 4px 4px 50px 0px rgba(255, 255, 255, 0.50) inset;
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  position: relative;
}

.nkl-order-form-wpr form .form-group label {
  color: var(--White, #FFF);
  font-family: GT Walsheim Pro !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.nkl-order-form-wpr .form-group label.control-label-question {
  color: var(--White, #FFF);
  font-family: GT Walsheim Pro !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.order-form-wpr .nkl-mas-order-form-group.form-group textarea {
  display: flex;
  min-height: 350px;
  padding: 12px 14px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 24px;
  border: 1px solid var(--Black-2, #202026);
  background: #15181C;
  box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
  color: white;
  font-weight: 500;
}

.order-form-wpr .nkl-mas-order-form-group.form-group textarea::placeholder {
  color: var(--Gray, #666);
  font-family: GT Walsheim Pro !important;

  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}

.order-form-wpr form .sbmt-btn-wpr button[type="submit"].nkl-button-massorder-send {
  border-radius: 1233456px;
  background: #FFB60E;
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  color: #0D1012;
  font-family: GT Walsheim Pro !important;
  font-size: 20px;
  font-weight: 700;
  box-shadow: none;
  border: none;
  width: 100%;
  max-width: 100%;
  height: 51px;
}

.order-form-wpr form .sbmt-btn-wpr button[type="submit"].nkl-button-massorder-send:hover,
.order-form-wpr form .sbmt-btn-wpr button[type="submit"].nkl-button-massorder-send:focus {
  opacity: 0.8;
}

.nkl-mas-order-form-group.form-group {
  margin-bottom: 24px !important;
}

.update13_2 .page-hdng.nkl-page-title {
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 20px;
}
@media(max-width: 1200px) {
  .nkl-mass-order-banner-content-inner h2 {
    font-size: 22px;
    line-height: 25px;
  }
}
@media(max-width: 768px) {
    .nkl-mass-order-banner-content-inner img {
        max-width: 52px;
        margin-bottom: 0px;
    }
    .update13_2 .page-hdng.nkl-page-title {
        margin-bottom: 24px;
    }
  .nkl-mass-order-banner-content-inner {
      gap: 12px;
  }

  .nkl-mass-order-banner-content {
      flex-direction: column;
      gap: 24px;
      padding: 20px 12px;

  }

  .nkl-mass-order-banner-content-inner h2 {
      font-size: 21px;
      line-height: 27.3px;
  }

  .nkl-button-massorder {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.36px;
      width: 100%;
      max-width: 100%;
      text-align: center;
  }

  .nkl-order-form-wpr .form-group label.control-label-question {
      justify-content: flex-start;
  }

  .nkl-order-form-wpr form .form-group label {
      font-size: 20px !important;
      line-height: 30px !important;
  }

  .nkl-order-form-wpr .form-group label.control-label-question {
      font-size: 16px !important;
  }


}
/* end update start mass order */
.nkl-orders__no {
    max-width: 100%;
}

.nkl-order__no-imgarrow {
    position: absolute;
    top: 10%;
    right: 60px;
    transform: translateY(-50%);
}

.update13_2 .sidebar-livechat {
    position: fixed;
    bottom: 20px;
    max-width: 300px;
    width: 100%;
}
@media(max-width: 1440px) {
    .update13_2 .sidebar-livechat {
        max-width: 250px;
    }
}
@media (max-width: 992px) {
    .update13_2 .main-wpr.collapse .drop-menu .drop-menu-in.open {
        padding-top: 0px;
    }
    .update13_2 .sidebar-livechat {
        bottom: 0px;
        max-width: 100%;
        position: relative;
    }
}

/* start update page popup page service */
body.service-popup-open  {
    overflow: hidden;
    height: 100vh;
}
body.service-popup-open .service-popup-overlay {
    background: rgba(13, 16, 18, 0.60);
    backdrop-filter: blur(5px);
}
.service-page-update-nkl.service-page {
    border: 1px solid var(--Border, #202026);
    background: var(--Substrate-1, #121517);
    max-width: 780px;
    border-radius: 40px;
    max-height: auto;
}
.service-page-update-nkl.service-page .service-popup-content h2 {
    font-family: GT Walsheim Pro!important;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
}
.service-page-update-nkl.service-page  .service-popup-content {
    overflow: hidden; 
}

.service-page-update-nkl.service-page .popup_order_rw::before {
    background-color: #FFFFFF1A;
}
.service-page-update-nkl.service-page.service-popup  .service-popup-content {
    padding: 24px 40px;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup_order_main {
    border-top: 1px solid #FFFFFF1A;
    border-bottom: 1px solid #FFFFFF1A;
    padding: 0px;
    border-radius: 16px;
    overflow: hidden;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup-txt {
    color: #FFFFFF;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup-txt font {
    color: #FFB60E!important;
}
.service-page-update-nkl.service-page  .popup_order_rw{
    border-left: 1px solid #FFFFFF1A;
    border-right: 1px solid #FFFFFF1A;
}
.service-page-update-nkl.service-page  .popup_order_col:first-child {
    padding-left: 20px;
}
.service-page-update-nkl.service-page.service-popup .close {
    right: 24px;
    top: 24px;
}
.service-page-update-nkl.service-page.service-popup .close svg path {
    stroke: #666666;
}

.service-page-update-nkl.service-page.service-popup .close:hover svg path {
    stroke: #fff;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup_order_main .popup_order_rw.hdng .popup_order_col p{
    font-size: 16px;
    font-weight: 500;
}
.service-page-update-nkl.service-page  .popup_order_rw:last-child  {
    overflow: auto;
    height: 100vh;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup_order_main::before {
    left: 40%;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:first-child {
    width: 40%;
}
.service-page-update-nkl.service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:last-child {
    width: 60%;
    max-height: 500px;
    overflow: auto;
}

@media screen and (max-width: 767px) {
    .service-page-update-nkl.service-page.service-popup .service-popup-content .popup_order_main {
        border-radius: 24px;
    }
    .service-page-update-nkl.service-page.service-popup .service-popup-content {
        padding: 20px;
    }
    .service-page.service-popup .service-popup-content .popup_order_main .popup_order_col:last-child {
        padding-right: 15px;
    }
    .service-page-update-nkl.service-page .service-popup-content h2 {
        font-size: 24px;
        line-height: 100%;
    }
    .service-page-update-nkl.service-page.service-popup .close {
        right: 16px;
        top: 16px;
    }
}
/* end update page popup page service */

/* SEO Page - Video CSS */

.main-rating-video {
    background-color: transparent;
    margin-bottom: 30px;
    position: relative;
    padding-top: 54.65%;
    overflow: hidden;
    cursor: pointer;
}

.main-rating-video img {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
}

.main-rating-video .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.main-rating-video .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

.main-rating-video img,
.main-rating-video .play-button {
    cursor: pointer;
}

.main-rating-video img,
.main-rating-video iframe,
.main-rating-video .play-button,
.main-rating-video .play-button:before {
    position: absolute;
}

.main-rating-video .play-button,
.main-rating-video .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.main-rating-video iframe {
    height: 92%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 34px;
    overflow: hidden;
}

/* SEO Page - Video CSS */

/* SEO Page - Icons on Features Tab */
.started-content-up-column-cart::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;

  background-size: contain;
  margin-right: 12px;
  vertical-align: middle;
}
  
.cart-set-1::before {
  background: url('https://storage.perfectcdn.com/0a268b/atmxzw3fmyusaaya.png') no-repeat center center;
}

.cart-set-2::before {
  background: url('https://storage.perfectcdn.com/0a268b/lbgsctaracksihfl.png') no-repeat center center;
}
  
.cart-set-3::before {
  background: url('https://storage.perfectcdn.com/0a268b/j8fzff2yu3zgsks6.png') no-repeat center center;
}
  
.cart-set-4::before {
  background: url('https://storage.perfectcdn.com/0a268b/dkiuw5qo90xgdoz8.svg') no-repeat center center;
}
  
.cart-set-5::before {
  background: url('https://storage.perfectcdn.com/0a268b/07uaokybsr1gkfwx.svg') no-repeat center center;
}
  
.cart-set-6::before {
  background: url('https://storage.perfectcdn.com/0a268b/ylcd2y58sjfe94ri.svg') no-repeat center center;
}
/* SEO Page - Icons on Features Tab */
/* sign in page  */
.nkl-or {
    width: 100%;
}
.nkl-or img {
    width: 100%;
}
.nkl-auth-logo img {
    aspect-ratio: 186 / 47;
    max-width: 186px;
    object-fit: cover;
}
.login-width-google {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.logo-google {
    width: 25px;
    height: 25px;
}

.form-group {
    position: relative;
}

.content-google {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.25px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 100%;
    align-items: center;
    border-radius: 20px;
    gap: 20px;
}

.nkl-auth-page {
    background: #0D1012;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
}

.form-group .g_id_signin {
    opacity: 0;
}

.login-width-google {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.nkl-form-group-google {
    border-radius: 30px;
    height: 50px;
    font-weight: bold;
}
.logo-google {
    width: 25px;
    height: 25px;
}

.alert-content {
    margin-bottom: 8px;
    font-weight: bold;
}

.rtl-alert {
    direction: rtl;
    text-align: right;
}
.nkl-auth-page input,
.nkl-auth-page button {
    border: none;
    cursor: pointer;
    font-family: "GT Walsheim Pro"!important;
}
.nkl-auth-left {
    flex: 1;
    padding: 40px 0px;
    overflow-y: auto;
    align-content: center;
}
.nkl-auth-left::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}
.nkl-auth-left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--Substrate-3, #24262A);
} 
.nkl-auth-box {
    max-width: 422px;
    padding: 0 20px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.nkl-auth-tabs {
    border-radius: 83px;
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    background: #15181C;
}

.nkl-auth-tab {
    border-radius: 123456px;
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro";
    font-size: 18px;
    font-weight: 700;
    background: #15181C;
}

.nkl-tab-active {
    background: var(--Primary, #277DFF);
    color: var(--White, #FFF);
}

.nkl-form-group,
.nkl-auth-form form ,
.nkl-tab-login ,
.nkl-auth-forms ,
.nkl-auth-form {
    width: 100%;
}
.nkl-auth-form form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
}
.nkl-auth-form {
    display: none;
}
.nkl-auth-form.active {
    display: block;
}
.nkl-auth-page .nkl-form-group label {
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro";
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    display: inline-block;
}
.nkl-auth-page .nkl-form-group textarea,
.nkl-auth-page .nkl-form-group input{
    border-radius: 10px;
    border: 1px solid var(--Border, #202026d1);
    background: var(--Substrate-1, #121517);
    display: flex;
    padding:   12px 0px 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    width: 100%;
    color: #FFFFFF;
    height: 50px;
}
.nkl-auth-page .nkl-form-group textarea:focus,
.nkl-auth-page .nkl-form-group textarea:hover,
.nkl-auth-page .nkl-form-group input:focus ,
.nkl-auth-page .nkl-form-group input:hover {
    border-color: #005AE2;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.nkl-auth-page .nkl-form-group textarea::placeholder ,
.nkl-auth-page .nkl-form-group input::placeholder {
    color: #666;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px ;
}
.nkl-auth-page .nkl-btn-primary {
    border-radius: 123456px;
    background: #277DFF;
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    width: 100%;
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-weight: 700;
}
.nkl-auth-page .nkl-btn-primary:hover {
    background: #277DFF;
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
}
.nkl-login-password {
    display: flex!important;
    justify-content: space-between;
    align-items: center;
}
.nkl-link-forgot {
    color: #666;
    font-family: "GT Walsheim Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    margin: 0px;
}
.nkl-form-remember {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
    justify-content: flex-start;
}
.custom-checkbox-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.custom-checkbox-wrap input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.custom-checkbox-wrap input[type="checkbox"]:checked {
    background-color: #007bff;
    border-color: #007bff;
}

.custom-checkbox-wrap input[type="checkbox"]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 6px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s;
}

.custom-checkbox-wrap input[type="checkbox"]:checked::after {
    opacity: 1;
}

.nkl-form-remember label{
    color: var(--White, #FFF);
    font-family: "GT Walsheim Pro";
    font-size: 14px;
    font-weight: 400;
    line-height:  22.4px ;
    margin-bottom: 0px;
}

input[type=checkbox], input[type=radio] {
    margin: 0px;
}

.nkl-auth-switch {
    color: var(--Gray, #666);
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: center;
}
.nkl-auth-switch a {
    color: #FFF;
    font-family: "GT Walsheim Pro"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: 0.15px;
    text-decoration: none;
}

.nkl-auth-right {
    max-width: 560px;
    padding: 40px 28px;
    box-shadow: 4px 4px 50px 10px #FFFFFF40 inset;
    background: #277DFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    justify-content: space-between;
    position: relative;
    overflow-y: auto;
}
.nkl-auth-right::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}
.nkl-auth-right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--Substrate-3, #24262A);
}
.nkl-rating {
    display: flex;
    align-items: center;
    gap: 14px;
}
.nkl-img__body {
    margin-top: 8px;
}
.nkl-rating__avatars {
    display: flex;
    align-items: center;
    margin-left: 14px;
}

.nkl-rating__avatar-item {
    margin-left: -14px;
}

.nkl-rating__avatar-item img {
    max-width: 36px;
    aspect-ratio: 1/1;
}

.nkl-avatar-count {
    color: var(--Primary, #277DFF);
    font-family: "GT Walsheim Pro" !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #FFF;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nkl-rating__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}


.nkl-rating__message-wrapper p {
    color: #FFF;
    font-family: "GT Walsheim Pro" !important;
    font-size: 14px;
    margin: 0px;
    font-weight: 500;
}


.tn-img-main {
    position: relative;
    width: 100%;
}
.tn-img-main img {
    max-width: 512px;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 512/374;
    height: auto;
}
.tn-img-main::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: -84%;
    background: var(--Primary, #277DFF);
    filter: blur(31.4360408782959px);
    z-index: 0;
}
.nkl-popup-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
}


.nkl-popup-slide {
    margin-bottom: 24px;
    display: none;
    margin-top: -72px;
}
.nkl-popup-slide.active {
    display: block;
}
.nkl-popup-title p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "GT Walsheim Pro" !important;
    font-size: 42px;
    font-weight: 500;
    margin: 0px;
    line-height: 58px
}

.nkl-highlight {
    border-radius: 155238.703px;
    background: #FFF;
    backdrop-filter: blur(12.574416160583496px);
    display: inline-block;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    color: var(--Primary, #277DFF);
    line-height: 50px;
}

.nkl-brand-slider-heading {
    font-family: GT Walsheim Pro !important;
    font-weight: 800;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 24px;
    justify-content: center;
    align-items: center;
}

.nkl-brand-slider {
    display: flex;
    gap: 60px;
    animation: scroll-left 40s linear infinite;
    width: max-content;
    align-items: center;
}

.checkbox-label a {
    color: #FFFFFF;
    text-decoration: none;
}
.checkbox-label,
.nkl-form-des {
    font-family: GT Walsheim Pro !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #666666;
    text-align: center;
}
@keyframes scroll-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

.nkl-brand-slider-section {
    overflow: hidden;
    max-width: 560px;
    width: 100%;
}

.nkl-brand-slider-section .nkl-brand-slider__item img {
    object-fit: contain;
    width: 100%;
}
.nkl-auth-right-close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 9999;            
    pointer-events: auto;
}
@media screen and (max-width: 1024px) {
    .nkl-auth-right::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background-image: url(https://storage.perfectcdn.com/0a268b/ifajafeld6owldwz.png);
        background-size: cover;
        background-position: center;
        z-index: 0;
        background-repeat: no-repeat;
    }
    .nkl-auth-page {
        flex-direction: column;
    }

    .tn-img-main  img{
        width: 100%;
    }
    .nkl-auth-right .nkl-popup-wrapper,
    .nkl-auth-right .nkl-img__body {
        display: none;
    }
    .nkl-auth-left {
        overflow: visible;
    }
    .nkl-auth-right {
        order: -1;
        max-width: 100%;
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
        padding: 20px 40px;
        box-shadow: 4px 4px 50px 10px #FFFFFF40 inset;
        justify-content:flex-start;
        overflow: visible;
    }
    .nkl-auth-page {
        overflow: auto;
        height: 100vh;
    }
    .nkl-auth-logo img {
        aspect-ratio: 137 / 37;
        max-width: 137px;
        object-fit: contain;
    }
}
.notification-wrap  {
    width: 100%;
    margin-bottom: 0px;
}
.error_login {
    border-radius: 16px;
    background: #3F1F1F;
    padding: 12px 15px;
    display: none;
    position: relative;
    align-items: center;
    gap: 10px;
}
.error_login p {
    margin: 0px;
    color: #C52222;
    font-family: GT Walsheim Pro !important;
    font-size: 16px;
    font-weight: 500;
}
.error_login svg{
    position: absolute;
    right: 10px;
    width: 20px;
    top: 50%;
    height: 18px;
    transform: translateY(-50%);
    cursor: pointer;
}
.content-text-tn {
    font-weight: bold!important;
    font-family: GT Walsheim Pro !important;
}
.form-group iframe {
    width: 100%!important;
}
/* end sign in page  */
/* update page neworder */
.nkl-container {
    padding-right: 6px;
}
.nkl-row {
    height: 60px;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid var(--Black-2, #202026);
    background: #15181C;
    box-shadow: 0px 1px 2px 0px rgba(18, 26, 43, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    width: 100%;
    margin-bottom: 12px;
}
.nkl-example-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.nkl-label {
    color: #FFFFFF;
    font-family: GT Walsheim Pro!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin: 0px;
}
.nkl-question-box {
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
}

.nkl-question-box .nkl-question-note {
    visibility: hidden;
    width: 250px;
    background-color: #1e1e1e;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 10;
    top: 20px;
    left: -10px;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 12px;
    line-height: 1.5;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.nkl-question-box:hover .nkl-question-note {
    visibility: visible;
    opacity: 1;
}
.nkl-title-box {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    position: relative;
}
.nkl-details .nkl-row:nth-child(2) .nkl-title-box .nkl-question-note{
    left: auto;
    right: 0px;
}
.nkl-link {
    color: #FFFFFF;
    font-family: GT Walsheim Pro!important;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
}
.nkl-icon {
    width: 32px;
    height: 32px;
    padding: 5px 8px;
    border-radius: 6px;
    background: #277DFF33;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nkl-details {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
@media screen and (max-width: 992px) {
    .nkl-container {
        margin-top: 40px;
        border-radius: 24px;
        background: #15181C;
        border: 1px solid #202026;
        padding: 12px;
    }
    .nkl-row {
        padding: 10px;
        height: 52px;
    }
    .nkl-label,
    .nkl-link {
        font-size: 12px;
    }
    
    .nkl-icon {
        width: 28px;
        height: 28px;
        padding: 6px;
    }
}
/* end page neworder */
/* udpate page seo after before */
.profile-facebook__message {
    height: 37px!important;
}
.profile-number {
    margin-bottom: 12px!important;
}
.profile-instagram__toolbar span {
    padding: 10px 0px!important;
}
.profile-facebook__info {
    gap: 8px!important;
}
/* end udpate page seo after before */


/*  new css smo*/
.update13_2 .wtch-vdo-wpr .vdo-wpr-cls-btn{
    top: 40%;
}
.news-press__filter {
      padding: 10px 24px!important;
}
.news-press__filter:hover::before{
  display: none;
}
.news-press__filter--active:hover::before{
 display: block;
}
.news-press__filter.news-press__filter--active{
      padding: 10px 42px 10px 24px!important;
}
/* noti  */
    
.nkl-notification-wrap .wtch-vdo-wpr {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    border: none;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
}
.nkl-notification-wrap .wtch-vdo-wpr-error{
    background: #3F1F1F;
}
.nkl-notification-wrap .wtch-vdo-wpr-success {
    background: #1F3F2B;
}
.nkl-notification-wrap .wtch-vdo-wpr p {
    font-family: "GT Walsheim Pro";
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
    flex: 1;
}

.nkl-notification-wrap .wtch-vdo-wpr-success p{
    color: #22C55E;
}
.nkl-notification-wrap .wtch-vdo-wpr-error,
.nkl-notification-wrap .wtch-vdo-wpr-error p {
    color: #C52222;
}
/* end noti */

.nkl-marketing-services__home .nkl-services_list2 {
	margin: 16px 0px 16px 0px; 
  	justify-content: normal;
}

@media only screen and (max-width: 768px) {
  .nkl-marketing-services__home .nkl-services_list2 {
      margin: 0;
      justify-content: normal;
  }
}