* {
	padding: 0;
	margin: 0;
}
body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
li,
ul {
  font-family: 'Poppins', sans-serif;
}
.guest {
	background-color: #040a11;
	padding-bottom: 0;
	position: relative;
}
.guest {
	background-image: url(https://cdn.mypanel.link/1x0evf/yqnbjlb256g32fi2.png);
	background-repeat: no-repeat;
	background-position: top left;
}
/*
.guest::before {
	content: '';
	position: absolute;
	width: 550px;
	height: 550px;
	background-color: rgba(255,220,0,21%);
	filter: blur(100px);
	left: -130px;
	top: -130px;
	z-index: 0;
}*/
#topsec {
	padding: 80px 0;
}
.title-label {
	width: max-content;
	border-radius: 10px;
	padding: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background-color: rgba(255,220,0,17%);
	color: #ffdc00;
	font-size: 18px;
	font-weight: 600;
}
.title-label-icon {
	margin-right: 8px;
}
.main-title {
	font-weight: 750;
	color: #fff;
	font-size: 47px;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 20px;
}
#topsec .txt {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
	line-height: 1.6;
	margin-bottom: ;
}
.feature-list {
	display: flex;
	align-items: center;
	align-content: center;
	list-style: none;
	padding: 0;
	margin: 35px 0 35px 0;
	justify-content: space-between;
}
.feature-txt-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin-bottom: 0;
}
.feature-icon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #ffdc00;
	border: 1px solid #ffdc00;
	border-radius: 5px;
	background-color: rgba(255,220,0,17%);
	margin-right: 10px;
}
.feature-txt {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.feature-txt-color {
	color: #ffdc00;
}
.top-img-wrap {
	position: relative;
}

.top-img-wrap::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgb(211, 28, 59,35%);
	border-radius: 100%;
	filter: blur(120px);
	z-index: -1;
}
.btn.btn-secondary {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #d31c3b;
    background-color: rgba(211, 28, 59,21%);
    border-radius: 8px;
    padding: 12px;
    transition: 0.3s linear ease-in-out;
    min-width: 170px;
    text-align: center;
}
.btn.btn-secondary:hover, 
.btn.btn-secondary:focus,
.btn.btn-secondary:focus-visible {
	background-color: #d31c3b;
	transition: 0.3s linear ease-in-out;
	text-decoration: none;
}
.guest .navbar .navbar-nav li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    position: relative;
    margin-left: 15px;
}
.guest .navbar .navbar-nav li a:hover,
.guest .navbar .navbar-nav li.active a, 
.guest .navbar .navbar-nav li.active a:hover, 
.guest .navbar .navbar-nav li a:focus, 
.guest .navbar .navbar-nav li a:focus-visible {
	background-color: transparent;
	border-bottom: ;
	position: relative;
}
.guest .navbar .navbar-nav li a:hover::after,
.guest .navbar .navbar-nav li.active a::after, 
.guest .navbar .navbar-nav li.active a:hover::after,
.guest .navbar .navbar-nav li a:focus::after,
.guest .navbar .navbar-nav li a:focus-visible::after {
	content: '';
	position: absolute;
	width: 95%;
	height: 4px;
	bottom: -2px;
	background-color: #cc233e;
	left: 0;
	right: 0;
	margin: auto;
}
.form-title {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
	display: flex;
	align-items: center;
	align-content: center;
	margin: 0;
	position: relative;
	z-index: 1;
}
.form-title-icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	border-radius: 10px;
	background-color: rgba(211,28,59,8%);
	color: #d31c3b;
	font-size: 30px;
	margin-right: 13px;
}
.row.form-title-row {
	margin-top: 45px;
	margin-bottom: 45px;
}
.login-frm {
	background-color: rgba(4,10,17,59%);
	padding: 45px 30px;
	border-radius: 15px;
	border: 1px solid #7a1529;
	margin: 0;
    position: relative;
    background-image: url('https://cdn.mypanel.link/1x0evf/l463puuz98sjwpiq.png');
    background-position: center;
    background-repeat: no-repeat;
}
/*
.login-frm::after {
	content: '';
	width: 510px;
	height: 190px;
	background-color: rgba(211,28,59,32%);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
	filter: blur(100px);
	z-index: 0;
}*/
.login-frm .row {
	position: relative;
	z-index: 1;
}
.form-group {
	position: relative;
}
.inpt-icon {
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #d31c3b;
	font-size: 20px;
	background-color: rgba(211,28,59,11%);
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
}
.form-control {
	background-color: rgba(255,255,255,3%);
	border: 1px solid rgba(255,255,255,3%) !important;
	height: 54px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	color: rgba(255,255,255,42%);
	box-shadow: none !important;
	outline: none !important;
}
.form-control::placeholder {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
  	color: rgba(255,255,255,42%);
} 
.inpt-icon + .form-control {
	padding-left: 60px;
}
.btn.btn-primary {
	background-color: #d31c3b;
	border-color: #d31c3b;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.login-frm .btn.btn-primary {
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 8px;
}
.forgot-password1 {
	text-align: right;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #696969;
	text-decoration: none !important;
}
.have-acc,
.checkbox label {
	font-size: 16px;
	color: #696969;
}
.have-acc a {
	color: #ffdc00;
}
.checkbox {
	margin: 0;
	text-align: center;
}
/*
.login-frm::before {
	content: '';
	width: 400px;
	height: 400px;
	background-color: rgba(211,28,59,22%);
	position: absolute;
	border-radius: 100%;
	filter: blur(100px);
	z-index: -1;
	left: -250px;
	top: -250px;
}
*/
#why {
	padding: 80px 0;
	background-image: url('https://i.imgur.com/Xj3SWUx.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.title {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	line-height: 1.4;
}
.title-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	border-radius: 10px;
	background-color: rgba(211,28,59,8%);
	color: #d31c3b;
	font-size: 30px;
	margin-bottom: 13px;
}
.why-wrap {
	padding: 40px 20px 220px 20px;
	border-radius: 10px;
	position: relative;
	background-image: url('https://i.imgur.com/qBqRYhn.png');
	background-repeat: no-repeat;
	background-position: 190px 200px;
	margin: 20px 20px 30px;
	overflow: hidden;
}
.why-title {
	background-color: rgba(211, 28, 59,16%);
	width: max-content;
	padding: 12px 15px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.why-title-icon {
	color: #d31c3b;
	margin-right: 7px;
}
.why-txt {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
}
.why-wrap::before {
	content: '';
	position: absolute;
	width: 300px;
	height: 300px;
	background-color: rgba(211,28,59,53%);
	border-radius: 100%;
	filter: blur(70px);
	z-index: -1;
	left: -50px;
	top: -50px;
}
.why-slider-nav {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.why-slider-nav button {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	border: 0;
	background-color: #d31c3b;
	margin: 0 10px;
	color: #0d0b13;
  	font-size: 30px;
}
.why-wrap.why-wrap2 .why-title {
	background-color: rgba(255, 250, 0,16%);
}
.why-wrap.why-wrap2 .why-title .why-title-icon {
	color: #ffdc00;
}
.why-wrap.why-wrap2 {
	background-image: url('https://i.imgur.com/VjiIQMG.png');
	background-position: 200px 230px;
}
.why-wrap.why-wrap2::before {
	background-color: rgba(255,220,0,35%);
}
.why-wrap.why-wrap3 {
	background-image: url('https://i.imgur.com/L0103qU.png');
	background-position: 110px 220px;
}
.why-wrap.why-wrap3 {
	background-image: url('https://i.imgur.com/Vd8hFvN.png');
	background-position: 180px 200px;
}
#how .title {
	justify-content: center;
	align-content: center;
	align-items: center;
}
#how .title .title-icon {
	color: #ffdc00;
	background-color: rgba(255,250,0,21%);
}
.how-img-wrap img {
	margin: 35px auto;
	display: block;
}
.how-box-title {
	display: flex;
	align-items: center;
	align-content: center;
	width: max-content;
	border-radius: 8px;
	padding: 12px;
	background-color: rgba(211,28,59,22%);
	color: #d31c3b;
	font-size: 16px;
	font-weight: 500;
  	margin-top: 0;
}
.how-box {
	width: 410px;
	background-color: rgba(4,10,17,83%);
	position: absolute;
	padding: 20px;
	border-radius: 12px;
}
.how-box::after {
	content: '';
	width: 50%;
	height: 30px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	background-color: rgba(211,21,28,50%);
	filter: blur(25px);
	z-index: -1;
	bottom: -10px;
}
.how-box-title-num {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: #d31c3b;
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	margin-right: 10px;
}
.how-img-wrap {
	position: relative;
}
.how-img-wrap::after {
	content: '';
	width: 80%;
	height: 110%;
	border-radius: 100%;
	background-color: rgba(215,28,56,22%);
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	filter: blur(100px);
	z-index: -1;
}
.how-box1 {
	top: 47%;
	transform: translateY(-50%);
	left: 3%;
}
.how-box2 {
	right: 0;
	top: 10%;
}
.how-box3 {
	right: 5%;
	bottom: 5%;
}
#how {
	padding: 80px 0;
}
.how-box2 .how-box-title-num {
	background-color: #ffdc00;
	color: #060a11;
}
.how-box2 .how-box-title {
	background-color: rgba(255,250,0,22%);
	color: #ffdc00;
}
.how-box2::after {
	background-color: rgba(255,250,0,27%);
}
.how-box3 .how-box-title {
	background-color: rgba(255,250,0,21%);
	color: rgba(255,250,0,99%);
}
.how-box3 .how-box-title-num {
	background-color: #ffdc00;
	color: #060a11;
}
.how-box-txt {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
}
#earn {
	padding: 80px 0;
}
#earn .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.earn-img-wrap {
	position: relative;
}
.earn-img-wrap img {
	display: block;
	margin: auto;
}
.earn-img-wrap::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: rgba(255,220,0,27%);
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	filter: blur(100px);
}
#earn .btn.btn-secondary {
	margin-top: 30px;
}
#faq {
	padding: 80px 0;
}
#faq .title {
	justify-content: center;
	align-items: center;
	align-content: center;
}
.vertical-tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
    position: relative;
    border-bottom: 0;
}
.vertical-tabs li {
	flex: 0 0 100%;
	max-width: 100%;
}
.vertical-tabs li a {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background-color: #050a11;
	padding: 25px 15px;
	border-radius: 8px;
	margin-bottom: 30px;
}
.vertical-tabs::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: rgba(215,28,56,50%);
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	filter: blur(100px);
	z-index: -1;
}
.vertical-tabs li.active a:hover,
.vertical-tabs li.active a, 
.vertical-tabs li.active a:focus, 
.vertical-tabs li.active a:focus-visible,
.vertical-tabs li a:focus-visible,
.vertical-tabs li a:focus,
.vertical-tabs li a:hover {
	border: 1px solid #d31c3b;
	background-color: rgba(211,28,59,9%);
	color: #fff;
	text-decoration: navajowhite;
}
.answer-box {
	background-color: rgba(4,10,17,66%);
	border: 1px solid #d31c3b;
	padding: 20px 20px 230px;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}
