body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
ul,
span,
div {
    font-family: 'Poppins', sans-serif;
    color: #140404;
}

.btn.btn-primary,
.btn-secondary {
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
    transition: none !important;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    user-select: none;
    border: 0;
    transition: all 0.5s ease;
    color: #fff !important;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 160px;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    font-weight: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10.5px;
}

.auth .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.forgot-password {
	position: relative;
	top: 18px;
	left: 16px;
}

.form-control {
    height: 45px;
    padding: 10px;
    padding-left: 10px;
    font-size: 14px;
    color: #0e314c;
    border: 1px solid #eee;
    border-radius: 0;
    background: #eee;
    -webkit-transition: .5s;
    transition: .5s;
}

.form-control {
    height: 55px !important;
}

/* order page css */
.order-page {
    margin-top: 25px;
}

.order-bnr {
    border-radius: 21px;
    background: linear-gradient(180deg, #EC1A5C 0%, #F43936 100%);
    padding: 25px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 193px;
}

.order-bnr::after {
    content: '';
    background-image: url('https://ik.imagekit.io/xgn1p2yfi/main-banner-img%20copy.PNG');
    width: 281px;
    height: 220px;
    position: absolute;
    top: 15px;
    right: 0;
}

.order-bnr-content {
    width: 72%;
    position: relative;
    z-index: 1;
}

.order-bnr-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.4;
}

.order-bnr-txt {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.order-bnr::before {
    content: '';
    width: 338px;
    height: 338px;
    position: absolute;
    border-radius: 338px;
    background: rgba(255, 255, 255, 0.22);
    right: -110px;
    top: 50%;
    transform: translateY(-50%);
}

.order-bnr2 {
    border-radius: 21px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    min-height: 193px;
    padding: 20px;
}

.order-bnr2-titlewrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.order-bnr2-titlewrap-right {
    flex: 0 0 51px;
    max-width: 51px;
}

.order-bnr2-titlewrap-left {
    flex: 0 0 calc(100% - 51px);
    max-width: calc(100% - 51px);
    padding-right: 12px;
}

.order-bnr2-title {
    color: #8B99A4;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.order-bnr2-orders {
    color: #161719;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.4;
}

.order-page .order-bnr-btn {
    border-radius: 12px;
    background: #FFD600 !important;
    width: 100%;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
}

.btn.btn-primary.order-bnr-btn:hover {
    background: linear-gradient(180deg, #EC1A5C 0%, #F43936 100%) !important;
    border-radius: 12px !important;
    border: 0;
    box-shadow: ;
}

.order-bnr-row {
    margin-bottom: 20px;
}

.search-frm .form-control {
    border-radius: 19px !important;
    border: 1px solid #DDEAFF;
    background: #FFF;
    box-shadow: none;
    background-image: url('https://storage.perfectcdn.com/f045pc/w369th94wm1kc5c6.webp');
    background-position: 20px center;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.search-frm .input-group-btn {
    padding-left: 12px;
}

.search-frm .input-group-btn .btn.btn-primary {
    border-radius: 19px !important;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 500;
    height: 55px;
}

.search-frm .input-group-btn .btn.btn-primary:hover {
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
    box-shadow: none;
}

.order-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    float: none !important;
}

.order-nav li {
    flex: 0 0 14%;
    max-width: 14%;
}

.order-nav li a {
    display: flex;
    flex-wrap: wrap;
    border-radius: 19px;
    border: 1px solid #DDEAFF;
    background: #FFF;
    padding: 15px;
    align-items: center;
}

.order-nav-txt {
    color: #0C1E5B;
    font-size: 14px;
    font-weight: 400;
}

.order-nav-icon {
    width: 31px;
    height: 31px;
    border-radius: 9px;
    background: #0581FC;
    display: flex;
    align-content: center;
    justify-content: center;
    color: #fff;
    align-items: center;
    margin-right: 7px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 10%);
}

.order-page .order-nav.nav.nav-pills li.active a,
.order-page .order-nav.nav.nav-pills li.active a:hover,
.order-page .order-nav.nav.nav-pills li a:hover,
.order-page .order-nav.nav.nav-pills li a:focus {
    background: #fff !important;
    color: #fff !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 20%);
}

.order-nav li a.In.progress {
    height: auto;
    margin: 0;
}

.order-nav li a.All .order-nav-icon {
    background-color: #16BDBF;
}

.order-nav li a.Pending .order-nav-icon {
    background-color: #0581FC;
}

.order-nav li a.In.progress .order-nav-icon {
    background-color: #F90;
}

.order-nav li a.Completed .order-nav-icon {
    background-color: #66DF96;
}

.order-nav li a.Partial .order-nav-icon {
    background-color: #FF2190;
}

.order-nav li a.Processing .order-nav-icon {
    background-color: #7181FA;
}

.order-nav li a.Refunded .order-nav-icon {
    background-color: #FF2B2B;
}

.order-history-box {
    border-radius: 19px;
    background: #FFF;
    padding: 15px;
    margin-bottom: 15px;
}

.order-history-ul1,
.order-history-ul2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0;
    padding: 4px 0;
    list-style: none;

}