.answer-box::before {
	content: '';
	position: absolute;
	border: ;
	width: 80%;
	height: 100%;
	border-radius: 100px;
	filter: blur(50px);
	background-color: rgba(151,24,66,66%);
	right: -50px;
	bottom: -50px;
	z-index: -1;
}
.answer-box::after {
	content: '';
	background-image: url('https://i.imgur.com/NMyUt6r.png');
	width: 227px;
	height: 235px;
	position: absolute;
	right: 50px;
	bottom: 0;
}
.answer-box-title {
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
}
.answer-txt {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
	line-height: 1.6;
}
.row.vertical-tab-row {
	margin-top: 80px;
}
footer {
	padding: 80px 0 0;
}
.ftr-label {
	width: max-content;
	background-color: rgba(211,28,59,16%);
	padding: 12px 20px;
	border-radius: 10px;
	margin: auto auto 20px;
}
.ftr-label-icon {
	color: #d31c3b;
  	font-size: 16px;
}
.ftr-label-txt {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-left: 10px;
}
.ftr-txt {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
}
.payop-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: max-content;
	margin: 25px auto;
	background-color: rgba(255,220,0,16%);
	border-radius: 10px;
	padding: 15px 25px;
}
.payop-txt {
	margin: 0 15px 0 0;
	font-size: 20px;
	color: #ffdc00;
	font-weight: 600;
}
.btm-ftr {
	margin-top: 25px;
	padding: 25px 0;
	border-top: 1px solid #292f34;
}
.copyright {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
	margin-bottom: 0;
}
.ftr-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ftr-nav li a {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
	line-height: 1.2;
	text-decoration: none !important;
	margin-left: 30px;
}
.ftr-nav li a:hover, 
.ftr-nav li a:focus, 
.ftr-nav li a:focus-visible {
	color: #ffdc00;
}
.guest .navbar .navbar-nav li a[href="/contactus"] {
	border: 1px solid rgba(241,20,46,99%);
	background-color: rgba(241,20,46,21%);
	border-radius: 10px;
	padding: 12px;
	margin-top: 7px;
}
.guest .navbar .navbar-nav li a[href="/contactus"]:hover::after, 
.guest .navbar .navbar-nav li.active a[href="/contactus"]::after, 
.guest .navbar .navbar-nav li.active a[href="/contactus"]:hover::after, 
.guest .navbar .navbar-nav li a[href="/contactus"]:focus::after, 
.guest .navbar .navbar-nav li a[href="/contactus"]:focus-visible::after {
  display:none;
}
.guest .navbar-inverse {
	background-color: transparent;
	border-bottom: 1px solid #383b36;
}
.signup-sec .ftr-label {
	margin-left: 0;
	background-color: rgba(211,28,59,36%);
}
.txt {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255,255,255,40%);
	line-height: 1.5;
}
.heart-img {
	margin: 35px 0 35px auto;
}
.team-img {
	margin: auto;
}
.signup-sec {
    padding: 80px 0;
    position: relative;
}
.signup-frm-wrap {
	background-color: rgba(4,10,17,59%);
	border: 1px solid #741427;
	padding: 30px;
	border-radius: 20px;
}
.signup-frm-title {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
}
.control-label, label {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255,255,255,34%);
	margin-bottom: 12px;
}
.signup-frm-wrap .form-control {
	background-color: #040a11;
	border: 1px solid #d31c3b !important;
}
.signup-frm-wrap .form-group:nth-child(2n) .form-control {
	border: 1px solid #ffdc00 !important;
}
.signup-frm-wrap label {
	text-align: left;
	display: block;
}
.signup-frm-wrap label a {
	color: #ffdc00;
}
.signup-frm-wrap .btn.btn-secondary {
	margin-bottom: 15px;
}
.row.signup-row {
	display: flex;
	align-items: center;
	align-content: center;
}
.signup-sec::after {
	content: '';
	position: absolute;
	width: 50%;
	height: 70%;
	background-color: rgba(255,220,0,21%);
	filter: blur(100px);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}