.order-id-icon {
    width: 25px;
    height: 25px;
    background: linear-gradient(180deg, #EC1A5C 0%, #F43936 100%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #fff;
    border-radius: 100px;
    font-size: 10px;
    margin-right: 5px;
}

.order-id-wrap {
    display: flex;
    align-items: center;
    align-content: center;
}

.order-history-ul1 li,
.order-history-ul2 li {
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
}

.order-history-ul1 li::before,
.order-history-ul2 li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: rgba(139, 153, 164, 0.36);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.order-history-ul1 li:first-child,
.order-history-ul2 li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.order-history-ul1 li:first-child::before,
.order-history-ul2 li:first-child::before {
    display: none;
}

.order-txt {
    color: #201C3F;
    font-size: 15px;
    font-weight: 400;
}

.order-txt-label {
    color: #8B99A4;
    font-weight: 500;
}

.order-txt a {
    color: #F43936;
}

.order-status {
    padding: 0 !important;
    margin: 0 0 0 auto !important;
}

.order-view-more,
.order-buynow {
    padding: 0 !important;
    margin: 0 0 0 10px !important;
}

.order-status::before,
.order-view-more::before,
.order-buynow::before {
    display: none;
}

.order-history-ul1 {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(139, 153, 164, 0.36);
}

.order-view-more .btn.btn-primary,
.order-refill .btn.btn-primary {
    border-radius: 10px;
    background: linear-gradient(0deg, #EC1A5C 0%, #F43936 100%) !important;
    padding: 0 !important;
    min-width: 96px;
    height: 32px;
    line-height: 32px;
    color: #FFF !important;
    font-size: 12px;
    font-weight: 400;
    box-shadow: none;
}

.order-buynow .buynow,
.order-buynow .buynow:hover {
    border-radius: 10px;
    background: #F2F7FF !important;
    color: #140404 !important;
    font-size: 12px;
    font-weight: 400;
    padding: 0 !important;
    min-width: 96px;
    height: 32px;
    line-height: 32px;
    box-shadow: none;
}

.order-status span {
    width: 86px;
    height: 28px;
    border-radius: 9px;
    background: #f2f7ff;
}

.order-status {
    background: transparent;
    padding: 0 !important;
    height: auto !important;
    min-width: unset !important;
    line-height: unset;
}

.order-status span {
    min-width: 110px;
    height: 28px;
    border-radius: 9px;
    background: #79e878;
    display: block;
    line-height: 28px;
    color: #FFF;
    font-size: 10px;
    font-weight: 400;
}

.order-status span.Pending {
    background-color: #0581FC;
}

.order-status span.In.progress {
    background-color: #F90;
    margin: 0;
}

.order-status span.Completed {
    background-color: #66DF96;
}
.order-status span.Canceled {
    background-color: #0581fc;
}
.order-status span.Partial {
    background-color: #FF2190;
}

.order-status span.Processing {
    background-color: #7181FA;
}

.order-status span.Refunded {
    background-color: #FF2A2A;
}

.order-refill {
    padding: 0 !important;
    margin: 0 0 0 auto !important;
}

.order-refill::before {
    display: none;
}

.order-refill .btn.btn-primary {
    background: #161719 !important;
}

.search-frm .input-group-btn .dropdown {
    display: none;
}

.orderdesc-modal .modal-header {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

.orderdesc-modal .modal-header::before,
.orderdesc-modal .modal-header::after {
    display: none;
}

.orderdesc-modal .modal-header .modal-title {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
}

.orderdesc-modal .modal-header .close,
.orderdesc-modal .modal-header .close span {
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
}

.order-desc {
    padding: 0;
    list-style: none;
}

.order-desc li:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.order-desc li .order-txt {
    border-radius: 9px;
    background: #F0F4F7;
    display: block;
    width: 100%;
    padding: 10px;
}

.order-desc li:first-child .order-status span {
    height: 35.4px !important;
    line-height: 35.4px !important;
}

.order-desc li:first-child .order-txt {
    flex: 0 0 calc(100% - 120px);
    max-width: calc(100% - 120px);
}

.order-desc li {
    margin-bottom: 10px;
}

.orderdesc-modal li .btn.btn-primary,
.orderdesc-modal li .btn.btn-primary:hover {
    height: 35.4px !important;
    line-height: 35.4px !important;
    padding: 0;
    border-radius: 8px;
    font-size: 14px;
    width: max-content;
    margin: auto;
    display: block;
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
}

.ser-bnr-row .order-bnr::after {
    background-image: url('https://yourpanelassets.com/projects/worldofsmm/newdesign/img/speaker.webp');
}

.ser-bnr-row .order-bnr::after {
    background-image: url('https://yourpanelassets.com/projects/worldofsmm/newdesign/img/speaker.webp');
    width: 276px;
    height: 230px;
    top: 50%;
    transform: translateY(-50%);
}

.order-page .order-bnr-btn span {
    color: #fff;
}

.ser-bnr-row .order-bnr2-orders {
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ser-search-frm .btn.btn-primary {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    height: 45px;
    padding: 0;
    line-height: 55px;
    z-index: 2;
    border-radius: 13px;
    box-shadow: none;
}

.ser-search-frm .form-control,
.ser-search-frm .input-group {
    width: 100%;
    position: relative;
}

.currency-dropdown .dropdown-toggle,
.currency-dropdown .dropdown-toggle:hover {
    width: 100%;
    color: #fff !important;
    display: flex;
    justify-content: space-between;
    border-radius: 19px;
    background: linear-gradient(180deg, #EC1A5C 0%, #F43936 100%) !important;
    height: 55px;
    padding: 0 15px !important;
    line-height: 55px;
}

.currency-dropdown .dropdown-toggle span {
    color: #fff;
}

.row.ser-search-frm {
    margin-bottom: 10px;
}

.ser-desc {
    border-radius: 9px;
    background: #F0F4F7;
    padding: 15px;
}

.ser-search-frm .dropdown.currency-dropdown {
    position: unset;
}

.ser-search-frm .dropdown.currency-dropdown button.btn.btn-primary.dropdown-toggle {
    height: 55px;
    background: #fff !important;
    color: #161719 !important;
    border-radius: 46px;
    border: 1px solid #DDEAFF !important;
}

.ser-search-frm .dropdown.currency-dropdown button.btn.btn-primary.dropdown-toggle span {
    color: #161719 !important;
}

.ser-title {
    background: #161719 !important;
    padding: 12px;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.orderdesc-modal .modal-body .order-buynow {
    margin: 10px 0 0 !important;
    text-align: center;
}

.orderdesc-modal .modal-body .order-buynow .btn.btn-primary.buynow {
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
    font-size: 14px;
    color: #fff !important;
    width: max-content;
    min-width: 160px;
}

.order-id-icon.serv-fav {
    background: #f2f7ff;
    color: #201C3F;
}

.order-id-icon.serv-fav.favorite-active {
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
    color: #fff;
}

.auth {
    background-color: #F0F4F7;
    padding: 12px;
}

.auth .navbar.navbar-default {
    background-color: transparent;
    border: 0;
}

.navbar-brand:hover {
    background-color: transparent !important;
}

.auth .navbar-brand {
    border-radius: 30px;
    background: #FFF;
}

.auth .navbar-brand img {
    max-width: 142px;
}

.auth .navbar-left-block,
.auth .navbar-right-block {
    /*margin-left: auto;*/
    border-radius: 30px;
    background: #FFF;
    display: inline-flex;
    float: none !important;
    padding: 0 12px;
    min-height: 60px;
    align-items: center;
    align-content: center;
}

.auth .navbar-left-block {
    flex: 1;
    margin-left: 10px;
}

.auth .navbar-right-block {
    margin-left: 12px;
}

.auth .navbar-left-block li a {
    background-color: transparent !important;
    color: #8B99A4;
    font-size: 12px;
    font-weight: 400;
    padding: 0 15px;
}

.auth .navbar-right-block li a {
    padding: 0;
    margin-right: 10px;
}

.auth #navbar {
/*  display: flex !important;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;*/
}

.right-nav-icon {
    width: 46px;
    height: 46px;
    background-color: #F0F4F7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 15px;
}

.auth .navbar-right-block .logout-btn {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    background: #F43936;
    padding: 0 10px;
    height: 46px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    min-width: 110px;
    margin-right: 0;
}

.logout-icon {
    font-size: 20px;
    color: #fff;
}

.well {
    border-radius: 30px;
    background: #FFF;
    border: 0;
}

.auth-bnr {
    border-radius: 20px;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    padding: 15px;
    position: relative;
    min-height: 202px;
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 15px;
}

.auth-bnr-content {
    width: 68%;
    position: relative;
    z-index: 2;
}

.auth-bnr-title {
    color: #FFF !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

.auth-bnr-txt {
    margin: 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.auth-bnr-img {
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: 1;
}

.auth-bnr::after {
    content: '';
    background-image: url('https://yourpanelassets.com/projects/worldofsmm/newdesign/img/bnr_circle.webp');
    width: 408px;
    height: 202px;
    position: absolute;
    right: -74px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    animation: circle 3s infinite linear;
}

.auth .navbar-left-block li.active a {
    color: #F43936 !important;
}

.auth .navbar-left-block li a:hover {
    color: #F43936;
}

.ser-cat-wrap {
    border-radius: 20px;
    background: #F0F4F7;
    padding: 20px;
    margin-bottom: 15px;
}

.ser-cat-title {
    color: #161719;
    font-size: 20px;
    font-weight: 500;
}

.ser-cat-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    border-radius: 100px;
    background: #FFF;
    padding: 5px;
    text-decoration: none !important;
    margin-top: 8px;
}

.ser-cat-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    list-style: none;
    padding: 0;
    justify-content: space-between;
}

.ser-cat-ul li {
    flex: 0 0 19.5%;
    max-width: 19.5%;
}

.ser-cat-txt {
    color: #161719;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
}

.my-tabs .nav-link {
    border-radius: 24px;
    background: #F0F4F7;
    color: #8B99A4;
    font-size: 12px;
    font-weight: 400;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 10px;
    min-width: 115px;
    text-align: center;
    height: 48px;
    line-height: 48px;
}

.my-tabs .active .nav-link,
.my-tabs .active .nav-link:hover,
.my-tabs .nav-link:hover,
.my-tabs .nav-link:focus {
    background-color: #F43936;
    color: #fff;
}

.my-tabs .nav-item:last-child {
    margin-left: auto;
}

.my-tabs .nav-item:last-child .nav-link {
    background-color: transparent;
    padding: 0;
}

.my-tabs .nav-item:last-child .nav-link .form-group {
    margin-bottom: 0;
}

.my-tabs {
    margin-bottom: 0;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.my-tabs .nav-item:last-child .nav-link .form-group .select2-selection {
    border-radius: 24px;
    background: #F0F4F7;
    color: #8B99A4;
    border: 0;
    box-shadow: none;
    padding-left: 40px;
    height: 48px !important;
}

.my-tabs .nav-item:last-child .nav-link .input-wrapper__prepend .fas.fa-search {
    color: #8B99A4;
    font-size: 16px;
}

.my-tabs {
    margin-bottom: 15px;
}

.dash-title {
    color: #161719;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.well2 {
    border-radius: 24px;
    background: #F0F4F7;
    padding: 20px;
}

.auth label,
.auth label span {
    color: #8B99A4;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px;
}

.auth .form-control {
    border-radius: 24px;
    background-color: #FFF;
    border: 0;
    box-shadow: none;
    height: 48px !important;
}

.auth .min-max {
    color: #F43936;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin: 10px 0;
}

.auth .btn.btn-primary {
    /*width: 100%;*/
    height: 48px;
}

#order-form {
    margin-bottom: 0;
}

.auth .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 28px;
    line-height: 28px;
    padding-right: 20px;
}

.select2-container .dropdown-menu>.active>a,
.select2-container .dropdown-menu>.active>a:hover,
.select2-container .dropdown-menu>.active>a:focus,
.select2-container .dropdown-menu>a:hover,
.select2-container .dropdown-menu>a:focus {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    color: #fff;
}

.select2-container .dropdown-menu>.active>a .select2-selection__text,
.select2-container .dropdown-menu>.active>a:hover .select2-selection__text,
.select2-container .dropdown-menu>.active>a:focus .select2-selection__text {
    color: #fff !important;
}

.stats-box {
    border-radius: 30px;
    background: #FFF;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    min-height: 124px;
    margin-bottom: 12px;
}

.stats-box-title {
    color: #8B99A4;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.stats-box-txt {
    color: #161719;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.9px;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stats-box-number {
    background: #F43936;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.stats-box .stats-box-right {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    max-width: 52px;
}

.stats-box .stats-box-left {
    flex: 0 0 calc(100% - 52px);
    max-width: calc(100% - 52px);
}

.whatsapp-bnr {
    border-radius: 30px;
    background: linear-gradient(90deg, #2C2E33 0.06%, #161719 99.95%);
    padding: 20px;
    position: relative;
    min-height: 180px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.whatsapp-content {
    position: relative;
    z-index: 1;
}

.whatsapp-bnr-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
}

.whatsapp-btn {
    border-radius: 30px;
    background: #55D800;
    min-width: 153px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 153px;
    padding: 10px 15px;
    justify-content: space-between;
    text-decoration: none !important;
}

.whatsapp-txt,
.whatsapp-icon {
    color: #fff;
}

.whatsapp-bnr-img {
    position: absolute;
    right: 20px;
    bottom: 0;
}

.ser-desc-name {
    border-radius: 30px;
    background: #F0F4F7;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 12px;
}

.ser-desc-id {
    border-radius: 30px;
    background: #FFF;
    padding: 5px 12px;
    flex: 0 0 70px;
    max-width: 70px;
}

.ser-desc-txt {
    margin: 0;
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 10px;
    color: #161719;
    font-size: 14px;
    font-weight: 400;
}

.ser-desc-box-right {
    flex: 0 0 36px;
    max-width: 36px;
    background-color: #F43936;
    border-radius: 100px;
    height: 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.ser-desc-box-left {
    flex: 0 0 calc(100% - 36px);
    max-width: calc(100% - 36px);
    padding-right: 10px;
}

.ser-desc-box {
    border-radius: 17px;
    background: #F0F4F7;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    min-height: 96px;
    margin-bottom: 12px;
}

.ser-desc-box-title {
    color: #8B99A4;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.ser-desc-box-txt {
    color: #161719;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.ser-desc-box-icon i {
    color: #fff;
    font-size: 22px;
}

.ser-desc-desc {
    border-radius: 17px;
    background: #F0F4F7;
    padding: 20px;
}

.auth textarea.form-control {
    height: 250px !important;
}

.fund-cat-ul .ser-cat-btn img {
    margin: auto;
}

.fund-cat-ul .ser-cat-btn {
    height: 45px;
}

.my-table thead tr th {
    background-color: #F43936;
    color: #fff;
    padding: 12px;
    border: 0 !important;
}

.my-table thead tr th:first-child,
.my-table tbody tr td:first-child {
    border-radius: 24px 0 0 24px;
}

.my-table thead tr th:last-child,
.my-table tbody tr td:last-child {
    border-radius: 0 24px 24px 0;
}

.my-table tbody tr td {
    border: 0;
    padding: 12px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
}

table.my-table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

/*Kashif CSS Code*/


html[data-theme='light'] {
    --blackcolor: #161719;
    --whitecolor: #fff;
    --bodybg: #F0F4F7;
}

html[data-theme='dark'] {
    --blackcolor: #fff;
    --whitecolor: #232427;
    --bodybg: #161719;
}

html {
    font-size: 16px;
}

.w-100 {
    width: 100% !important;
}

.form-group {
    position: relative;
}

.form-control {
    border-radius: 42px;
    border: 1px solid rgba(139, 153, 164, 0.21);
    background: #FFF;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: #161719;
    box-shadow: none;
    outline: none;
}

.form-control:focus {
    border-color: #F43936;
}

.form-control::placeholder {
    color: rgba(139, 153, 164, 0.81);
}

body {
    background: var(--bodybg);
    font-size: 14px;
    color: #161719;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    line-height: 1;
}

.guest .row {
    display: flex;
    flex-wrap: wrap;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h3 {
    font-size: 30;
    font-weight: 600;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

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

.guest .navbar-inverse {
    background-color: transparent;
    border: 0;
    padding: 27px 0;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 36px;
    position: relative;
    outline: none;
}

.btn.icon i {
    margin-right: 5px;
}

.btn.btn-primary {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
}

.guest .btn.btn-primary:after {
    content: "";
    position: absolute;
    width: 122px;
    height: 41px;
    border-radius: 26.5px;
    background: linear-gradient(180deg, rgba(236, 26, 92, 0.50) 0%, rgba(244, 57, 54, 0.50) 100%);
    filter: blur(12px);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.btn.btn-primary:hover {
    background: linear-gradient(180deg, #EC1A5C 0%, #F43936 100%) !important;
}

.btn.btn-secondary {
    background: #161719 !important;
}

.btn.btn-secondary i {
    margin: 0 4px;
}

.btn.btn-secondary:hover {
    opacity: .7;
}

.section-title {
    font-size: 3rem;
    font-weight: 600;
    color: var(--blackcolor);
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

p {
    color: #8B99A4;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.action-links ul {
    list-style: none;
    display: flex;
    align-items: center;
}

.action-links ul li:not(:last-child) {
    margin-right: 8px;
}

.action-links ul li:not(:last-child) a {
    border-radius: 100%;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    width: 3.4375rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.6875rem;
    text-decoration: none !important;
}

.guest .navbar-nav li a {
    padding: 0;
    color: #8B99A4;
    font-weight: 400;
}

.guest .navbar-nav li:not(:last-child) {
    margin-right: 2.1875rem;
}

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

.main-banner .inline-buttons {
    display: flex;
    align-items: center;
    margin-top: 35px !important;
}

.main-banner .inline-buttons .btn {
    margin-right: 10px;
}

.main-banner .inline-buttons .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-banner .sub-title {
    display: block;
    color: #F43936;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.main-banner .sub-title img {
    max-width: 20px;
    margin-right: 5px;
}

.main-banner h1 {
    font-size: 3rem;
    font-weight: 600;
    color: var(--blackcolor);
    line-height: 1.4;
    margin-top: 0;
}

.main-banner p {
    color: #8B99A4;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 1.25rem;
}

.main-banner .form-group {
    position: relative;
    margin-bottom: 1.125rem;
}

.main-banner .input-icon {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.main-banner .form-control {
    border-radius: 42px;
    border: 1px solid rgba(139, 153, 164, 0.21);
    background: var(--whitecolor);
    box-shadow: 0px 14px 19.7px 0px rgba(139, 153, 164, 0.31);
    padding-left: 62px;
    padding-right: 50px;
    font-size: 14px;
    font-weight: 400;
}

.main-banner .form-control:focus {
    border-color: #F43936;
}

.main-banner .form-control::placeholder {
    color: rgba(139, 153, 164, 0.81);
}

.show-pw {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #afafaf;
    font-size: 1rem;
    margin: 0 !important;
}

.show-pw .eye-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg fill='%239B9B9B' xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M480.118 726Q551 726 600.5 676.382q49.5-49.617 49.5-120.5Q650 485 600.382 435.5q-49.617-49.5-120.5-49.5Q409 386 359.5 435.618q-49.5 49.617-49.5 120.5Q310 627 359.618 676.5q49.617 49.5 120.5 49.5Zm-.353-58Q433 668 400.5 635.265q-32.5-32.736-32.5-79.5Q368 509 400.735 476.5q32.736-32.5 79.5-32.5Q527 444 559.5 476.735q32.5 32.736 32.5 79.5Q592 603 559.265 635.5q-32.736 32.5-79.5 32.5ZM480 856q-146 0-264-83T40 556q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83Zm0-300Zm-.169 240Q601 796 702.5 730.5 804 665 857 556q-53-109-154.331-174.5-101.332-65.5-222.5-65.5Q359 316 257.5 381.5 156 447 102 556q54 109 155.331 174.5 101.332 65.5 222.5 65.5Z'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 100%;
}

.show-pw .eye-icon.eye-slash {
    z-index: 2;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_790_271)'%3E%3Cpath d='M8.825 8.82502C8.65334 9.00923 8.44634 9.15699 8.21635 9.25947C7.98635 9.36195 7.73806 9.41705 7.48631 9.42149C7.23455 9.42594 6.98448 9.37962 6.75101 9.28532C6.51754 9.19102 6.30545 9.05066 6.1274 8.87261C5.94936 8.69456 5.809 8.48248 5.71469 8.24901C5.62039 8.01554 5.57408 7.76547 5.57852 7.51371C5.58296 7.26195 5.63807 7.01367 5.74055 6.78367C5.84303 6.55367 5.99078 6.34667 6.175 6.17502M11.2125 11.2125C10.1441 12.0269 8.84319 12.4781 7.5 12.5C3.125 12.5 0.625 7.50002 0.625 7.50002C1.40243 6.0512 2.48071 4.7854 3.7875 3.78752L11.2125 11.2125ZM6.1875 2.65002C6.61771 2.54932 7.05817 2.49898 7.5 2.50002C11.875 2.50002 14.375 7.50002 14.375 7.50002C13.9956 8.20977 13.5432 8.87798 13.025 9.49377L6.1875 2.65002Z' stroke='%239B9B9B' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.625 0.625L14.375 14.375' stroke='%239B9B9B' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_790_271'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.social-sec {
    padding: 0.4rem 0 2.5rem;
}

.social-sec ul {
    list-style: none;
}

.social-sec ul li {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

.slick-track {
    display: flex !important;
    align-items: center;
}

.order-sec {
    padding-top: 4.375rem;
    padding-bottom: 7rem;
}

.order-sec .card {
    --cardbg: #fff;
    border-radius: 23px;
    overflow: hidden;
    padding: 1.75rem;
    background: var(--cardbg);
    height: 100%;
    min-height: 210px;
    position: relative;
    cursor: pointer;
    transition: .5s ease all;
}

.order-sec .card p {
    color: #8B99A4;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.order-sec .card span {
    display: block;
    font-size: 2.125rem;
    font-weight: 600;
    display: block;
    color: #fff;
}

.order-sec .card img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.order-sec .row>div:nth-child(2) .card p {
    color: #fff;
}

.order-sec .row>div:nth-child(3) .card span {
    color: #161719;
}

.order-sec .card:hover {
    transform: translateY(6px);
}

.automate-services .card {
    border-radius: 30px;
    background: var(--whitecolor);
    padding: 2.125rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.automate-services .card img {
    margin-bottom: 1.5625rem;
}

.automate-services .card h3 {
    color: var(--blackcolor);
    font-weight: 600;
    margin: 0;
}

.automate-services .row .row {
    margin: 0 -7px;
    padding-bottom: 1.3rem;
}

.automate-services .row .row>div {
    padding: 0 7px;
}

.automate-services .main-row {
    margin: 0 -30px;
}

.automate-services .main-row>div {
    padding: 0 30px;
}

.cheapest-pannel {
    padding: 8.125rem 0 1.875rem;
}

.cheapest-pannel .card {
    border-radius: 30px;
    background: var(--whitecolor);
    padding: 3.125rem 2.1875rem 0 2.1875rem;
    height: 100%;
}

.cheapest-pannel .card h3 {
    color: var(--blackcolor);
}

.cheapest-pannel .card.left img {
    max-width: 130px;
    display: block;
    margin-left: auto;
}

.cheapest-pannel__tiktok {
    border-radius: 30px;
    background: linear-gradient(91deg, #F43936 0.25%, #EC1A5C 99.15%);
    overflow: hidden;
    position: relative;
    padding: 4rem 0 2.5rem 2rem;
    margin-top: 1.875rem;
}

.cheapest-pannel__tiktok img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.cheapest-pannel__tiktok h4 {
    color: #fff;
    font-weight: 400;
}

.cheapest-pannel__tiktok p {
    color: #fff;

}

.payment-method ul li {
    border-radius: 10px;
    background: var(--whitecolor);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    padding: 1rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 95px;

    margin: 7rem 0;
    margin-right: .9rem;
}

.sub-title {
    color: #F43936;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    display: block;
}

.sub-title img {
    margin-right: 6px;
}

.auth .section__head {
    display: none;
}

.work-process .card {
    border-radius: 16px;
    background: var(--whitecolor);
    padding: 25px;
    position: relative;
    min-height: 250px;
    padding-bottom: 50px;
    cursor: pointer;
    text-align: left;
}

.work-process .card span {
    display: block;
    text-align: right;
    color: rgba(139, 153, 164, 0.19);
    font-size: 2rem;
    font-weight: 600;
}

.work-process .card__title {
    color: #161719;
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
}

.work-process .card p {
    color: #8B99A4;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1.5;
}

.work-process .card a {
    font-size: 1.25rem;
}

.work-process .card .icon {
    width: 67px;
    height: 67px;
    border-radius: 22px;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -30px;
    bottom: 18px;
}

@media screen and (min-width:768px) {
    .work-process .row {
        margin: 0 -30px;
    }

    .work-process .row>div {
        padding: 0 30px;
        margin-bottom: 40px;
    }
}

.work-process .card:hover {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    box-shadow: 0px 20px 45.4px 0px rgba(244, 57, 54, 0.50);
}

.work-process .card:hover p,
.work-process .card:hover a {
    color: #fff;
}

.work-process .card:hover .card__title {
    color: #fff;
}

.work-process .card:hover .icon {
    background: #161719;
}

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

    .work-process .row>div:first-child,
    .work-process .row>div:nth-child(3) {
        margin-top: 40px;
    }
}

.faq {
    padding: 50px 0;
}

.accordion .card {
    border-radius: 40px;
    background: var(--whitecolor);
    padding: 1.4rem 1.7rem;
}

.accordion .card button {
    width: 100%;
    color: #161719 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    outline: none;
    background: transparent;
    height: auto;
    line-height: 1;
    text-decoration: none !important;
    white-space: inherit;
    text-align: left;
}

.accordion .card button span {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 10px;
    border-radius: 100%;
    position: relative;
}

.accordion .card button span:after,
.accordion .card button span:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.accordion .card button span:after {
    width: 15px;
    height: 3px;
    border-radius: 20px;
}

.accordion .card button span:before {
    height: 15px;
    width: 3px;
    border-radius: 20px;
}

.accordion .card .card-body {
    padding-top: 1.4rem;
    color: #8B99A4;
    font-size: 14px;
    line-height: 1.5;
}

.accordion .card button:not(.collapsed) span::before {
    display: none;
}

.faq .row>div {
    margin-bottom: 30px;
}

.testimonials {
    padding: 70px 0;
}

.testimonials .section-title {
    font-size: 44px;
}

.testimonials .row>div:last-child p {
    font-style: italic;
}

.testimonials .clients {
    display: flex;
    flex-wrap: wrap;
}

.testimonials .clients>div {
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.testimonials .clients>div:nth-child(1) img,
.testimonials .clients>div:nth-child(4) img {
    border-radius: 100%;
    overflow: hidden;
    width: 262px;
    height: 262px;
}

.testimonials .clients>div:nth-child(2) img,
.testimonials .clients>div:nth-child(3) img {
    border-radius: 100%;
    overflow: hidden;
    width: 132px;
    height: 132px;
}

.testimonials .client__intro {
    border-radius: 54px;
    background: #FFF;
    box-shadow: 0px 16px 16.6px 0px rgba(139, 153, 164, 0.14);
    padding: 13px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 210px;
    text-align: left;
    position: absolute;
    right: -40px;
    z-index: 1;
}

.testimonials .client__intro h6 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.testimonials .client__intro p {
    color: #8B99A4;
    font-size: 8px;
    margin: 0;
}

.testimonials .client__intro i {
    color: #F43936;
    font-size: 20px;
}

.testimonials .clients .client.two .client__intro,
.testimonials .clients .client.three .client__intro {
    min-width: 150px;
}

.testimonials .clients>div:nth-child(1) .testimonials .client__intro,
.testimonials .clients>div:nth-child(4) .testimonials .client__intro {
    min-width: 210px;
}

.testimonials .clients>div:nth-child(1) .client__intro {
    right: auto;
    left: -80px;
}

.testimonials h5 {
    color: #161719;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
}

.testimonials ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.testimonials ul li {
    margin-right: 5px;
    ;
}

.testimonials .row {
    margin: 0 -40px;
}

.testimonials .row>div {
    padding: 0 40px;
}

.join-us {
    position: relative;
    z-index: 1;
}

.join-us__inner {
    border-radius: 42px;
    background: linear-gradient(90deg, #EC1A5C 0%, #F43936 100%);
    padding: 50px;
    color: #fff;
}

.join-us__inner h4 {
    color: #FFF;
    font-size: 38px;
    font-weight: 600;
}

.join-us__inner p {
    color: #FFF;
    font-size: 14px;
    margin: 0;
}

.join-us__inner .btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #161719 !important;
    background: #fff !important;
    width: 240px;
    margin: auto;
    border-radius: 54px;
    box-shadow: 0px 16px 16.6px 0px rgba(22, 23, 25, 0.13);
    font-size: 20px;
    height: 68px;
    line-height: 68px;

}

.footer {
    background: #111113;
    padding-top: 205px;
    position: relative;
    margin-top: -120px;
}

.footer__content {
    text-align: center;
    max-width: 600px;
    margin: auto;
}

.footer__content p {
    color: #fff;
    font-size: 14px;
    margin: 18px 0;
}

.footer__social ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__social ul li:not(:last-child) {
    margin-right: 8px;
}

.footer__social ul li a {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    width: 45px;
    ;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
}

.footer__bottom {
    padding-top: 56px;
}

.footer__bottom .container {
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    padding-top: 24px;
    padding-bottom: 24px;
    ;
}

.footer__bottom p {
    color: #fff;
    margin: 0;
}

.footer__bottom ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer__bottom ul li:not(:last-child) {

    margin-right: 45px;
}

.footer__bottom ul li a {
    font-size: 14px;
    color: #fff;
}

.signup .flex-wrapper {
    display: flex;
}

.signup__left {
    width: 50%;
    padding-right: 60px;
    padding-bottom: 60px;
}

.signup__left .logo {
    margin-bottom: 90px;
}

.signup__left .back {
    color: #F43936;
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.signup__left .back i {
    margin-right: 6px;
}

.signup__right {
    width: 50%;

}

.signup__left h2 {
    color: #161719;
    font-size: 34px;
    font-weight: 600;
    margin: 20px 0 35px;
}

.signup .icon-group {
    position: relative
}

.signup .input-icon {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.signup .form-control {
    padding-left: 60px;
}

.signup .checkbox span {
    color: #8B99A4;
    margin-left: 25px;
}

.signup .checkbox a:not(:hover) {
    color: #161719;
}

.signup input[type="checkbox"] {
    margin: 0;
}

.signup__right {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    position: relative;
    padding: 120px 0 60px 60px;
}

.signup__right:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
}

.signup__right:before {
    content: "";
    position: absolute;
    width: 705px;
    height: 920px;
    background: url(https://23robo.info/panel-images/panelwork/worldofsmm/img/signup-graph.png);
    z-index: 1;
    background-size: cover;
    right: -23%;
    bottom: 0;
}

.signup__right--content {
    border-radius: 33px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(40px);
    padding: 60px 50px 0;
    position: relative;
    z-index: 2;
}

.signup__right--content h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.signup {
    position: relative;
    overflow: hidden;
}

.signup .icons img:first-child {
    position: absolute;
    left: -35px;
    top: 27%;
}

.signup .icons img:nth-child(2) {
    position: absolute;
    left: -35px;
    bottom: 27%;
}

.signup .icons img:nth-child(3) {
    position: absolute;
    right: -35px;
    top: 27%;
}

.signup .icons img:nth-child(4) {
    position: absolute;
    right: -35px;
    bottom: 27%;
}

.inner-wrapper h1 {
    margin-bottom: 50px;
    text-align: center;
}

.inner-wrapper h4 {
    --textColor: #161719;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--textColor);
}

.terms p {
    color: #8B99A4;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.inner-wrapper .well {
    border-radius: 19px;
    padding: 35px 45px;
}

.inner-wrapper h1 {
    text-align: center;
    color: #161719;
    font-size: 48px;
    font-weight: 600;
}

.control-label {
    color: #8B99A4;
    font-size: 14px;
    font-weight: 400;
}

.guest .order-page .btn-primary:after {
    display: none;
}

.auth .footer-wrapper {
    display: none;
}

.api .well {
    border-radius: 24px;
    background: #F0F4F7;
    padding: 25px;
}

.api.content-box {
    border-radius: 30px;
    background: #FFF;
    padding: 20px;
}

.api h2,
.api h4 {
    color: #161719;
    font-size: 20px;
    font-weight: 600;
}

.api strong {
    font-weight: 600 !important;
}

.api table {
    border: 0 !important;
    border-spacing: 10px;
    border-collapse: separate;
}

.api table td,
.api table th {
    border: 0 !important;
    padding: 15px 19px !important;
    color: #161719;
    font-size: 16px;
    font-weight: 400;
    width: 50%;
}

.api table td {
    border-radius: 37px;
    background: #FFF;
}

.api table th {
    border-radius: 37px;
    background: #F43936;
    color: #fff;
}

.api pre {
    border-radius: 21px;
    background: #FFF;
    padding: 15px 22px;
    border: 0;
    color: #161719
}

.api td.red {
    color: #F43936;
}

.child-panel .first {
    border-radius: 20px;
    background: #161719;
    padding: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.child-panel .first ul {
    padding: 0 !important;
    margin: 0;
}

.child-panel .first ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 41px;
    background: rgba(255, 255, 255, 0.09);
    padding: 10px 28px;
    display: flex;
    align-items: center;
}

.child-panel .first ul li span {
    width: 7px;
    height: 7px;
    background-color: #F43936;
    border-radius: 100%;
    display: inline-block;
    margin-right: 6px;
}

.child-panel .first ul li:not(:last-child) {
    margin-bottom: 10px;
}

.child-panel .first .alert {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
}

.child-panel .first .alert>div {
    color: #ffff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    ;
}

.child-panel .stats-box .stats-box-left {
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.child-panel .stats-box .stats-box-right {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    max-width: 60px;
}

.child-panel .accordion .card {
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.child-panel .accordion .card .btn {
    border-radius: 40px;
    background: #FFF;
    padding: 1.1rem 1.7rem;

}

.child-panel .accordion .card .card-body {
    border-radius: 20px;
    background: #FFF;
    padding: 26px;
    margin-top: 20px;
}

.child-panel .accordion .card .btn:not(.collapsed) {
    background: #F43936;
    color: #fff !important;
}

.child-panel .accordion .card .btn:not(.collapsed) span {
    background: #fff;
}

.child-panel .accordion .card .btn:not(.collapsed) span::after {
    background-color: #F43936;
}

.updates .order-bnr2 .order-bnr-btn {
    border-radius: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.updates .order-bnr2 .order-bnr-btn:not(:hover) {
    background: #161719 !important;
}

.updates .filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.updates .filter-wrapper .search {
    width: 318px;
}

.updates .filter-wrapper .nav-tabs {
    flex: 1;
    border: 0;
}

.updates .filter-wrapper .nav-tabs .nav-link {
    --textcolor: #161719;
    border-radius: 39px;
    border: 1px solid #DDEAFF;
    background: #FFF;
    padding: 22px;
    color: var(--textcolor);
    text-align: center;
    min-width: 114px;
}

.updates .filter-wrapper .nav-tabs .nav-link span {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #fff;
    border: 3px solid var(--textcolor);
    margin-right: 4px;
}

.updates .search-wrapper {
    border-radius: 30px;
    border: 1px solid #DDEAFF;
    background: #FFF;
    padding: 8px;
}

.updates .search-wrapper button {
    border-radius: 30px !important;
    background: #F43936;
    width: 100px;
    min-width: 100px;
}

.updates .search-wrapper .form-control {
    flex: 1;
    padding: 0;
    padding-left: 30px;
    background: transparent;
}

.updates .search-wrapper i {
    color: rgba(139, 153, 164, 1);
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

.updates .search-wrapper .form-control::placeholder {
    color: rgba(139, 153, 164, 0.44);
}

.updates .search-wrapper form {
    margin: 0;
}

.updates .table thead {
    border-radius: 60px;
    background: #161719;
}

.updates .table td,
.updates .table th {
    border: 0;
    padding: 17px 25px;
    vertical-align: middle;
}

.updates .table thead th {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.updates .table td {
    color: #161719;
    font-size: 14px;
    font-weight: 400;
}

.updates .table thead th:first-child,
.updates .table tbody td:first-child {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}

.updates .table thead th:last-child,
.updates .table tbody td:last-child {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}

.updates .tab-content {
    margin-top: 35px;
}

.updates .table {
    border-spacing: 0 10px;
    border-collapse: separate;
}

.updates .table tbody tr {
    background-color: #fff;
    border-radius: 60px;
}

.updates .table td i {
    font-style: normal;
    color: #F43936;
}

.updates .table td span {
    --bg: #16BDBF;
    padding: 10px 25px;
    border-radius: 21px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    background: var(--bg);

}

.updates .ser-bnr-row .order-bnr::after {
    background: url(https://23robo.info/panel-images/panelwork/worldofsmm/img/updates-banner-img.png);
    width: 205px;
    height: 227px;
    background-size: contain;
    right: 17px;
}

.account h1 {
    text-align: left;
}

.account .form-control {
    background: #F0F4F7;
}

.auth .account .btn.btn-primary {
    width: auto;
}

.account .well {
    padding: 25px;
    height: 100%;
}

.account .row>div {
    margin-bottom: 30px;
}

.account .code .well {
    background: linear-gradient(90deg, #F43936 0%, #EC1A5C 100%);
}

.account .code .well h4,
.account .code .well p {
    color: #fff;
}

.account .code .well .btn {
    background: #fff !important;
    color: #161719 !important;
}

.account h4 {
    font-size: 24px;
    font-weight: 500;
}

.auth .navbar-right-block li a:not(.logout-btn):hover {
    background: transparent;
    opacity: .7;
}

.align-items-end {
    align-items: flex-end;
}

.pr-0 {
    padding-right: 0 !important;
}

[data-theme="dark"] .cheapest-pannel .btn {
    background: #F43936;
}

[data-theme="dark"] .work-process .card__title,
[data-theme="dark"] .work-process .card p,
[data-theme="dark"] .accordion .card button {
    color: #fff !important;
}

.guest .navbar-inverse .navbar-brand {
    padding: 0;
}

.action-links .btn span {
    color: #fff !important;
}

.blog .well {
    padding: 18px;
}

.blog .logo {
    max-width: 140px;
    margin-bottom: 20px;
}

.blog .image {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
}

.blog .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog .date {
    color: #8B99A4;
    font-size: 10px;
    margin: 18px 0 10px;

}

.blog h4 {
    color: #161719;
    font-size: 24px;
    font-weight: 600;
}

.blog ul {
    display: flex;
    align-items: center;
}

.blog ul li:not(:last-child) {
    margin-right: 6px;
}

.blog ul li a {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid rgba(139, 153, 164, 0.21);
    background: #F0F4F7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog ul li a svg {
    width: 15px;
}

.blog .readmore {
    color: #161719;
    font-size: 14px;
}

.blog .readmore i {
    color: #F43936;
    ;
    margin-left: 3px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li:not(:last-child) {
    margin-right: 6px;
}

.pagination li a {
    width: 40px;
    height: 40px;
    border-radius: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: #161719 !important;
    font-size: 14px;
    font-weight: 600;
    background: #FFF !important;
}

.pagination li.active a {
    background: #F43936 !important;
    color: #fff !important;
}

.blog-post {
    padding-bottom: 50px;
}

.blog-post .image {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog-post .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-post h1,
.blog-post h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 18px;
}

.card h3 {
    font-size: 20px;
}

.card-bg {
    border-radius: 16px;
    background: var(--whitecolor);
    padding: 30px;
    position: relative;
    min-height: 250px;
    cursor: pointer;
    text-align: left;
}

.card-bg:hover {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    box-shadow: 0px 20px 45.4px 0px rgba(244, 57, 54, 0.50);
}

.work-process .card:hover p,
.work-process .card:hover a {
    color: #fff;
}

.card-bg .card-title {
    font-size: 18px;
}

.card-bg:hover h5,
.card-bg:hover p {
    color: #fff;
}

.card-bg:hover i {
    background: #fff;
    color: #F43936;
}

.card-bg i {
    font-size: 25px;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.center-wrap {
    padding-top: 80px;
}

.center-wrap .text-wrap h3 {
    font-size: 45px;
    font-weight: 800;
    color: #111625;
    line-height: 1.4;
}

.center-wrap .text-wrap span {
    color: #F43936;
}

.btn-wrap a {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    color: #fff;
    border-color: #F43936;
    box-shadow: 0px 20px 45.4px 0px rgba(244, 57, 54, 0.50);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    height: 60px;
    width: 260px;
    text-decoration: none;
}

.btn-wrap a i {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100px;
    color: #F43936;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin-left: 10px;
}

#benefit .title {
    font-size: 45px;
    font-weight: 800;
    color: #111625;
    line-height: 1.4;
}

#benefit .title {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 80px;
}

#benefit .main-article {
    padding-bottom: 50px;
}

.benefit-box {
    text-align: center;
    background-color: #fff;
    border-radius: 25px;
    padding: 60px 20px 40px;
    position: relative;
    box-shadow: -20px 20px 30px 0 rgba(0, 0, 0, 10%);
    margin-bottom: 20px;
}

.benefit-box:hover {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    box-shadow: 0px 20px 45.4px 0px rgba(244, 57, 54, 0.50);
}

.benefit-box:hover i {
    background: #fff;
    color: #F43936;
}

.benefit-box:hover h3,
.benefit-box:hover p {
    color: #fff;
}

.benefit-icon {
    padding-bottom: 20px;
}

.benefit-icon img {
    display: block;
    margin: auto;
    width: 80px;
}

.benefit-icon i {
    font-size: 25px;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    width: 60px;
    height: 60px;
}

.ser-search-frm p {
    color: #fff;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
}

.well-two h1 {
    text-align: left;
}

.well-two .fas.fa-check {
    background: #F43936;
    color: #fff;
    border-radius: 100px;
    padding: 5px;
    font-size: 11px;
    margin-right: 10px;
}
.work-process .sub-title {
    text-align: left;
}
.order-sec.order-sec2 .card img {
    position: unset;
    margin-bottom: 15px;
}
.order-sec.order-sec2 .card span {
    line-height: 1.5;
    font-size: 30px;
}
.order-sec.order-sec2 .card p {
    font-size: 16px;
    line-height: 1.6;
}
.video-wrap {
    border-radius: 30px;
    background: #FFF;
    overflow: hidden;
    margin: 45px auto 0;
}
.video-wrap iframe {
    width: 100%;
    height: 450px;
}
#feature .row {
    border-radius: 42px;
    background: linear-gradient(90deg, #EC1A5C 0%, #F43936 100%);
    padding: 50px;
    color: #fff;
    display: flex;
    align-items: center;
}
#feature .title {
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
}
.award-logo-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}
.award-logo-wrap {
    border-radius: 16px;
    background: #fff;
    padding: 12px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 5px;
    min-height: 65px;
}
#feature .txt {
    color: #ffff;
    font-size: 14px;
}
#feature {
    padding-bottom: 50px;
}
.award-logo-ul li {
    flex: 0 0 24%;
    max-width: 24%;
}
.award-logo-wrap img {
    max-height: 40px;
}
.auth .navbar-right-block li.open a {
    background-color: transparent;
}
.auth .navbar-right-block .dropdown .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    min-width: unset;
    padding: 0;
}
.auth .navbar-right-block .dropdown .dropdown-menu a {
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    color: #140404;
}
.auth .navbar-right-block .dropdown .dropdown-menu a:hover {
    background-color: #f43936;
    opacity: 1;
    color: #fff;
}
.auth .navbar-right-block .dropdown.language-dropdown .dropdown-menu {
    min-width: 120px;
}
.auth .navbar-right-block .dropdown.language-dropdown .dropdown-menu a {
    text-align: left;
}
.auth .navbar-left-block li a {
    padding: 0 7px;
    font-size: 14px;
    font-weight: 600;
}
.my-tabs .nav-link {
    margin-bottom: 10px;
}
.api-gen {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    padding: 5px 15px;
    border-radius: 100px;
    color: #fff;
}
.api-gen a {
    background-color: #fff;
    color: #ed1c59;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none !important;
}
.ticket-btn-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 20px;
}
.ticket-btn-row .col-sm-2 {
    flex: 0 0 24%;
    max-width: 24%;
    padding: 0;
    margin: 0 0.5% 5px;
}
.ticket-btn-row .brand-category {
    border-radius: 24px;
    background-color: #fff;
    color: #8B99A4;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 8px 10px;
    width: 100%;
    text-decoration: none !important;
}
.ticket-btn-row .brand-category .cat-name {
    margin-left: 5px;
}
.ticket-btn-row .brand-category .icon {
    width: 25px;
    height: 25px;
    border-radius: 100px;
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
}
.footer__content p.add-title {
    margin-bottom: 7px !important;
}
.footer__content p.add-title + p {
    margin-top: 0;
}
#work-process.work-process {
    background: linear-gradient(180deg, #EC1A5C 0%, #F43936 100%) !important;
    padding: 60px 0;
}
#work-process.work-process .section-title {
    margin-top: 0;
    color: #fff;
}
#work-process.work-process p {
    color: #fff;
}
#work-process.work-process .btn.btn-primary.icon {
    background: #fff !important;
    color: #ef264d !important;
}
#faq .section-title {
    margin-bottom: 30px;
}
#blog-sec {
    padding-bottom: 50px;
}
#blog-sec .section-title {
    margin-bottom: 50px;
}
.neworder-tabs li:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.neworder-tabs li {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.footer-wrapper {
    margin-top: 25px;
}
.dropdown.dropdown-currencies .right-nav-icon {
    min-width: unset;
    font-size: 14px;
    width: auto;
    padding: 0 22px 0 6px;
    white-space: nowrap;
}
.dropdown.dropdown-currencies #currencies-list {
    max-height: 280px;
    overflow-y: auto;
    scrollbar-width: thin;
    border-radius: 5px;
}
.auth .navbar-right-block .logout-btn {
    justify-content: center;
    min-width: 46px;
}
.auth .navbar-left-block li a {
    font-size: 16px;
    padding: 5px 7px;
    border-radius: 5px;
}
.auth .navbar-left-block li.active a,
.auth .navbar-left-block li.active a:hover,
.auth .navbar-left-block li a:hover,
.auth .navbar-left-block li a:focus {
    background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    color: #fff !important;
}
.ticket-message {
    word-break: break-word;
}
.auth textarea#message {
    background-color: #f0f4f7;
    border: 1px solid rgba(0,0,0,10%);
}
.alert-success {
   /* background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    border: 0;
    border-radius: 20px;
    box-shadow: none;
    position: relative;
    padding: 15px !important;*/
}
.alert-success .close {
    /*position: absolute;
    right: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    opacity: 1;
    border-radius: 100px;
    color: #000;
    font-size: 14px;*/
}
.alert-title {
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}
.alert-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    list-style: none;
    padding: 0;
    margin: 0 !important;
}
.alert-ul li {
    flex: 0 0 100%;
    max-width: 100%;
}
.alert-li {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 100px;
    margin-bottom: 5px;
}
.alert-li-right {
    margin-left: 5px;
    font-weight: 700;
}
.order-status span {
    text-align: center;
    font-size: 12px;
  	color: black;
}
.service-name-icon, .ser-desc-name div {
    display: none;
}
.top-services-box {
    border-radius: 16px;
    background: #fff;
    padding: 30px;
    margin: 0 5px;
    text-align: left;
}
.top-services-box .title {
    text-align: left;
}
.top-services-box .title {
    text-align: left;
    text-decoration: none !important;
}
#top-services {
    padding: 80px 0;
    background: linear-gradient(90deg, #EC1A5C 0%, #F43936 100%);
    margin-bottom: 50px;
}
#top-services .title {
    color: #fff;
    font-size: 48px;
}
#top-services .txt {
    color: #fff;
}
#top-services .top-services-box .txt {
    color: #000;
}
#top-services .top-services-box .title {
    text-align: left;
    text-decoration: none !important;
    font-size: 28px;
}
#top-services .top-services-box .title a {
    text-decoration: none;
}
.boxes-slider1-nav {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.boxes-slider1-nav .slick-arrow {
    width: 40px;
    height: 40px;
    border: 0;
    box-shadow: none;
    border-radius: 10px;
    background-color: #fff;
    font-size: 20px;
    margin: 0 5px;
}
.top-services-box-img {
    margin-bottom: 10px;
}
.boxes-slider1 .slick-track {
    display: block !important;
}
#service_description .panel-body {
    background-color: #FFF;
    border: 0;
    border-radius: 12px;
    line-height: 1.3;
}
#uploader-button,
.tickets-uploader {
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
    color: #fff !important;
    border-radius: 100px;
    padding: 0 10px !important;
}
#uploader-button a, 
#uploader-button span, 
.tickets-uploader div, 
.tickets-uploader a {
    color: #fff;
}
.tickets-uploader .alert-danger {
    color: #fff;
}
.table.my-table.ticket-table > thead > tr > th, 
.table.my-table.ticket-table > tbody > tr > th,
.table.my-table.ticket-table > tfoot > tr > th,
.table.my-table.ticket-table > thead > tr > td,
.table.my-table.ticket-table > tbody > tr > td,
.table.my-table.ticket-table > tfoot > tr > td {
    vertical-align: middle;
}

.auth .dropdown-currencies .dropdown-toggle {
    position: relative;
}
.auth .dropdown-currencies .dropdown-toggle::after {
    content: "\f107";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #161719;
    line-height: 1;
    font-size: 12px;
}
.logout-btn {
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 30px;
    background: #F43936;
    padding: 0 10px;
    height: 46px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    margin-right: 0;
    justify-content: center;
    min-width: 46px;
}
.auth .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #f3353a;
}
.ser-search-frm .btn.btn-primary.dropdown-toggle {
	position: unset;
	transform: unset;
	height: 48px !important;
}
.ser-search-frm .dropdown.currency-dropdown {
	position: relative;
}
.ser-search-frm .btn.btn-primary.dropdown-toggle + #currencies-list {
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
.my-nav {
    background-color: #FFF !important;
    border-radius: 30px;
    padding: 0 0;
}
.my-nav .navbar-header {
	float: none !important;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.my-nav .navbar-header::before, 
.my-nav .navbar-header::after {
	display: none;
}
.my-nav .navbar-header .navbar-header-left {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.my-nav .navbar-header .navbar-header-left li a {
	height: 46px;
	display: flex;
	align-items: center;
	align-content: center;
	background-color: #F0F4F7;
	padding: 5px 10px;
	border-radius: 30px;
	margin-left: 12px;
	min-width: 130px;
	text-decoration: none !important;
	font-weight: 400;
	font-size: 16px;
}
.my-nav .navbar-header .navbar-header-left li:last-child a {
	width: 46px;
	justify-content: center;
	min-width: 46px;
}
.my-nav .navbar-header .navbar-header-left li a .badge {
	padding: 0;
	background-color: transparent;
	font-size: 14px;
	color: #161719;
}
.my-nav .navbar-toggle {
	width: 46px;
	min-width: 46px;
	height: 46px;
	background-color: #F0F4F7 !important;
	padding: 5px 10px;
	border-radius: 30px;
	border: 0 !important;
    margin-left: 12px;
}
.auth .my-nav #navbar .navbar-left-block {
	background-color: #f0f4f7;
	margin: auto auto 12px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.auth .my-nav #navbar .navbar-left-block::before,
.auth .my-nav #navbar .navbar-left-block::after {
	display: none;
}
.auth .my-nav #navbar .navbar-left-block li.active a,
.auth .my-nav #navbar .navbar-left-block li a:hover,
.auth .my-nav #navbar .navbar-left-block li.active a:hover,
.auth .my-nav #navbar .navbar-left-block li a:focus {
	background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
	border-radius: 30px;
}
.auth .my-nav .navbar-left-block li a {
	font-size: 14px;
    padding: 5px 7px;
    text-align: center;
    background-color: #fff !important;
    margin: 0 2px;
    border-radius: 5px !important;
    color: #000;
}
.auth .my-nav .dropdown .dropdown-menu a {
	background-color: transparent !important;
	padding: 2px 12px !important;
	height: auto !important;
	margin: 0 !important;
	color: #161719;
}
.my-nav .dropdown .dropdown-menu a:hover {
	background-color: #f0f4f7 !important;
	border-radius: 0;
}
.my-nav .navbar-header .navbar-header-left .dropdown-menu li:last-child a {
	width: 100%;
	text-align: left;
	justify-content: flex-start;
}
.my-nav .navbar-header-left-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.forgot-password1 {
	margin-bottom: 15px;
	display: block;
	width: max-content;
}
.main-banner .checkbox label {
	display: flex;
	align-content: center;
	align-items: center;
	font-size: 14px;
}
.reset-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.reset-wrap .checkbox,
.reset-wrap .forgot-password1 {
	margin: 0;
}
.my-nav .navbar-header .navbar-header-left li.account a {
	width: 46px;
	justify-content: center;
	min-width: 46px;
}
@media screen and (max-width:1200px) {

    .testimonials .clients>div:nth-child(1) img,
    .testimonials .clients>div:nth-child(4) img {
        width: 220px;
        height: 220px;
    }

    .testimonials .client__intro {
        padding: 9px 15px;
        position: relative;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        top: -20px;
    }

    .signup__right:before {
        bottom: 0;
    }

    .signup .flex-wrapper {
        flex-direction: column-reverse;
    }

    .signup__left,
    .signup__right {
        width: 100%;
        padding: 40px 0 !important;
    }

    .signup__right:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    }

    .signup__right--content img {
        display: block;
    }

    .signup__right--content h3 {
        text-align: center;
    }

    .signup__left .logo {
        margin-bottom: 26px;
        text-align: center;
    }

    .signup__left .back,
    .signup__left h2 {
        text-align: center;
    }

    .inner-wrapper {
        overflow: hidden;
    }
    .auth .navbar-left-block li a {
      font-size: 14px;
    }
    .auth .my-nav #navbar .navbar-left-block {
      flex-wrap: wrap;
    }
  .ser-cat-btn .ser-cat-txt {
	display: none;
}
  .ser-cat-btn {
	justify-content: center;
}
  .action-links ul .btn.btn-secondary {
	min-width: auto;
}
}