.service-page {
	/* background-image: url('https://i.imgur.com/baB7Lvp.png'); */
	background-position: top center;
	background-repeat: repeat-y;
}
.service-page {
	padding: 80px 0;
}
.serv-label {
	font-size: 20px;
	font-weight: 600;
	color: #ffdc00;
	text-align: center;
	width: max-content;
	padding: 12px 45px;
	border-radius: 10px;
	margin: auto auto 22px;
	background-color: rgba(255,220,0,16%);
}
.service-head-content .main-title, 
.service-head-content .txt {
	text-align: center;
}
.btn_filter {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: #0a0b12;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 12px;
  	position: relative;
  	overflow: visible;
  	text-decoration: none !important;
}
.btn_filter .cat-name {
    /*font-size: 13px;*/
    font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.btn_filter .icon {
	font-size: 24px;
	line-height: 1;
	margin-right: 12px;
}
.btn_filter::after {
	content: '';
	position: absolute;
	width: 60%;
	height: 15px;
	background-color: #00a2ff;
	filter: blur(15px);
	bottom: -5px;
	z-index: -1;
}
.ser-cat-btn .row .col-sm-3:nth-child(2n) .btn_filter::after {
	/*background-color: #fffc00;*/
}
.btn_filter .fab.fa-facebook {
	color: #0048ff;
}
.btn_filter .fab.fa-instagram {
	color: #ff9d68;
}
.btn_filter .fab.fa-youtube {
	color: #ff0000;
}
.btn_filter .fab.fa-twitter {
	color: #009cff;
}
.btn_filter .fab.fa-spotify {
	color: #00ff78;
}
.btn_filter .fab.fa-tiktok {
	color: #000;
	text-shadow: -1px -1px 0 #25f4ee,1px 1px 0 #fe2c55;
}
.btn_filter .fab.fa-linkedin {
	color: #0a63bc;
}
.btn_filter .fab.fa-soundcloud {
	color: #f55100;
}
.btn_filter .fab.fa-telegram {
	color: #28a4e4;
}
.btn_filter .fas.fa-globe {
	color: rgba(255,255,255,40%);
}
.btn_filter .fab.fa-discord {
	color: #5562ea;
}
.btn_filter .fab.fa-snapchat {
	color: #f7f400;
}
.btn_filter .fab.fa-twitch {
	color: #8c45f7;
}
.btn_filter .fab.fa-reddit-alien {
	color: #f74300;
}
.btn_filter .fab.fa-pinterest-p {
	color: #df0022;
}
.ser-cat-btn {
	margin: 45px auto;
	width: 80%;
}
#serv-inp {
	background-color: rgba(4,10,17,47%);
	border: 1px solid #25272c !important;
	color: #777777;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
  	border-radius: 10px;
}
#serv-inp::placeholder {
	color: #777777;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
}
.row.search-row #serv-inp,
.row.search-row .input-group {
	width: 100%;
}
.row.search-row .cat-dropdown .btn.btn-primary {
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: rgba(242,31,71,21%);
}
.row.search-row .cat-dropdown .btn.btn-primary {
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: rgba(242,31,71,21%);
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.row.search-row {
	margin-bottom: 35px;
}
.row.search-row .cat-dropdown .btn.btn-primary + .dropdown-menu {
	width: 100%;
	background-color: #030911;
	max-height: 250px;
	overflow-y: auto;
	scrollbar-width: thin;
}
.row.search-row .cat-dropdown .btn.btn-primary + .dropdown-menu li a {
	color: #fff;
	display: block;
	padding: 10px;
}
.row.search-row .cat-dropdown .btn.btn-primary + .dropdown-menu li a:hover {
	background-color: #d31c3b;
}
.table {
	border-collapse: separate;
	border-spacing: 0 20px;
}
.table thead tr th {
	background-color: #d31c3b;
	color: #fff;
	padding: 20px !important;
	font-size: 14px;
	font-weight: 300;
	border: 0 !important;
}
.table thead tr th:first-child {
	border-radius: 10px 0 0 10px;
}
.table thead tr th:last-child {
	border-radius: 0 10px 10px 0;
}
.ser-cat-name td strong {
	color: #040a11;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}
tbody tr td {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	padding: 20px !important;
	border-top: 1px solid #332830 !important;
	border-bottom: 1px solid #332830 !important;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle !important;
}
tbody tr td:first-child {
	border-left: 1px solid #332830 !important;
	border-radius: 10px 0 0 10px;
}
tbody tr td:last-child {
	border-right: 1px solid #332830 !important;
	border-radius: 0 10px 10px 0;
}
tbody tr.ser-cat-name td {
	background-color: #ffdc00;
	border-radius: 10px;
	border: 0 !important;
  text-align: center;
}
.service-name {
	min-width: 100px;
	max-width: 100%;
}
.service-description .modal-content {
	background-color: #d31c3b;
}
.service-description .modal-content .modal-header::after,
.service-description .modal-content .modal-header::before {
	display: none;
}
.service-description .modal-content .modal-header .modal-title {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}
.service-description .modal-content .modal-header {
	position: relative;
}
.service-description .modal-content .modal-header .close {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	opacity: 1;
	color: #fff;
}
.ser-desc-box h5 {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin-bottom: 2px;
}
.ser-desc-box p {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}
#contact-sec.signup-sec .heart-img {
	margin-left: auto;
	margin-right: auto;
}
#contact-sec .btn.btn-secondary {
	margin-top: 35px;
	color: #ffdc00;
	border-color: #ffdc00;
	background-color: rgba(255,220,0,21%);
}
.contact-box {
	background-color: rgba(4,10,17,59%);
	/* padding: 25px 35px; */
 	 padding: 15px 25px;
	border-radius: 15px;
	border: 1px solid #731427;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.contact-box-title {
    /* font-size: 24px; */
    font-size: 20px;
	font-weight: 500;
	color: #fff;
    /* margin-bottom: 5px; */
    margin-bottom: 0;
	line-height: 1.4;
}
.contact-box-txt {
	/* font-size: 16px; */
    font-size: 15px;
	font-weight: 400;
	color: rgba(255,255,255,36%);
	margin-bottom: 0;
}
.auth {
    background-color: #040a11;
    background-image: url('https://i.imgur.com/yXrvKiX.png'), url('https://i.imgur.com/BFueTEY.png'), url('https://i.imgur.com/psLHk69.png');
    background-repeat: no-repeat;
    background-position: top left, top right,bottom left;
    height: 100vh;
}
.wrapper {
	padding: 15px;
}
.sidebar-wrap {
    background-color: rgba(4,17,10,47%);
    padding: 20px;
    border-radius: 10px;
    position: fixed;
    height: 97.5%;
    width: 300px;
    z-index: 1;
    scrollbar-width: thin;
    scrollbar-color: #ffdc00 #000;
    overflow-y: auto;
}
.sidebar-logo-wrap {
	text-align: center;
	margin-bottom: 5px;
  	margin-top: -10px;
}
.sidebar-logo-wrap .sidebar-logo {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.profile-box {
	text-align: center;
	margin-bottom: 10px;
}
.profile-box-img {
	display: block;
}
.profile-box-img-wrap {
    position: relative;
    margin: auto auto 15px;
}
.profile-user-blnce {
	font-size: 15px;
	font-weight: 600;
	color: #040a11;
	text-align: center;
	padding: 3px 10px;
	background-color: #ffdc00;
	border-radius: 100px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: max-content;
	bottom: -10px;
}
.user-name {
	font-size: 25px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
}
.user-status {
	display: block;
	margin-bottom: 10px;
	color: #ffdc00;
}
.profile-box-img {
	margin: auto;
}
.sidebar-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	padding: 0;
	list-style: none;
	margin: 0;
}
.sidebar-nav li {
	flex: 0 0 100%;
	max-width: 100%;
}
.sidebar-nav li a {
    display: block;
    /* font-size: 16px;
    font-weight: 400; */
    color: #777777;
    padding: 12px 15px;
    margin-bottom: 5px;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: 600;
}
.sidebar-nav li.active a, 
.sidebar-nav li a:hover, 
.sidebar-nav li.active a:hover, 
.sidebar-nav li a:focus, 
.sidebar-nav li a:focus-visible {
	background-color: #ffdc00;
	color: #040a11;
	font-size: 16px;
	border-radius: 8px;
	box-shadow: 0 10px 20px 0 rgba(255,220,0,58%);
}
.top-navrow {
    background-color: rgba(4,10,17,47%);
    border: 1px solid #561323;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.top-left-navrow, 
.top-right-navrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}
.wrapper .inner-wrap {
	padding-left: 325px;
}
.top-navrow li a {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-right: 12px;
	text-decoration: none !important;
}
.mode-btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: rgba(205,35,53,16%);
	padding: 5px;
	border-radius: 5px;
    min-width: 80px;
    justify-content: space-between;
}
.mode-btn span {
	width: 30px;
	height: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #f1144c;
	font-size: 18px;
	border-radius: 5px;
}
.mode-btn span.active,
.mode-btn span:hover {
	background-color: #f1144c;
	color: #Fff;
}
.top-right-navrow-link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 5px;
	border-radius: 5px;
	background-color: #f1144c;
	width: 30px;
	height: 30px;
	justify-content: center;
}
.auth .ser-cat-btn {
	width: 100%;
  margin-top: 0;
}
.serv-id-badge {
	background-color: #d31c3b;
	padding: 0px 10px;
	border-radius: 5px;
	margin: auto;
	display: block;
	text-align: center;
}
.auth .row.search-row .form-control {
	background-color: rgba(4,10,17,47%);
	border: 1px solid #463d43 !important;
	border-radius: 10px;
}
.auth .row.search-row .input-group {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.auth .row.search-row .input-group .btn.btn-primary {
	height: 54px;
	line-height: 54px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
	border-radius: 10px;
	background-color: rgba(242,32,71,21%);
	min-width: 153px;
}
.auth .row.search-row {
	margin-bottom: 15px;
	margin-top: 25px;
}
.auth .nav.nav-pills {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background-color: rgba(4,10,17,38%);
	padding: 5px 12px;
	border-radius: 10px;
  	margin-bottom: 10px;
}
.auth .nav.nav-pills li a {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.auth .nav.nav-pills li.active a, 
.auth .nav.nav-pills li a:hover, 
.auth .nav.nav-pills li a:focus, 
.auth .nav.nav-pills li a:focus-visible, 
.auth .nav.nav-pills li.active a:hover {
	background: transparent;
	border: 0;
	box-shadow: none;
}
.nav-pills-icon {
	font-size: 3px;
	margin-right: 8px;
	border-radius: 100px;
	border: 3px solid #ffdc00;
	line-height: 1;
	width: 12px;
	height: 12px;
	background-color: #fff;
}
.In.progress {
	height: auto;
	background-color: transparent;
	margin-bottom: 0;
}
.auth .nav.nav-pills li a.All .nav-pills-icon,
.status-badge.All .nav-pills-icon {
	box-shadow: 0 4px 3px 0 #ffdc0078;
}
.auth .nav.nav-pills li a.Pending .nav-pills-icon,
.status-badge.Pending .nav-pills-icon {
	border-color: #ff799d;
	box-shadow: 0 4px 3px 0 #ff799d78;
}
.auth .nav.nav-pills li a.In.progress .nav-pills-icon,
.status-badge.In.progress .nav-pills-icon {
	border-color: #009cff;
	box-shadow: 0 4px 3px 0 #009cff78;
}
.auth .nav.nav-pills li a.Completed .nav-pills-icon,
.status-badge.Completed .nav-pills-icon {
	border-color: #00ff78;
	box-shadow: 0 4px 3px 0 #00ff7878;
}
.auth .nav.nav-pills li a.Partial .nav-pills-icon,
.status-badge.Partial .nav-pills-icon {
	border-color: #ff7e00;
	box-shadow: 0 4px 3px 0 #ff7e0078;
}
.auth .nav.nav-pills li a.Processing .nav-pills-icon,
.status-badge.Processing .nav-pills-icon {
	border-color: #5400ff;
	box-shadow: 0 4px 3px 0 #5400ff78;
}
.auth .nav.nav-pills li a.Canceled .nav-pills-icon,
.status-badge.Canceled .nav-pills-icon {
	border-color: #ff0000;
	box-shadow: 0 4px 3px 0 #ff000078;
}
.status-badge.Pending {
	border-color: #ff799d;
}
.status-badge.In.progress {
	border-color: #009cff;
	height: 52px;
	margin: auto;
}
.status-badge.Completed {
	border-color: #00ff78;
}
.status-badge.Partial {
	border-color: #ff799d;
}
.status-badge.Processing {
	border-color: #5400ff;
}
.status-badge.Canceled {
	border-color: #ff0000;
}
.well {
	background: transparent;
	border: 0;
	padding: 0;
}
.order-btn {
	font-size: 14px;
	font-weight: 400 !important;
}
.btn.btn-primary.order-btn {
	font-size: 12px;
	font-weight: 400 !important;
	white-space: normal;
	display: block;
	border-radius: 10px;
}
.status-badge {
	height: 52px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	border: 1px solid #025890;
	padding: 0 20px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	border-radius: 10px;
}
.status-badge {
	height: 52px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	border: 1px solid #025890;
	padding: 0 15px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	border-radius: 10px;
	min-width: 120px;
}
.box-wrap {
	padding: 20px;
	border-radius: 15px;
	background-color: rgba(4,10,17,26%);
	border: 1px solid #881032;
	border-radius: ;
	margin-bottom: 20px;
}
.auth .nav-tabs {
	border: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.auth .nav-tabs .nav-item {
	flex: 0 0 48%;
	max-width: 48%;
}
.auth .nav-tabs .nav-item a {
	text-align: center;
	background-color: rgba(255,220,0,9%);
	border-radius: 10px;
	color: rgba(255,220,0,99%);
	padding: 12px 15px;
	font-size: 16px;
    font-weight: 400;
    border: 0;
}
.auth .nav-tabs .nav-item.active a, 
.auth .nav-tabs .nav-item.active a:hover, 
.auth .nav-tabs .nav-item a:hover, 
.auth .nav-tabs .nav-item.active a:hover, 
.auth .nav-tabs .nav-item:focus a, 
.auth .nav-tabs .nav-item:focus-visible a {
	background-color: rgba(255,220,0,99%);
	border: 0;
	color: #050a11;
}
.auth label {
	font-size: 11px;
	margin-bottom: 5px;
}
.auth .form-control {
	background-color: rgba(241,42,76,9%);
}
.auth select.form-control {
	-webkit-appearance: none;
}
.auth form .btn.btn-primary {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	height: 54px;
	padding: 0 15px;
}
.box-wrap2 {
	border-color: #8b7b08;
}
.dash-title {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 15px;
}
.fundsteps {
	background-color: rgba(4,10,17,61%);
	padding: 8px;
	border-radius: 10px;
	margin-bottom: 12px;
}
.fundsteps-txt {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-left: 15px;
}
.fundsteps-num {
	width: 40px;
	height: 40px;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #ffdc00;
	background-color: rgba(255,220,0,11%);
	color: #ffdc00;
	font-size: 24px;
	font-weight: 600;
}
.box-wrap .fundsteps:nth-child(2n+1) .fundsteps-num {
	background-color: rgba(241,20,76,11%);
	border: 1px solid rgba(241,20,76,99%);
	color: rgba(241,20,76,99%);
}
.auth .nav-tabs2 .nav-item {
	flex: 0 0 24%;
	max-width: 24%;
}
.auth .nav-tabs2 .nav-item a {
	background-color: rgba(241, 20, 76,9%);
	margin: 0;
	color: #fff;
}
.auth .nav-tabs2 .nav-item.active a, 
.auth .nav-tabs2 .nav-item.active a:hover, 
.auth .nav-tabs2 .nav-item a:hover, 
.auth .nav-tabs2 .nav-item.active a:hover, 
.auth .nav-tabs2 .nav-item:focus a, 
.auth .nav-tabs2 .nav-item:focus-visible a {
    background-color: rgba(241, 20, 76,99%);
    color: #fff;
}
.mt-5 {
	margin-top: 20px;
}
.mb-5 {
	margin-bottom: 20px;
}
.dash-title + .nav-tabs2 {
	margin-top: 45px;
}
.tab-pane .dash-title {
	text-align: center;
}
.tab-pane .txt {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}
.api-box {
	padding-top: 0;
	padding-bottom: 0;
}
.api-box .table {
	margin-bottom: 0;
}
.api-title-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	margin-bottom: 35px;
	margin-top: 35px;
}
.api-title {
	margin: 0;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
}
pre {
	margin-top: 25px;
	background-color: rgba(4,10,17,29%);
	border: 1px solid #630e29;
	padding: 20px;
	border-radius: 15px;
	font-size: 16px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	line-height: 1.6;
}
#service_type {
	height: 48px;
	background-color: #d31c3b;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	min-width: 170px;
	position: relative;
}
.auth .nav-tabs.vertical-tabs .nav-item a {
    background-color: #050a11;
    text-align: left;
    border: 1px solid #595a5c;
    color: #fff;
    padding: 15px;
    font-weight: 500;
}
.auth .nav-tabs.vertical-tabs .nav-item.active a, 
.auth .nav-tabs.vertical-tabs .nav-item.active a:hover, 
.auth .nav-tabs.vertical-tabs .nav-item a:hover, 
.auth .nav-tabs.vertical-tabs .nav-item a:focus, 
.auth .nav-tabs.vertical-tabs .nav-item a:focus-visible {
    background-color: rgb(211, 28, 59,99%);
    border: 1px solid rgb(211, 28, 59,99%);
    color: #fff;
}
.auth .nav-tabs.vertical-tabs {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
}
.auth .nav-tabs.vertical-tabs .nav-item {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}
.auth #faq {
	padding: 25px 0;
}
.auth .row.vertical-tab-row {
	margin-top: 35px;
}
.auth form[action="/massorder"] label {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px;
}
.term-label {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background-color: rgba(211,28,59,16%);
	width: max-content;
	padding: 20px 30px;
	border-radius: 12px;
}
.term-box {
	margin-bottom: 50px;
}
.term-txt {
	font-size: 16px;
	color: rgba(255,255,255,40%);
	margin-bottom: 20px;
	line-height: 1.6;
}
.siginInRow .inpt-icon {
	top: 31px;
	transform: none;
	background: transparent;
}
.auth select option {
	color: #000;
}
.ticket-title {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
}
.ticket-desc-box {
	margin-bottom: 25px;
}
.ticket-desc-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin-top: 0;
}
.ticket-desc-num {
	font-size: 20px;
	font-weight: 700;
	color: #ffdc00;
	margin-right: 10px;
}
.ticket-desc-title-txt {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}
.ticket-desc-txt {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 0;
}
.message {
	color: #fff;
}
.ticket-message-block .box-wrap {
	margin-bottom: 5px;
}
.ticket-message-block .info {
	font-size: 14px;
	color: rgba(255,255,255,40%);
}
.ticket-message-block .info strong {
	color: #ffdc00;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: ;
}
.alert-warning {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	border: 1px solid #d31c3b;
	background-color: rgba(211, 28, 59,21%);
	border-radius: 8px;
	padding: 12px;
}
.help-block.min-max {
	font-size: 8px;
	font-weight: 400;
	color: #fff;
	text-align: left;
}
.result-box .media {
	display: flex;
	align-items: center;
	align-content: center;
    /*margin-bottom: 55px;*/
    margin-bottom: 15px;
}
.result-box .media-left .media-icon {
	background-color: rgba(255,220,0,10%);
	color: rgba(255,220,0,99%);
	border: 1px solid rgba(255,220,0,99%);
	width: 48px;
	height: 48px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	font-size: 23px;
	border-radius: 8px;
}
.result-box .media-body .media-heading {
	font-size: 16px;
	font-weight: 500;
	color: #ffdc00;
	line-height: 1.2;
}
.result-box .media-body .media-heading + h5 {
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 1.2;
}
.result-box .media.red-media .media-left .media-icon {
	background-color: rgba(241,20,76,13%);
	border-color: rgba(241,20,76,99%);
	color: rgba(241,20,76,99%);
}
.fav-wrap {
	display: flex;
	flex-wrap: wrap;
	min-width: 50px;
	justify-content: space-between;
	margin-bottom: 5px;
}
.wrapper.toggle .sidebar-wrap {
    left: -325px;
}
.wrapper.toggle .inner-wrap {
    padding-left: 0;
}
.wrapper.toggle .inner-wrap,
.wrapper.toggle .sidebar-wrap,
.wrapper .inner-wrap,
.wrapper .sidebar-wrap {
    transition: 0.3s ease-in-out;
}
.nightmode .night-btn {
	background-color: #f1144c;
	color: #fff;
}
.daymode .daymode-btn {
	background-color: #f1144c;
	color: #fff;
}
.brand-company .row .col-sm-3 {
	flex: 0 0 20%;
	max-width: 20%;
}
.btn_filter[data-id="instagram"]::after {
	background: rgba(4,19,130,1);
	background: -moz-linear-gradient(left, rgba(4,19,130,1) 0%, rgba(255,121,130,1) 35%, rgba(252,165,94,1) 65%, rgba(253,194,216,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,19,130,1)), color-stop(35%, rgba(255,121,130,1)), color-stop(65%, rgba(252,165,94,1)), color-stop(100%, rgba(253,194,216,1)));
	background: -webkit-linear-gradient(left, rgba(4,19,130,1) 0%, rgba(255,121,130,1) 35%, rgba(252,165,94,1) 65%, rgba(253,194,216,1) 100%);
	background: -o-linear-gradient(left, rgba(4,19,130,1) 0%, rgba(255,121,130,1) 35%, rgba(252,165,94,1) 65%, rgba(253,194,216,1) 100%);
	background: -ms-linear-gradient(left, rgba(4,19,130,1) 0%, rgba(255,121,130,1) 35%, rgba(252,165,94,1) 65%, rgba(253,194,216,1) 100%);
	background: linear-gradient(to right, rgba(4,19,130,1) 0%, rgba(255,121,130,1) 35%, rgba(252,165,94,1) 65%, rgba(253,194,216,1) 100%);
}
.btn_filter .fab.fa-instagram {
	color: #ff9d68;
	background: linear-gradient(to right, rgba(4,19,130,1) 0%, rgba(255,121,130,1) 35%, rgba(252,165,94,1) 65%, rgba(253,194,216,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.btn_filter[data-id="twitter"]::after {
	background-color: #00a2ff;
}
.btn_filter[data-id="tiktok"]::after {
	background-color: #f1144c;
}
.btn_filter[data-id="youtube"]::after {
	background-color: #ff0000;
}
.btn_filter[data-id="facebook"]::after {
	background-color: #00a2ff;
}
.btn_filter[data-id="discord"]::after {
	background-color: #5400ff;
}
.btn_filter[data-id="telegram"]::after {
	background-color: #28a4e4;
}
.btn_filter[data-id="snapchat"]::after {
	background-color: #f7f400;
}
.btn_filter[data-id="twitch"]::after {
	background-color: #8c45f7;
}
.btn_filter[data-id="spotify"]::after {
	background-color: #00ff78;
}
.btn_filter[data-id="soundcloud"]::after {
	background-color: #f55100;
}
.btn_filter[data-id="reddit"]::after {
	background-color: #f74300;
}
.btn_filter[data-id="pinterest"]::after {
	background-color: #df0022;
}
.btn_filter[data-id="traffic"]::after {
	background-color: rgba(255,255,255,40%);
}
.btn_filter[data-id="everything"]::after {
	background-color: #eb6864;
}
.service-accordian .panel-heading {
	padding: 0;
	background-color: transparent;
	border: 0;
}
.service-accordian .panel-heading a {
	display: block;
    /*background-color: #ffdc00;*/
    background-color: #d31c3b;
	border-radius: 10px;
	border: 0 !important;
	padding: 20px 40px 20px 20px;
	/*color: #040a11;*/
  	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	text-decoration: none !important;
  	position: relative;
}
.service-accordian .panel-heading a::after {
	content: '\f107';
	position: absolute;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.service-accordian .panel-body {
	border: 0 !important;
	padding: 0;
}
.service-accordian .panel.panel-default {
	background-color: transparent;
	border: 0;
}
#service-table {
	margin-bottom: 0;
}
.top-right-navrow .dropdown-menu {
	background-color: #0a0b12;
	padding: 0;
	border: 1px solid #000;
}
.top-right-navrow .dropdown-menu a {
	display: block;
	margin-right: 0;
	border-radius: 0;
}
.top-right-navrow .dropdown-menu a:hover,
.top-right-navrow .dropdown-menu li.active a {
	background-color: #f1144c;
}
#status-modal .modal-dialog {
	min-width: 80%;
	max-width: 80%;
	width: 80%;
	border-radius: 12px;
}
#status-modal .modal-content,
.point-modal .modal-content {
	background-color: #0a0b12;
	padding: 15px;
	border-radius: 12px;
	border: 1px solid #fcd900;
}
#status-modal .status-tab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	flex-direction: column;
}
#status-modal .status-tab li {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	float: none !important;
	width: 100%;
}
#status-modal .status-tab li a {
	margin-bottom: 13px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
}
.auth .status-tab.nav-tabs .nav-item.active a .status-tab-img, 
.auth .status-tab.nav-tabs .nav-item.active a:hover .status-tab-img, 
.auth .status-tab.nav-tabs .nav-item a:hover .status-tab-img, 
.auth .status-tab.nav-tabs .nav-item.active a:hover .status-tab-img, 
.auth .status-tab.nav-tabs .nav-item:focus a .status-tab-img, 
.auth .status-tab.nav-tabs .nav-item:focus-visible a .status-tab-img{
	filter: brightness(0) !important;
}
#status-modal .status-tab li a .status-tab-img {
	filter: brightness(100);
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
#status-modal .acc-benefit-title.card-title {
	color: #fff;
}
#status-modal .user-spending-title {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}
#status-modal .user-spending-info-box {
	padding: 20px;
	border-radius: 15px;
	background-color: rgba(4,10,17,26%);
	border: 1px solid #881032;
}
#status-modal .user-spending-txt {
	font-size: 14px;
	color: rgba(255,255,255,40%);
}
#status-modal .acc-status-li {
	font-size: 14px;
	color: rgba(255,255,255,70%);
}
#status-modal .current-status .media-left {
	display: none;
}
#status-modal .current-status .media-heading {
	color: #fff;
	margin-bottom: 15px;
}
#status-modal .acc-benefit-title {
	color: #fff;
	font-size: 24px;
}
#status-modal button.close {
	color: #fff;
	opacity: 1;
	font-weight: 400;
	z-index: 99;
	position: relative;
}
.guest .navbar-left-block .dropdown-menu li a {
	color: #cc223e;
}
.why-wrap.why-wrap1 {
	background-image: url('https://i.imgur.com/570TBkV.pngpng');
	background-position: 100px 220px;
}
.why-wrap.why-wrap1.why-wrap-cheap {
	background-image: url('https://i.imgur.com/JmvEqsi.png');
	background-position: 170px 180px;
}
.why-wrap.why-wrap1.why-wrap-support {
	background-image: url('https://i.imgur.com/quoQSbM.png');
	background-position: 140px 200px;
}
.why-wrap.why-wrap2.why-wrap-hq {
	background-image: url('https://i.imgur.com/GDiIUbJ.png');
	background-position: 180px 230px;
}
.why-wrap.why-wrap2.why-wrap-easy {
	background-image: url('https://i.imgur.com/oo5rRvb.png');
	background-position: 200px 200px;
}
.why-wrap.why-wrap3.why-wrap-reliable {
	background-image: url('https://i.imgur.com/hAannuK.png');
	background-position: 140px 220px;
}
.why-wrap.why-wrap1.why-wrap-support::before,
.why-wrap.why-wrap3::before {
	background-color: rgba(255,220,0,35%);
}
.why-wrap.why-wrap1.why-wrap-support .why-title,
.why-wrap.why-wrap3 .why-title {
	background-color: rgba(255, 250, 0,16%);
}
.why-wrap.why-wrap1.why-wrap-support .why-title .why-title-icon,
.why-wrap.why-wrap3 .why-title .why-title-icon {
	color: #ffdc00;
}
.why-wrap.why-wrap2.why-wrap-easy::before {
	background-color: rgba(211,28,59,53%);
}
.why-wrap.why-wrap2.why-wrap-easy .why-title {
	background-color: rgba(255, 250, 0,16%);
}
.why-wrap.why-wrap2.why-wrap-easy .why-title-icon {
	color: #d31c3b;
}
.why-wrap.why-wrap3.why-wrap-reliable::before {
	background-color: rgba(211,28,59,53%);
}
.why-wrap.why-wrap3.why-wrap-reliable .why-title {
	background-color: rgba(211, 28, 59,16%);
}
.why-wrap.why-wrap3.why-wrap-reliable .why-title-icon {
	color: #d31c3b;
}
.nightmode .result-box .media {
	background-color: rgba(211, 28, 59,21%);
	padding: 15px;
	border-radius: 10px;
}
.result-box .red-media .media-heading,
.result-box .red-media .media-heading + h5 {
	color: rgba(241,20,76,99%);
}
.result-box .yellow-media .media-heading + h5 {
	color: rgba(255,220,0,99%);
}
.nightmode .result-box .yellow-media {
	background-color: rgba(255,220,0,15%);
}
.contact-box-title small {
	font-size: 12px;
}
.contact-box-title small span {
	color: #ffdc00;
	cursor: pointer;
}





/* daymode */
.daymode .sidebar-wrap {
	background-color: #f1f1f1;
}
.daymode .user-name {
	color: #0a0b12;
}
.daymode .user-status {
	color: #f1144c;
}
.daymode .btn.btn-secondary {
	background-color: rgba(211, 28, 59,98%);
}
.daymode .top-navrow {
	background-color: rgba(255,255,255,47%);
	border-color: #ce2c46;
}
.daymode .top-navrow .top-left-navrow li a {
	color: #0a0b12;
}
.daymode .top-navrow .top-right-navrow li .top-right-navrow-link {
	background-color: #ecbbba;
	color: #f1144c;
}
.daymode .top-navrow .top-right-navrow li a {
	color: #f1144c;
}
.auth.daymode {
	background-color: #efefef;
}
.daymode .btn_filter {
	background-color: #f1f1f1;
}
.daymode .btn_filter .cat-name {
	color: #0a0b12;
}
.daymode .box-wrap {
	background-color: #f1f1f1;
	border-color: #f1144c;
}
.auth.daymode .nav-tabs .nav-item a {
	background-color: rgba(211,28,59,9%);
	color: rgba(211,28,59,999%);
}
.auth.daymode .nav-tabs .nav-item.active a, 
.auth.daymode .nav-tabs .nav-item.active a:hover, 
.auth.daymode .nav-tabs .nav-item a:hover, 
.auth.daymode .nav-tabs .nav-item.active a:hover, 
.auth.daymode .nav-tabs .nav-item:focus a, 
.auth.daymode .nav-tabs .nav-item:focus-visible a {
	background-color: rgba(255,220,0,99%);
	color: #050a11;
}
.auth.daymode label {
	color: #000;
}
.auth.daymode .form-control {
	background-color: #fff;
	border: 1px solid #7d848a !important;
	color: #000;
}
.daymode .help-block.min-max {
	color: #7d848a;
}
.daymode .result-box .media {
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
}
.daymode .result-box .media {
	margin-bottom: 15px;
}
.daymode .result-box .media-body .media-heading {
	color: #000;
}
.daymode .result-box .media-left .media-icon {
	border: 1px solid #8d9398;
}
.daymode .result-box .media-body .media-heading + h5 {
	color: #0a0b12;
}
.daymode .red-media .media-heading {
	color: #f1144c;
}
.daymode .result-box .red-media .media-body .media-heading + h5 {
	color: #f1144c;
}
.daymode .result-box .red-media .media-body .media-heading + h5[data-id="serviceDesc"] {
	color: rgba(10,11,18,42%) !important;
}
.daymode #serv-inp {
	background-color: #fff;
}
.daymode .row.search-row .cat-dropdown .btn.btn-primary {
	background-color: rgba(242,31,71,99%);
}
.daymode .service-accordian .panel-heading a {
    /* background-color: #f1f1f1; */
    background-color: #ffdc00;
    color: #000;
}
.daymode .service-accordian .panel-heading a {
	background-color: #f22149;
	color: #fff;
}
.daymode tbody tr td,
.daymode .service-description .modal-content .modal-header .modal-title {
	color: #000;
}
.daymode .serv-id-badge {
	color: #fff;
}
.daymode .service-description .modal-content {
	background-color: #f1f1f1;
}
.daymode .ser-desc-box p,
.daymode .service-description .modal-content .modal-header .close {
  color: #d21f3d;
}
.auth.daymode .row.search-row .form-control {
	background-color: #fff;
}
.auth.daymode .row.search-row .input-group .btn.btn-primary {
	background-color: rgba(242,32,71,99%);
}
.auth.daymode .nav.nav-pills {
	background-color: #f1f1f1;
}
.auth.daymode .nav.nav-pills li a {
	color: #000;
	box-shadow: none;
}
.daymode .status-badge-txt {
	color: #000;
}
.daymode .dash-title {
	color: #000;
}
.daymode .fundsteps {
	background-color: rgba(205,35,53,16%);
}
.daymode .fundsteps-txt {
	color: #777777;
}
.daymode .fundsteps-num {
	color: rgba(0,0,0,50%);
	border-color: rgba(0,0,0,50%);
}
.daymode .txt {
	color: #000;
}
.daymode .top-navrow .top-right-navrow .dropdown-menu li a {
	color: #fff;
}
.daymode .ticket-title,
.daymode .ticket-desc-title-txt,
.daymode .ticket-desc-txt {
	color: #000;
}
.daymode .message {
	color: #000;
}
.daymode .ticket-message-block .info strong {
	color: #d31c3b;
}
.daymode .term-label {
	color: #000;
}
.daymode .answer-box {
	background-color: #f1f1f1;
}
.daymode .answer-box-title {
	color: #000;
}
.daymode .answer-txt,
.daymode .title-txt,
.daymode .api-title {
	color: #000;
}
.daymode pre {
	background-color: #f1f1f1;
	border-color: #f1144c;
	color: #f1144c;
}
.daymode .ftr-label-txt,
.daymode .main-title,
.daymode #contact-sec .btn.btn-secondary,
.daymode .contact-box-title,
.daymode .contact-box-txt {
	color: #000;
}
.daymode .contact-box {
	background-color: #f1f1f1;
}
.daymode .btn_filter .fas.fa-globe {
	color: rgba(0,0,0,50%);
}
.auth.daymode .form-control::placeholder {
	color: rgba(0,0,0,50%) !important;
}
.daymode .sidebar-logo {
	color: #d3203e;
}
.daymode .alert {
	background-color: #eedde0;
	border-color: #000;
	color: #000;
}