@media screen and (max-width:991px) {
    .inner-wrapper .well {
        padding: 25px;
    }

    .signup__right--content {
        padding: 36px 30px 0;
        margin: 0 20px;
    }

    .signup__right--content h3 {
        font-size: 22px;
    }

    .guest .navbar-brand img {
        max-height: 45px;
    }

    .btn {
        height: 50px;
        line-height: 50px;
        padding-left: 14px;
        padding-right: 14px;
        min-width: 120px;
    }

    .guest .navbar-nav li:not(:last-child) {
        margin-right: 1rem;
    }

    .action-links ul li:not(:last-child) a {
        width: 3rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    .main-banner .row {
        flex-direction: column-reverse;
        text-align: center;
    }

    .main-banner__image {
        max-width: 350px;
        margin: auto;
    }

    .main-banner h1,
    .section-title,
    .testimonials .section-title,
    .inner-wrapper h1 {
        font-size: 2.3rem;
    }

    .sub-title {
        font-size: 1.2rem;
    }

    .main-banner .inline-buttons {
        justify-content: center;
    }

    .main-banner .sub-title {
        justify-content: center;
    }

    .order-sec {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .order-sec .card img {
        max-width: 110px;
    }

    .order-sec .card span {
        font-size: 1.7;
    }

    .automate-services .main-row>div {
        width: 100%;
    }

    .automate-services .social-image {
        text-align: center;
        margin-bottom: 20px;
    }

    .automate-services .main-row {
        text-align: center;

    }

    .cheapest-pannel {
        padding: 3.5rem 0 1.875rem;
    }

    .cheapest-pannel .card {
        padding: 2rem 1.8rem 0 1.8rem !important;
    }

    .cheapest-pannel>.container>.row>div:not(:last-child) {
        margin-bottom: 20px;
    }

    .cheapest-pannel .row .row>div:not(:last-child) {
        padding-bottom: 20px;
        ;
    }

    .cheapest-pannel .row .row>div {
        width: 100%;
        text-align: center;
    }

    .cheapest-pannel .card {
        text-align: center;
    }

    .payment-method ul li {
        margin: 3rem 0;
        margin-right: .9rem;
    }

    .work-process .row>div:not(:last-child) {
        text-align: center;
    }

    .faq .row>div {
        width: 100%;
    }

    .faq {
        padding-top: 0
    }

    .accordion .card {
        padding: 1rem 1.5rem;
    }

    .testimonials .row {
        flex-direction: column-reverse;

    }

    .testimonials {
        padding: 20px 0 40px;
    }

    .testimonials .row>div {
        width: 100%;
    }

    .testimonials .row>div:last-child {
        text-align: center;
    }

    .testimonials ul {
        justify-content: center;
        margin: 20px 0 30px;
    }

    .join-us__inner {
        padding: 20px;
        text-align: center;
    }

    .join-us__inner h4 {
        font-size: 28px;
    }

    .join-us__inner .btn.btn-primary {
        width: 196px;
        font-size: 16px;
        height: 54px;
        line-height: 54px;
        margin-top: 25px;
    }

    .join-us__inner .row>div {
        width: 100%;
    }

    .footer {
        margin-top: -70px;
        padding-top: 100px;
    }

    .footer__logo img {
        max-width: 210px;
    }

    .order-history-ul1 li,
    .order-history-ul2 li {
        margin-bottom: 6px;
    }

    .order-history-ul2 li.order-view-more {
        width: 100%;
        text-align: center;
    }

}

@media screen and (max-width:767px) {
    .blog-post .image {
        height: 250px;
    }

    .blog-post h1,
    .blog-post h2 {
        font-size: 25px;
        ;
    }

    .inner-wrapper h4 {
        font-size: 21px;
    }

    .ser-search-frm .dropdown.currency-dropdown {
        position: relative;
    }

    .ser-search-frm .dropdown.currency-dropdown .btn {
        position: static;
        transform: none;
        margin-top: 20px;
    }

    .order-page .row>div {
        width: 100%;
    }

    .signup .row {
        text-align: center;
    }

    .signup .pull-right {
        float: none !important;
    }

    .signup__left .logo img {
        max-width: 230px;
        ;
    }

    .signup__left h2 {
        font-size: 28px;
    }

    .action-links {
        display: flex;
        align-items: center;
    }

    .guest .navbar-inverse {
        padding: 12px 0;
    }

    .action-links .navbar-toggle {
        margin: 0;
        margin-left: 12px;
        background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
    }

    .guest .navbar-collapse {
    /*   
        display: block !important;
        width: 100%;
        position: fixed;
        left: 0;
        top: -40%;
        padding: 20px 0;
        background: linear-gradient(180deg, #F43936 0%, #EC1A5C 100%);
        transition: .6s ease all;
      */
    }
  .guest #navbar {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    top: 70px;
    background: linear-gradient(91deg, #F43B34 5.59%, #EC195E 99.05%) !important;
}

    .guest .navbar-collapse.in {
        /*top: 74px;*/
    }

    .guest .navbar-collapse .navbar-nav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .guest .navbar-collapse .navbar-nav li:not(:last-child) {
        margin-bottom: 15px;
    }

    .guest .navbar-collapse .navbar-nav li a {
        color: #fff;
    }

    .guest .navbar-collapse .navbar-nav li.active a {
        font-weight: 800;
    }

    .action-links .btn span {
        display: none;
    }

    .action-links .btn {
        width: 48px;
        height: 48px;
        min-width: 48px;
        padding: 0;
        font-size: 20px;
    }

    .action-links {
        margin-left: 10px;
    }

    .main-banner h1,
    .section-title,
    .testimonials .section-title,
    .inner-wrapper h1 {
        font-size: 1.8rem;
    }

    .main-banner .sub-title {
        font-size: 1.2rem;
    }

    .main-banner p {
        font-size: 18px;
    }

    .order-sec .row>div {
        width: 100%;
    }

    .order-sec .row>div:not(:last-child) {
        margin-bottom: 25px;
    }

    .order-sec .card {
        min-height: 150px;
    }

    .automate-services .row .row>div {
        width: 100%;
        margin-bottom: 20px;
    }

    .cheapest-pannel__tiktok {
        padding: 25px;
    }

    .cheapest-pannel__tiktok:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .5;
        left: 0;
        top: 0;
    }

    .cheapest-pannel__tiktok .row {
        position: relative;
        z-index: 1;
    }

    .work-process .row>div {
        width: 100%;
        margin-bottom: 20px;
    }

    .work-process .card {
        max-width: 90%;
        margin: auto;
    }

    .work-process .card .icon {
        width: 55px;
        height: 55px;
        padding: 15px;
    }

    .footer__bottom {
        padding-top: 25px;
    }

    .footer__bottom .d-flex {
        flex-direction: column-reverse;
    }

    .footer__bottom ul {
        justify-content: center;
        padding-bottom: 15px;
    }

    .testimonials {
        overflow: hidden;
    }

    .signup__left .row>div {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .testimonials .clients>div {
        width: 100%;
    }

    .testimonials .clients>div:nth-child(1) img,
    .testimonials .clients>div:nth-child(4) img,
    .testimonials .clients>div:nth-child(2) img,
    .testimonials .clients>div:nth-child(3) img {
        width: auto;
        height: auto;
    }
}


@media (max-width:550px) {
    .order-remain {
        display: none;
    }
  .social-sec {
    padding-bottom: 15px;
}
  .card-bg {
    padding: 15px;
}
  p.card-text {
    font-size: 14px;
}
  .center-wrap {
    padding-top: 35px;
}
  .center-wrap .card-img-top-bar img {
    max-width: 250px;
    margin: 15px auto;
}
  .center-wrap .text-wrap h3 {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
}
  .center-wrap .text-para p {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}
  .center-wrap .btn-wrap a {
    height: 50px;
    width: max-content;
    margin: auto;
    padding: 0 15px;
}
  .video-wrap {
    margin: 25px auto 0;
}
  .video-wrap iframe {
    width: 100%;
    height: 250px;
}
  .video-sec .row {
    display: block;
}
  .order-sec.order-sec2 .card {
    padding: 15px;
    min-height: auto;
}
  .order-sec.order-sec2 .card span br {
    display: none;
}
  .order-sec.order-sec2 .card span {
    line-height: 1.2;
    font-size: 26px;
}
  .order-sec.order-sec2 .card p {
    font-size: 14px;
    line-height: 1.4;
}
  .order-sec {
    padding-bottom: 20px;
}
  #benefit .title {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 0;
    font-size: 30px;
    line-height: 1.2;
}
  #benefit .main-article {
    padding-bottom: 15px;
}
  #benefit .main-article {
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 1.4;
}
  .benefit-box {
    padding: 15px;
  }
  .benefit-icon {
    padding-bottom: 10px;
}
  .benefit-box .benefit-title {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 5px;
}
  .benefit-txt {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0;
}
  .order-sec .card {
    min-height: auto;
    padding: 15px;
}
  .order-sec .card p {
    margin-top: 0;
    margin-bottom: 5px;
}
  .order-sec .card span {
    font-size: 18px;
}
  .automate-services .main-row {
    margin: 0;
}
  .payment-method ul li {
    padding: 15px;
    height: 85px;
}
  .work-process {
    padding: 20px 0;
}
  .work-process .sub-title {
    text-align: center;
}
  .work-process .card {
    padding: 15px;
    padding-bottom: 30px;
}
  .work-process .card span {
    color: rgba(139, 153, 164, 0.39);
    font-size: 20px;
}
  .work-process .card__title {
    font-size: 14px;
    margin-bottom: 12px;
}
  .work-process .card .icon {
    width: 45px;
    height: 45px;
    padding: 10px;
    border-radius: 12px;
    right: -20px;
}
  .work-process .row > .col-sm-6:last-child {
    margin-bottom: 0;
}
  .accordion .card .card-body {
    padding-top: 10px;
}
  .accordion .card {
    padding: 12px 32px 12px 12px;
}
  .accordion .card button span {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 0;
}
  .accordion .card button span::before {
    height: 10px;
    width: 2px;
}
  .accordion .card button span::after {
    width: 10px;
    height: 2px;
}
  .faq .row > div {
    margin-bottom: 10px;
}
  .faq {
    padding-bottom: 0;
}
  .work-process .card {
    min-height: auto;
}
  .neworder-tabs li {
    flex: 0 0 50%;
    max-width: 50%;
}
#top-services {
    padding: 30px 0;
    margin-bottom: 20px;
}
  #top-services .title {
    font-size: 32px;
}
  .boxes-slider1 .slick-track {
    display: block !important;
}
  .guest .row.top-services-row {
    display: block;
}
  .top-services-box {
    padding: 10px;
}
  #top-services .top-services-box .title {
    font-size: 22px;
}
  #top-services .top-services-box .txt {
    font-size: 14px;
}
  .boxes-slider1-nav {
    margin-top: 5px;
}
  .boxes-slider1-nav .slick-arrow {
    width: 20px;
    height: 20px;
    font-size: 14px;
    margin: 0 5px;
}
  #feature .row {
    padding: 15px;
    width: 99%;
    margin: auto;
    border-radius: 20px;
}
  #feature .title {
    text-align: center;
    font-size: 20px;
}
  #feature .title + .txt {
    text-align: center;
}
  #feature {
    padding-bottom: 15px;
}
  .automate-services .main-row > div {
    padding: 0 15px;
}
  .cheapest-pannel {
    padding: 20px 0;
}
  .cheapest-pannel .card h3 {
    margin-bottom: 12px;
}
  p {
    font-size: 14px;
}
  .cheapest-pannel .row .row > div.col-sm-5.mt-40 {
    margin-top: 10px;
}
  .cheapest-pannel .card {
    padding: 15px !important;
}
  .cheapest-pannel__tiktok h4 {
    margin-top: 0;
}
  .cheapest-pannel__tiktok p {
    margin-bottom: 0;
}
  .payment-method ul li {
    margin: 12px;
    height: 70px;
}
  .about-img-wrap img {
    max-width: 100%;
}
.work-process .section-title {
    margin-top: 0;
    margin-bottom: 6px;
}
  #faq .section-title {
    margin-top: 0;
    margin-bottom: 10px;
}
  .accordion .card {
    padding: 12px 20px 12px 12px;
}
.testimonials .section-title {
  margin-bottom: 10px;
}
  .testimonials h5 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0;
}
  .testimonials ul {
    margin: 10px 0 10px;
}
  #blog-sec .section-title {
    margin-bottom: 15px;
}
  .blog h4 {
    font-size: 18px;
}
  #blog-sec {
    padding-bottom: 0;
}
  .footer__content p.add-title + p {
    margin-bottom: 0;
}
  .footer__bottom ul li a {
    font-size: 13px;
}
  .footer__bottom .container {
    padding-top: 14px;
    padding-bottom: 14px;
}
  .footer__bottom {
    padding-top: 15px;
}
  .footer {
    padding-top: 80px;
}
  .footer__content p {
    margin: 8px 0 10px;
}
  .order-page {
    margin-top: 0;
}
.inner-wrapper h1 {
    margin-bottom: 20px;
    margin-top: 5px;
    font-size: 24px;
}
.ser-search-frm .dropdown.currency-dropdown button.btn.btn-primary.dropdown-toggle {
    margin-top: 5px;
}
.guest .ser-search-frm .dropdown.currency-dropdown button.btn.btn-primary.dropdown-toggle {
    border-radius: 19px;
}
#currencies-list {
    width: 100%;
}
.order-history-box {
    padding: 10px;
    margin-bottom: 10px;
}
.order-ser-name::before {
    display: none;
}
.order-ser-name {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.order-history-ul2 li::before {
    display: none !important;
}
.order-history-ul2 li {
    padding-left: 0;
    margin-left: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.order-history-ul2 li .order-txt-label {
    display: block;
    margin-bottom: 5px;
}
.order-history-ul2 li.order-view-more .btn.btn-primary {
    width: 98%;
}
.order-txt {
    font-size: 14px;
}
.ser-title {
    padding: 8px 12px;
    border-radius: 7px;
    font-size: 14px;
}
.guest .navbar-inverse {
    margin-bottom: 0;
}
.blog .well {
    padding: 12px;
}
.blog .logo {
    margin: 0 auto 8px;
}
.blog-post h1, .blog-post h2 {
    margin-top: 0;
}
.inner-wrapper .well {
    padding: 15px;
}
.terms p {
    font-size: 14px;
    margin-bottom: 10px;
}
.well-two .fas.fa-check {
    background: #F43936;
    color: #fff;
    border-radius: 100px;
    padding: 5px;
    font-size: 11px;
    margin-right: 5px;
}
.terms {
    margin-bottom: 0;
}
.auth #navbar {
    display: none !important;
    border: 0;
    padding: 0;
    overflow: visible;
}
.auth #navbar.in {
    display: block !important;
}
.auth .navbar-left-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}
.auth .navbar-left-block li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 3px;
}
.auth .navbar-left-block li a {
    display: block;
    padding: 2px 5px;
    text-align: center;
    width: max-content;
    margin: auto;
}
.auth .navbar-brand {
    border-radius: 0;
    background: transparent;
}
.auth .navbar-header {
    background-color: #fff;
    border-radius: 30px;
}
.auth .navbar-header .navbar-toggle .icon-bar {
    background-color: #f33639;
}
.auth .navbar-inverse .navbar-toggle:hover, 
.auth .navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}
.auth #currencies-list,
.auth .language-dropdown .dropdown-menu  {
    position: absolute;
    background-color: #fff !important;
    max-height: 180px !important;
}
.auth #currencies-list li a,
.auth .language-dropdown li a  {
    color: #161719 !important;
}
.auth #currencies-list li a:hover,
.auth .language-dropdown li a:hover {
    color: #fff !important;
}
.auth .navbar {
    margin-bottom: 12px;
}
.auth {
    padding: 6px 3px;
}
.auth .well {
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.auth-bnr-img {
    max-width: 100px;
    opacity: 0.5;
}
.auth-bnr-content {
    width: 100%;
}
.auth-bnr {
    padding: 15px;
    min-height: auto;
}
.auth-bnr-title {
    font-size: 20px !important;
}
.ser-cat-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.ser-cat-btn .ser-cat-txt {
    display: none;
}
.ser-cat-ul li {
    flex: 0 0 45px;
    max-width: 45px;
    margin: 0 3px;
}
.ser-cat-btn .ser-cat-icon {
    margin: auto;
}
.ser-cat-ul {
    justify-content: center;
}
.ser-cat-wrap {
    padding: 10px;
}
.my-tabs .nav-link {
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
}
.my-tabs .nav-item:last-child .nav-link .form-group .select2-selection {
    height: 36px !important;
}
.well2 {
    border-radius: 19px;
    padding: 12px;
}
.dash-title {
    font-size: 16px;
    margin-bottom: 5px;
}
.auth .form-group {
    margin-bottom: 10px;
}
.auth .form-control {
	border-radius: 12px;
	height: 40px !important;
	font-size: 14px;
	line-height: 40px;
}
.select2-container--default .select2-selection--single {
    padding-top: 3px;
    padding-bottom: 3px;
}
.auth .min-max {
    font-size: 10px;
    margin: 5px 0;
}
.auth .btn.btn-primary {
    width: 100%;
    height: 36px;
}
.stats-box {
    padding: 10px;
    min-height: auto;
    margin-bottom: 5px;
    border-radius: 10px;
}
.stats-box-txt {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.1;
}
.whatsapp-bnr {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.ser-desc-name {
    border-radius: 10px;
}
.ser-desc-box {
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 10px;
}
.order-bnr-title {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.2;
}
.order-bnr {
    border-radius: 10px;
    padding: 10px;
    min-height: auto;
    margin-bottom: 10px;
}
.order-bnr2 {
    border-radius: 10px;
    min-height: auto;
    padding: 10px;
}
.order-bnr2-title {
    margin-bottom: 8px;
}
.ser-bnr-row .order-bnr2-orders {
    font-size: 20px;
    line-height: 1.2;
}
.order-page .order-bnr-btn {
    margin-top: 5px;
}
.auth .ser-search-frm .input-group {
    display: block;
}
.auth .ser-search-frm .input-group .btn.btn-primary {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    min-width: unset;
    margin: 0;
    top: 3px;
    bottom: auto;
    transform: none;
    right: 5px;
}
.order-bnr-row {
    margin-bottom: 10px;
}
.order-view-more, 
  .order-buynow {
    margin: 0 !important;
}
.search-frm .input-group {
    display: block;
    position: relative;
    border-collapse: unset;
    height: 36px;
}
.order-nav li {
    flex: 0 0 49%;
    max-width: 49%;
}
.search-frm .input-group-btn {
    padding-left: 0;
    position: absolute;
    white-space: normal;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 2;
}
  .search-frm .input-group-btn .search-btn {
    position: unset;
    height: 30px !important;
    line-height: 30px !important;
    width: 30px;
    min-width: 30px;
}
  .order-link {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
  .order-link::before {
    display: none;
}
  .order-status {
    margin-left: 0 !important;
    flex: 0 0 100%;
    max-width: 100%;
}
  .order-txt {
    font-size: 14px;
    margin-bottom: 0;
}
  .order-link {
    margin: 8px 0 !important;
}
  .order-nav li a {
    border-radius: 12px;
    padding: 5px;
}
  .child-panel .accordion .card .btn {
    padding: 10px;
}
  .child-panel .accordion .card {
    margin-bottom: 10px;
}
  .child-panel .accordion .card .card-body {
    padding: 12px;
    margin-top: 10px;
}
  .table-responsive {
    border: 0;
}
    .api.content-box {
    border-radius: 10px;
    padding: 10px;
}
  .api table td, 
  .api table th {
    border: 0 !important;
    padding: 5px 14px !important;
    font-size: 14px;
}
  .api .table > thead > tr > th,
  .api .table > tbody > tr > th, 
  .api .table > tfoot > tr > th,
  .api .table > thead > tr > td, 
  .api .table > tbody > tr > td,
  .api .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
}
  .api pre {
    padding: 10px;
}
  .api p {
    margin-bottom: 5px;
}
  .child-panel .first .alert > div {
    font-size: 16px;
}
  .stats-box-number {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
  .child-panel .stats-box .stats-box-right {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    max-width: 40px;
}
  .child-panel .first {
    padding: 15px;
    margin-bottom: 10px;
}
  .auth .container {
    padding: 0 15px;
}
  .ticket-btn-row .col-sm-2 {
    flex: 0 0 49%;
    max-width: 49%;
    padding: 0 5px;
    margin: 0 0 5px;
}
  .ticket-btn-row {
    justify-content: space-between;
    margin-bottom: 10px;
}
  .whatsapp-container {
    padding: 5px;
}
  .massorder-nav-tabs .nav-item:last-child {
    margin-left: 0;
}
  .massorder-nav-tabs .nav-item.active:last-child a {
    background-color: #F43936;
    color: #fff;
}
  .order-bnr-content {
    width: 100%;
}
  .order-bnr-title,
  .order-bnr-txt {
    text-shadow: 1px 1px 1px #000;
}
  .updates .filter-wrapper .nav-tabs .nav-link {
    padding: 10px;
    min-width: 100px;
    font-size: 14px;
}
  .updates .filter-wrapper .nav-tabs {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
  .updates .filter-wrapper .nav-tabs li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 2px;
}
  .updates .filter-wrapper {
    flex-wrap: wrap;
}
  .nav-pills {
    margin-bottom: 10px;
}
  .updates .filter-wrapper .search {
    width: 100%;
}
  .updates .tab-content {
    margin-top: 0;
}
  .updates .table td,
  .updates .table th {
    padding: 12px;
}
  .auth .navbar-inverse .navbar-nav > .open > a,
  .auth .navbar-inverse .navbar-nav > .open > a:hover,
  .auth .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}
  .auth .navbar-right-block {
    margin-left: 0;
}
  .whatsapp-bnr {
    min-height: auto;
}
  .ser-desc-box {
    min-height: auto;
}
.auth .dropdown-currencies .dropdown-toggle {
    position: relative;
}
.auth .dropdown-currencies .dropdown-toggle::after {
    content: "\f107";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #161719;
    line-height: 1;
    font-size: 12px;
}
  .auth .dropdown.dropdown-currencies .right-nav-icon {
    min-width: 110px;
    font-size: 14px;
    justify-content: flex-start;
    padding-left: 10px;
}
  .auth .navbar-right-block li a {
    margin-right: 7px;
}
  .auth-bnr::after {
    display:none;
}
.auth .navbar-right-block {
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
  .guest .search-frm .form-control {
    height: 36px !important;
}
.guest .search-frm .btn.btn-primary {
    height: 30px !important;
    min-width: 80px;
}
  .ser-search-frm .dropdown.currency-dropdown button.btn.btn-primary.dropdown-toggle {
    height: 36px;
}
#currencies-list {
    overflow-y: auto;
}
  .auth .dropdown.currency-dropdown.open {
    position: relative;
}
.auth .dropdown.currency-dropdown #currencies-list {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    min-width: unset;
}
  .signup .flex-wrapper {
    flex-direction: column;
}
  .signup__left .logo {
    margin-bottom: 15px;
}
  .order-history-ul1 li {
    flex: 0 0 100%;
    max-width: 100%;
}
  .order-bnr {
    overflow: hidden;
}
  .order-link .order-txt a {
    display: block;
    white-space: normal;
    word-break: break-word;
}
  .order-status {
    flex: 0 0 110px;
    max-width: 110px;
}
  .pagination li a {
    width: 25px;
    height: 25px;
}
  .auth .my-nav .navbar-brand,
  .auth .my-nav .navbar-header-left {
	flex: 0 0 100%;
	max-width: 100%;
}
  .auth .my-nav .navbar-header {
	flex-wrap: wrap;
}
  .my-nav .navbar-header .navbar-header-left li a {
	height: 30px;
	padding: 2px 5px;
	margin-left: 5px;
	min-width: 80px;
	font-size: 14px !important;
}
  .my-nav .navbar-header .navbar-header-left li a span {
	font-size: 14px !important;
	font-weight: 400;
}
  .my-nav .navbar-header .navbar-header-left {
	flex-wrap: unset;
	justify-content: center;
}
  .my-nav .navbar-header-left {
	/*flex: 0 0 calc(100% - 40px);
	max-width: calc(100% - 40px);*/
}
  .auth .my-nav .navbar-header {
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	margin: auto;
}
  .auth .my-nav .navbar-header .navbar-brand img {
	margin: 5px auto auto;
	display: block;
}
  .my-nav .navbar-toggle {
	width: 40px;
	min-width: 40px;
	height: 40px;
	margin: 0 0 0 3px;
}
.auth .my-nav .navbar-header-left {
	flex: 0 0 calc(100% - 33px);
	max-width: calc(100% - 33px);
}
  .auth .my-nav .navbar-brand {
	height: auto;
	margin-bottom: ;
}
  .my-nav .navbar-header-left-wrap {
	margin: 6px auto;
}
  .my-nav .navbar-header .navbar-header-left li a::after {
	display: none;
}
  .auth .my-nav #navbar .navbar-left-block li {
	flex: 0 0 100%;
	max-width: 100%;
}
  .auth .my-nav #navbar .navbar-left-block li a {
	width: 100%;
}
  .main-banner .sub-title {
	margin-bottom: 2px;
}
  .main-banner h1 {
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 5px;
}
.main-banner p {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 12px;
}
.main-banner .form-control {
	height: 38px !important;
	padding-left: 45px;
}
  .main-banner .input-icon {
	width: 30px;
	height: 30px;
	min-width: 30px;
}
  .main-banner .form-group {
	margin-bottom: 10px;
}
  .main-banner .inline-buttons {
	margin-top: 12px !important;
}
  .my-nav .navbar-header .navbar-header-left li.account a,
  .my-nav .navbar-header .navbar-header-left li:last-child a, 
  .my-nav .navbar-toggle {
	width: 30px;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	margin-left: 3px;
	font-size: 14px !important;
}
  .main-banner .row {
	flex-direction: column;
}
  .my-nav .navbar-header .navbar-header-left li a {
	margin-left: 6px;
	min-width: 65px;
	font-size: 12px !important;
}
  .my-nav .navbar-header .navbar-header-left li.dropdown-currencies a .badge {
	/*max-width: 70px;*/
	font-size: 14px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}
}