.alert {
	background-color: #040911;
	border-color: #fcd900;
	color: #fff;
}
.profile-box-inner-wrap {
	border: 1px solid #d31c3b;
	background-color: rgba(211, 28, 59,21%);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
	display: block;
	text-decoration: none !important;
}
.contact-box-left {
	flex: 0 0 70%;
	max-width: 70%;
}
.contact-box-right {
	flex: 0 0 30%;
	max-width: 30%;
}
.contact-box-right img {
	display: block;
	margin-left: auto;
}
.contact-box-title, .contact-box-txt {
	white-space: normal;
	word-break: break-word;
}
.contact-box {
    /* min-height: 145px; */
    min-height: 125px;
}
.auth .nav-tabs.nav-tabs1 .nav-item {
	flex: 0 0 32.33%;
	max-width: 32.33%;
}
#id-search #input_service {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
}
.nightmode #instruction_instruction .panel-body {
	background-color: rgba(4,10,17,47%);
	border: 1px solid #561323;
}
.daymode #instruction_instruction .panel-body {
	background-color: #f1f1f1;
	color: #000;
}


/* ratio issue */
.user-name {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}
.btn.btn-secondary {
	font-size: 14px;
	font-weight: 400;
	padding: 12px;
  	margin-bottom: 10px;
}
.sidebar-nav li a {
	font-size: 14px;
	font-weight: 400;
}
.sidebar-nav li.active a, 
.sidebar-nav li a:hover, 
.sidebar-nav li.active a:hover, 
.sidebar-nav li a:focus, 
.sidebar-nav li a:focus-visible {
	font-size: 14px;
}
.btn_filter {
	padding: 10px;
	margin-bottom: 10px;
}
.box-wrap {
	padding: 10px;
}
.auth .nav-tabs .nav-item a {
	padding: 12px 15px;
	font-size: 14px;
	font-weight: 400;
}
.auth .nav-tabs {
	margin-bottom: 10px;
}
.auth .form-control {
	height: 40px;
	font-size: 14px;
	font-weight: 300;
}
.auth .form-group {
	margin-bottom: 10px;
}
.nightmode .result-box .media {
	padding: 10px;
}
.result-box .media-body .media-heading {
	font-size: 14px;
	font-weight: 500;
}
.result-box .media-body .media-heading + h5 {
	font-size: 12px;
	font-weight: 300;
}
.auth form .btn.btn-primary {
	font-size: 14px;
	height: 40px;
	padding: 0 15px;
	font-weight: 400;
	letter-spacing: 2px;
}
.auth .btn_filter .cat-name {
	font-size: 14px;
}
.auth textarea.form-control {
	height: 200px;
}
.auth .btn_filter .cat-name {
	font-size: 14px;
}
.auth .table thead tr th {
	padding: 10px !important;
}
.auth tbody tr td {
	padding: 10px !important;
}
.auth .status-badge {
	height: 42px;
}
.auth .row.search-row .input-group .btn.btn-primary {
	height: 40px;
	line-height: 40px;
}
.fundsteps-txt {
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
}
.dash-title {
	font-size: 20px;
	font-weight: 500;
}
.fundsteps-num {
	width: 30px;
	height: 30px;
	font-size: 18px;
}
.auth .siginInRow .inpt-icon {
	top: 24px;
}
.auth .api-title {
	font-size: 20px;
	font-weight: 600;
}
pre {
	font-size: 12px;
}
.api-title-wrap {
	margin-bottom: 20px;
	margin-top: 20px;
}
.auth .main-title {
	font-size: 42px;
}
.auth .contact-box-right img {
	max-width: 65px;
}
.contact-box {
	min-height: 95px;
}

/* ratio issue end */

.service-description .modal-title,
.service-description .modal-body {
	white-space: normal;
	word-break: break-word;
}
.cat-dropdown {
	margin-bottom: 15px;
}
.cat-dropdown .dropdown-menu li a {
	display: block;
	white-space: normal;
	word-break: break-word;
}
.auth #orderform-category, 
.auth #orderform-service {
	-webkit-appearance: searchfield;
}
.auth .service-accordian .panel.panel-default {
	margin-bottom: 25px !important;
}
.fav-wrap i:hover {
	cursor: pointer;
}
.service-description .modal-content {
	background-color: #000;
	border: 1px solid #d31c3b;
	box-shadow: 0 5px 15px rgba(211, 28, 59,75%);
}
.ser-desc-box h5 {
	color: #d31c3b;
}
.point-modal .modal-title {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
	margin: 0;
}
.point-modal .modal-header {
	position: relative;
}
.point-modal .modal-header .close {
	position: absolute;
	right: 4px;
	top: 50%;
	color: #fff;
	opacity: 1;
	transform: translateY(-50%);
}
.point-title {
	color: #fff;
	font-weight: 400;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	width: max-content;
}
.point-detail li p {
	color: #fff;
	font-weight: 400;
	color: ;
	line-height: 1.4;
}
.point-detail {
	list-style: num;
}
.point-detail li {
	color: #fff;
}
.sidebar-wrap::-webkit-scrollbar,
body::-webkit-scrollbar {
    height: 3px;
    width: 3px;
    background: #000;
}

.sidebar-wrap::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #ffdc00;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.sidebar-wrap::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
    background: #000;
}
.auth .nav-tabs.nav-tabs1 .nav-item {
	flex: 0 0 49.5%;
	max-width: 49.5%;
}
.nightmode #changeEmailModal label {
	color: #fff;
}
.nightmode #changeEmailModal .form-control {
	box-shadow: 0 0 0 1px #d31c3b !important;
	color: #fff;
}
.order-link {
	min-width: 300px;
	max-width: 300px;
	width: 300px;
}
.auth #service-table .table {
	border-spacing: 0 30px;
}
#changeEmailLink {
	font-size: 14px;
	height: 40px;
	padding: 0 15px;
	font-weight: 400;
	letter-spacing: 2px;
	width: 100%;
}
.service-description__th {
	min-width: 170px;
}
.top-img-wrap img {
	max-width: 450px;
	margin: auto;
}
.row.form-title-row {
	margin-top: 15px;
	margin-bottom: 15px;
}
.guest .form-control[name="ResetPasswordForm[email]"] {
	background-color: rgba(255,255,255,3%) !important;
}
input:-internal-autofill-selected {
	background-color: rgba(255,255,255,3%);
}
.notify-btn-wrap {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.sub-ed {
	display: none;
}
.notify-btn-wrap .btn.btn-primary {
	color: #fff;
}
.notify-status {
	display: none;
}
.notify-icon {
	text-align: center;
}
.notify-icon img {
	display: block;
	margin: auto auto 15px;
}
.card.notify-box-wrap {
	position: relative;
	overflow: hidden;
	padding: 10px;
	border-radius: 15px;
	background-color: rgba(211, 28, 59,21%);
	border: 1px solid #881032;
	margin-bottom: 20px;
}
.notify-box-wrap.active {
	border-color: rgba(211, 28, 59,99%);
	background-color: rgba(211, 28, 59,40%);
}
.notify-box-wrap.active .notify-status {
	display: block;
	position: absolute;
	right: -29px;
	top: -9px;
	background-color:rgba(211, 28, 59,71%);
	padding: 19px 20px 1px;
	transform: rotateZ(45deg);
	font-weight: 300;
	color: #fff;
}
.notify-btn-wrap.half {
	flex-direction: column;
}
.notify-btn-wrap .btn.btn-primary {
	color: #fff;
}
.notify-btn-wrap.half .btn.btn-primary {
	width: 85%;
	margin-bottom: 3px;
}
.notify-icon img {
	display: block;
	margin: auto auto 15px;
	height: 50px;
}
.notify-btn-wrap .btn.btn-primary:hover,
.notify-btn-wrap .btn.btn-primary:focus, 
.notify-btn-wrap .btn.btn-primary:focus-visible {
	color: #fff;
}
.notify-title-row {
	margin-bottom: 25px;
}
.row.justify-content-md-center {
	display: flex;
	justify-content: center;
}
.card.notify-box-wrap .card-title,
.notify-box-wrap .text-small {
	color: #fff;
}
.daymode .notify-box-wrap.active {
	border-color: #000;
	background-color: #000;
}
.notify-title-row .new-title {
	color: #fff;
}
.notify-title,
.notify-box-txt {
	color: #fff;
}
.notify-subtitle {
	color: #fff;
	font-weight: 500;
}
.notify-box-txt span {
	color:#ffdc00 !important;
}
.daymode .notify-title-row .new-title {
	color: #000;
}
.daymode .card.notify-box-wrap:not(.active) .card-title,
.daymode .notify-box-wrap:not(.active) .text-small {
	color: #000;
}
.daymode .notify-title, 
.daymode .notify-box-txt, 
.daymode .notify-subtitle {
	color: #000;
}
.daymode .notify-box-txt span {
	color: #d3203e !important;
}
#service-table tbody tr td a {
	pointer-events: none !important;
	color: #fff;
}
#service-table tbody tr td a.btn.btn-primary {
	pointer-events: unset !important;
}






/*F Z*/
body.guest .well.api table tr td {
    color: #000;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  body.guest .contact-box-txt {
    font-size: 14px;
}
body.guest .ftr-nav li a {
    font-size: 16px;
}
body.guest .why-wrap.why-wrap3 {
    background-image: none;
}
body.guest tbody tr td {
    color: #000;
}
body.guest .why-wrap {
    background-image: none;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

body.guest .why-slider ul.slick-dots {
    display: none!important;
}
body.guest .top-img-wrap img {
    width: 100%;
    height: auto;
}
body.guest .navbar .navbar-nav li a {
    font-size: 12px;
}
body.guest .main-title {
    font-size: 30px;
}
  body.guest ul.feature-list {
    display: block;
}

body.guest ul.feature-list li {
    margin-bottom: 10px;
}

body.guest #topsec .txt {
    font-size: 14px;
}


}

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

body.guest li {
    display: block;
    margin-bottom: 20px;
}

body.guest ul.feature-list {
    display: block;
}

body.guest h1.main-title {
    font-size: 40px;
}

body.guest  #topsec {
    padding-top: 10px;
padding-bottom: 0px;
}

body.guest #topsec .top-img-wrap {
    margin-top: 40px;
}

body.guest #topsec .top-img-wrap img {
    width: 100%;
    height: auto;
}
body.guest .have-acc, body.guest .checkbox label {
    text-align: center;
    margin: 10px 0px 0px;
}

body.guest  a.forgot-password1 {
    text-align: center;
    margin-top: 10px;
}
body.guest .have-acc, body.guest .checkbox label {
    text-align: center;
    margin: 10px 0px 0px;
}

body.guest  a.forgot-password1 {
    text-align: center;
    margin-top: 10px;
}

body.guest #why {
    padding-top: 40px;
}

body.guest .why-wrap {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 15px;
    padding-bottom: 5px;
}

body.guest .why-wrap p.why-txt {
    font-size: 14px;
}

body.guest  .why-slider-nav {
    margin-top: 30px;
}
body.guest .payop-wrap img {
    max-width: 100%;
    height: auto;
    margin: 5px auto;
}

body.guest .payop-wrap {
    display: block;
    flex-wrap: unset;
    text-align: center;
}

body.guest .payop-wrap p.payop-txt {
    margin: 0px;
    font-size: 12px;
}

body.guest  .btm-ftr {
    text-align: center;
}

body.guest ul.ftr-nav {
    display: block;
    margin-top: 10px;
}

body.guest li:last-child {
    margin-bottom: 0px;
}

body.guest  p.txt.ftr-txt {
    font-size: 14px;
}

body.guest #faq {padding-bottom: 0px;padding-top: 0px;}

body.guest .how-box {
    position: unset;
}

body.guest .how-box.how-box1 {
    width: 100%;
    top: unset;
    transform: unset;
}

body.guest h2.title {
    display: block;
}

body.guest .how-box.how-box2 {
    right: unset;
    top: unset;
    width: 100%;
}

body.guest .how-box.how-box3 {
    width: 100%;
}

body.guest .how-img-wrap img {
    max-width: 100%;
    height: auto;
}

body.guest, html {
    overflow-x: hidden;
}
body.guest .service-page {
    padding-top: 5px;
}
body.guest .signup-sec {
    padding-top: 5px;
}

body.guest .signup-sec .row.signup-row {
    display: block;
}

body.guest .signup-frm-wrap {
    margin-top: 20px;
}

body.guest .signup-frm-wrap button.btn.btn-secondary.icon-btn {
    width: 100%;
}

body.guest  .signup-sec {
    padding-bottom: 0px;
}
body.guest .well.api.well-float {
    float: none;
    overflow: scroll;
}

body.guest .well.api.well-float tbody tr td {
    color: #000;
}
  
  

}



/*auth responsive*/
@media (max-width:1199px) {
  .wrapper .inner-wrap {
      padding-left: 0;
  }
  .wrapper .inner-wrap .top-navrow {
      justify-content: flex-end;
  }
  .wrapper.toggle .inner-wrap .top-navrow {
      justify-content: space-between;
  }
  .nightmode .sidebar-wrap {
    background-color: rgba(4,17,10,99%);
    z-index: 9;
  }
  .ser-cat-btn {
    width: 100%;
  }
  .ser-cat-btn .btn_filter .cat-name {
    font-size: 14px;
  }
  .guest #service-table tr td {
    color: #fff;
  }
}
@media (max-width:991px) {
  #why .slick-dots {
    display: none !important;
  }
  .guest .ser-cat-btn .btn_filter .icon {
    margin-right: 8px;
    font-size: 16px;
  }
  .guest .ser-cat-btn .btn_filter .cat-name {
    font-size: 12px;
  }
  .auth .brand-company .btn_filter .icon {
    font-size: 14px;
    margin-right: 5px;
  }
  .auth .brand-company .btn_filter .cat-name {
    font-size: 12px;
  }
  .auth .brand-company .btn_filter {
    padding: 10px 5px;
  }
}
@media (max-width:767px) {
  .brand-company .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .brand-company .row .col-sm-3 {
    flex: 33.33%;
    max-width: 33.33%;
  }
  .table-responsive {
    border: 0;
  }
  .signup-row .btn.btn-secondary {
    margin-bottom: 25px;
  }
  .wrapper .top-right-navrow {
    display: none;
  }
  .wrapper.toggle .top-right-navrow {
    display: flex;
  }
  #contact-sec .row.signup-row {
    display: block;
  }
}
@media (max-width:550px) {
  .wrapper {
    padding: 0;
  }
  .top-navrow {
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 15px;
	justify-content: flex-end;
  }
  .brand-company .row .col-sm-3 {
    flex: 33.33%;
    max-width: 33.33%;
  }
  .brand-company .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .brand-company .row .col-sm-3 {
    flex: 25%;
    max-width: 25%;
  }
  .brand-company .btn_filter .cat-name {
    display: none;
  }
  .btn_filter .icon {
    margin: 0;
  }
  .box-wrap {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .auth .nav-tabs .nav-item a {
	border-radius: 10px;
	padding: 10px;
	font-size: 15px;
}
  .form-control {
	height: 42px;
}
  .auth form .btn.btn-primary {
	font-size: 15px;
	height: 42px;
}
  .result-box .media-left .media-icon {
	width: 40px;
	height: 40px;
	font-size: 18px;
	border-radius: 6px;
}
  .result-box .media-body .media-heading {
	font-size: 14px;
}
  .result-box .media {
	margin-bottom: 15px;
}
  .wrapper .top-right-navrow, 
  .wrapper .top-left-navrow li {
	display: none;
}
  .wrapper .top-left-navrow li:first-child,
  .wrapper.toggle .top-left-navrow li {
	display: block;
}
  .wrapper.toggle .top-right-navrow {
  	display: flex;
  }
  .wrapper.toggle .top-navrow {
    justify-content: space-between;
  }
  .sidebar-wrap {
    background-color: rgba(4,17,10,99%);
    z-index: 9;
  }
  .user-name {
	font-size: 16px;
	margin-bottom: 10px;
}
  .btn.btn-secondary {
	font-size: 14px;
	background-color: rgba(211, 28, 59,51%);
	border-radius: 8px;
	padding: 10px;
	min-width: 120px;
}
  .sidebar-nav li a {
	font-size: 14px;
	padding: 10px;
	margin-bottom: 3px;
}
  .wrapper .inner-wrap {
	padding-left: 0;
}
.ser-cat-btn {
	margin: 0 auto;
}
  .row.search-row .cat-dropdown .btn.btn-primary {
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	font-weight: 400;
}
  .row.search-row .cat-dropdown .btn.btn-primary {
	margin-top: 10px;
}
  .table-responsive {
	border: 0;
	padding: 0;
	margin: 0;
}
  .table thead tr th,
  tbody tr td {
	font-size: 14px;
    padding: 12px !important;
}
  tbody tr.ser-cat-name td strong {
	font-size: 14px;
	text-align: left;
	display: block;
}
  .auth .row.search-row {
	margin-bottom: 0;
    margin-top: 0;
}
  .table {
	border-spacing: 0px 10px;
}
  .auth {
	background-image: url('https://i.imgur.com/6PWXyGO.png');
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
}
  .service-description .btn.btn-secondary {
    font-size: 12px;
    min-width: 90px;
  }
  .auth .modal-body .row::before, 
  .auth .modal-body .row::after {
	display: none;
}
  .status-badge {
    height: 42px;
    padding: 0 10px;
    border-radius: 10px;
    min-width: 100px;
  }
  .btn.btn-primary.order-btn {
    height: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .auth .row.search-row .input-group .btn.btn-primary {
    height: 42px;
    line-height: 42px;
    max-width: 90px;
    min-width: 90px;
  }
  .dash-title {
	font-size: 20px;
	margin-bottom: 10px;
}
  .fundsteps-num {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 600;
}
  .fundsteps-txt {
	font-size: 14px;
	margin-left: 10px;
}
  .fundsteps {
	margin-bottom: 8px;
}
  .dash-title + .nav-tabs2 {
	margin-top: 15px;
}
  .auth .nav-tabs2 .nav-item {
	flex: 0 0 48%;
	max-width: 48%;
	margin-bottom: 5px;
}
  .ticket-desc-title-txt {
	font-size: 16px;
}
  .ticket-desc-num {
	font-size: 18px;
}
  .ticket-title {
	font-size: 18px;
}
  .message {
	font-size: 14px;
}
  .term-label {
	font-size: 14px;
	padding: 12px 15px;
}
  .term-txt {
	font-size: 14px;
}
  .term-box {
	margin-bottom: 20px;
}
  .auth #faq .title {
	font-size: 25px;
	text-align: center;
	margin-bottom: 15px;
}
  .auth .row.vertical-tab-row {
	margin-top: 10px;
}
  .auth .nav-tabs.vertical-tabs .nav-item a {
	font-size: 14px;
	padding: 10px 13px;
	margin-bottom: 12px;
}
  .answer-box-title {
	font-size: 22px;
	margin-bottom: 10px;
}
  .answer-txt {
	font-size: 15px;
}
  .top-navrow li a {
	margin-right: 4px;
}
  #status-modal .modal-dialog {
	min-width: 95%;
	max-width: 95%;
	width: 95%;
	border-radius: 12px;
	margin-left: auto;
	margin-right: auto;
}
  #status-modal .status-tab li {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    width: 48%;
  }
  #status-modal .status-tab {
    flex-direction: row;
    justify-content: space-between;
  }
  .user-status {
	font-size: 14px;
	margin-bottom: 5px;
}
  .user-name {
	margin-bottom: 0;
}
  #status-modal button.close {
	z-index: 9;
	position: relative;
}
  .api-title + .btn.btn-primary {
	margin-top: 15px;
}
  .api-title {
	font-size: 20px;
}
  .api-title-wrap .api-title,
  .api-title-wrap .btn.btn-primary {
	flex: 0 0 100%;
	max-width: 100%;
}
#contact-sec {
	padding: 25px 0;
}
#contact-sec .row.signup-row {
	display: block;
}
#contact-sec .main-title {
	font-size: 32px;
}
#contact-sec .txt {
	font-size: 16px;
}
#contact-sec .btn.btn-secondary {
	margin-top: 12px;
}
.contact-box {
	padding: 12px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.contact-box-title {
	font-size: 20px;
	margin-bottom: 0;
}
.contact-box-txt {
	font-size: 14px;
}
.contact-box-right img {
	max-width: 50px;
	width: auto;
}
  #contact-sec .ftr-label {
	padding: 10px 15px;
}
  #changeEmailLink {
	font-size: 15px;
	height: 42px;
	width: 100%;
}
  #topsec .top-img-wrap img {
	max-width: 200px;
	display: block;
	margin: auto;
}
  .login-frm {
	padding: 15px 15px;
}
  .inpt-icon {
	width: 32px;
	height: 32px;
	font-size: 16px;
	left: 7px;
}
  .login-frm .btn.btn-primary {
	font-size: 16px;
	height: 48px;
	line-height: 48px;
}
  .title-icon {
	width: 50px;
	height: 50px;
	font-size: 20px;
}
  .title-txt {
	font-size: 32px;
	line-height: 1.3;
}
  .why-wrap {
	margin: 0;
}
  body.guest .why-slider-nav {
	margin-top: 20px;
}
  .why-slider-nav button {
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 31px;
}
  #why {
	padding-bottom: 40px;
}
  #how {
	padding: 30px 0;
}
  .how-box {
	padding: 8px;
	margin-bottom: 12px;
}
  .how-img-wrap img {
	max-width: 200px !important;
	width: auto;
	margin-top: 15px;
}
  #earn {
	padding: 20px 0;
}
  #earn .row {
	flex-direction: column-reverse;
}
  .title {
	margin-bottom: 8px;
}
  #earn .btn.btn-secondary {
	margin-top: 10px;
}
  .earn-img-wrap img {
	max-width: 200px;
	display: block;
	margin: auto;
}
  .row.vertical-tab-row {
	margin-top: 15px;
}
  .vertical-tabs li a {
	font-size: 16px;
	padding: 15px 10px;
	margin-bottom: 0;
}
  footer {
	padding: 30px 0 0;
}
  .btm-ftr {
	margin-top: 15px;
	padding: 15px 0;
}
  .copyright {
	font-size: 14px;
}
  .ftr-nav li a {
	font-size: 14px;
	margin-left: 0;
}
  .ftr-nav li {
	margin-bottom: 5px !important;
}
  .signup-frm-wrap {
	padding: 15px;
}
  .signup-frm-title {
	font-size: 20px;
	margin-bottom: 12px;
}
  .serv-label {
	font-size: 16px;
	padding: 10px 25px;
	margin: auto auto 12px;
}
  .txt {
	font-size: 16px;
}
  .guest .ser-cat-btn {
	margin-top: 15px;
}
  .service-accordian .panel-heading a {
	padding: 15px 40px 15px 15px;
	font-size: 16px;
}
  .service-page {
	padding-bottom: 15px;
}
  .contact-box {
	min-height: auto;
}
  .guest .navbar .navbar-nav li a {
	margin-left: 0;
}
  .auth .service-accordian .panel.panel-default {
    margin-bottom: 15px !important;
  }
  .auth #service-table .table {
    border-spacing: 0 15px;
  }
  #serv-inp {
    margin-bottom: 15px;
  }
  .guest .ser-cat-btn .btn_filter .icon {
	margin: 0;
  }
  .service-description .modal-content .modal-header {
      padding-right: 40px;
  }
  .login-frm {
    padding: 15px 15px;
    background-image: none;
    background-color: rgba(122,21,41,25%);
  }
}