:root {
	--black: #232323;
	--primary-color: #4E9FF1;
	--grey: #ddd;
	--white: #fff;
	--primary-color-deep: #398fe4;
	--body-bg: #f1f1f1;
	--user-bg: #f1f1f1;
	--mob-nav-item-bg: #f1f1f1;
	--body-bg-dark: #0d1218;
	--breadcrumb-bg-dark: #0f151c;
	--content-bg-dark: #18222e;
	--navbar-bg-dark: #18222e;
	--input-bg-dark: #0d1218;
	--text-color: #505050;
	--buy-now-btn: #3b514e;
	--success-bg: #00b22d;
	--danger-bg: #ff3333;
}

body {
	background: var(--body-bg);
	transition: 0.5s ease;
}

body.darkMode {
	background: var(--body-bg-dark) !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: myriad-arabic, sans-serif;
	font-style: normal;
	font-weight: 600;
	padding-bottom: 0;
}

.darkMode body,
.darkMode h1,
.darkMode h2,
.darkMode h3,
.darkMode h4,
.darkMode h5,
.darkMode h6,
.darkMode p,
.darkMode ul li,
.darkMode a,
.darkMode label,
.darkMode span {
	color: var(--white);
}

body.ar{
	direction: rtl;
}

ul {
	padding: 0;
}

#navbar,
#navbar- {
	float: right;
}

#navbar- li a {
	font-size: 12px;
	padding: 20px 13px;
}

.navbar-collapsed-before .navbar-nav li,
.navbar-collapsed-before .navbar-header {
	width: auto;
}

.navbar-collapsed-before .navbar-toggle {
	display: none;
}

.navbar-nav li:first-of-type {
	position: relative;
	top: 13px;
	right: -1px;
}

.navbar-nav li:first-of-type a:after {
	display: none;
}

.navbar-nav li:first-of-type a {
	padding: 0 !important;
}

.navbar-header {
	float: left !important;
}

.navbar-header {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: row-reverse;
}
.common .navbar-header{
	flex-direction: row;
}

#modeToggler {
	display: flex;
	width: 40px;
	height: 40px;
	background: transparent;
	font-size: 20px;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	color: var(--primary-color);
	border: 2px solid var(--primary-color);
}

.navbar-default {
	background: var(--white);
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
	transition: 0.5s ease;
}

.darkMode .navbar-default {
	background: var(--navbar-bg-dark);
}

.navbar-default .navbar-nav>li>a {
	color: #4E9FF1;
	font-size: 17px;
	text-shadow: none;
	padding: 20px 19px;
	outline: none;
}

.navbar-default .language {
	margin-right: 0
}

.navbar-default .language li:first-of-type a {
	padding: 10px 19px !important;
}

.navbar-default .language .dropdown li {
	display: block;
	float: none;
	top: 0;
	right: 0;
	padding: 10px;
}

.navbar-default .language .dropdown li.active {
	background: #4E9FF1;
}

.navbar-default .language .dropdown li.active a {
	color: #fff;
}

.navbar-default .language .dropdown-menu {
	border: none !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background: transparent;
	color: #4E9FF1;
}

.navbar-default .language .dropdown li a {
	padding: 0 !important;
	display: block;
}

.navbar-default .navbar-nav>li>a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background: #4E9FF1;
	bottom: 0;
	right: 20px;
	transition: all 0.5s ease-in-out;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav li>a,
.navbar-default .navbar-nav li>a:hover,
.navbar-default .navbar-nav li>a:focus {
	background: transparent;
	color: #4E9FF1;
	transition: all 0.5s ease-in-out;
}

.navbar-default .navbar-nav>.active>a:after,
.navbar-default .navbar-nav>.active>a:hover:after,
.navbar-default .navbar-nav>.active>a:focus:after,
.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>li>a:focus:after {
	width: 31px;
	transition: all 0.5s ease-in-out;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background: transparent;
}

.forgot-password {
	position: relative;
	bottom: 0;
	right: 6px;
}

.language-dropdwon-auth-phone > a{
	display: flex!important;
	width: 50%!important;
	margin: 0 auto!important;
	margin-bottom: 15px!important;
	border-radius: 50px!important;
	background: #4e9ff1!important;
	color: #fff!important;
	justify-content: center!important;
}
nav#slide-menu ul li.language-dropdwon-auth-phone a:focus,
.language-dropdwon-auth-phone > a:focus{
	background: #4e9ff1!important;
}

nav#slide-menu.sideMenu_auth li.language-dropdwon-auth-phone a{
	color: #fff!important;
	border-bottom: none;
}

.language-dropdwon-auth-phone-menu{
	position: absolute!important;
    overflow: hidden;
    background: #fff!important;
    width: 100%!important;
    box-shadow: 0 0 5px #ddd!important;
}

.darkMode .language-dropdwon-auth-phone-menu{
	background: #18222e!important;
	box-shadow: 0 0 5px #364a63!important;
}

.language-dropdwon-auth {
	list-style: none;
}

.language-dropdwon-auth > a.btn_modes {
	margin-top: 10px;
	display: flex;
    width: 40px;
	text-decoration: none;
    height: 40px;
    background: transparent;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}


nav#slide-menu.sideMenu_auth .language-dropdwon-auth-phone-menu > li > a{
	color: #4e9ff1!important;
	border-bottom: none;
}

nav#slide-menu.sideMenu_auth .language-dropdwon-auth-phone-menu > li.active > a{
	color: #fff!important;
}

.main-content {
	background: url(https://storage.perfectcdn.com/e1e65e/50uez1hs4do5b0gn.png) no-repeat left top -46%;
	background-color: #4E9FF1;
	background-color: -moz-linear-gradient(-45deg, #4E9FF1 0%, #2c9ff8 99%);
	background-color: -webkit-linear-gradient(-45deg, #4E9FF1 0%, #2c9ff8 99%);
	background-color: linear-gradient(135deg, #4E9FF1 0%, #2c9ff8 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E9FF1', endColorstr='#2c9ff8', GradientType=1);
	padding: 50px 0;
}

.main-content .text {
	text-align: center;
	color: #fff
}

.main-content .text h1 {
	color: #fff;
	font-size: 46px;
}

.main-content .text p {
	font-size: 28px;
	font-weight: 400;
}

.main-content .text span {
	font-size: 32px;
	font-weight: 700;
	margin: 24px 0 0;
	display: block;
}

.main-content .col-md-offset-3 {
	margin: 0 20%;
}

.main-content .well {
	background: transparent;
	border: 0;
	padding: 19px 0;
	box-shadow: none;
}

.main-content .well .signin {
	background: #fff;
	padding: 5px;
	border-radius: 40px;
}

.main-content .well form .form-group {
	display: inline-block;
	margin-bottom: 0;
}

.main-content .well form .form-group input {
	border: 0;
	box-shadow: none;
	padding: 30px 45px 30px 0;
	border-radius:  0 30px 30px 0;
	border-left: 1px solid #ddd;
	background: transparent;
}


.common .main-content .well form .form-group input{
	padding: 30px 0px 30px 30px;
	border-left: none;
	border-radius: 30px 0px 0px 30px;
}
.common .main-content .well form .form-group:first-child input{
	border-right: 1px solid #ddd;
}

.main-content .well form .form-group {
	background: url(https://storage.perfectcdn.com/e1e65e/4p2jcrrwodmyfxka.png) no-repeat right 5% top 50%;
	margin-right: 19px;
}

.common .main-content .well form .form-group {
	background: url(https://storage.perfectcdn.com/e1e65e/4p2jcrrwodmyfxka.png) no-repeat left 1% top 50%;
    margin-left: 19px;
    margin-right: 0px;
}
.main-content .well form .form-group.form-group__password {
	background: url(https://storage.perfectcdn.com/e1e65e/ksr4x3jsc743cew6.png) no-repeat right 5% top 50%;
}

.common .main-content .well form .form-group.form-group__password {
    background: url(https://storage.perfectcdn.com/e1e65e/ksr4x3jsc743cew6.png) no-repeat left 1% top 50%;
}


.main-content .well form .form-group input::placeholder {
	color: #ddd;
	font-size: 19px;
}

.main-content .well form .form-group__password input {
	border: none
}

.main-content .well form button[type=submit] {
	background: #2599f3;
	border-radius: 43px;
	font-size: 17px;
	text-shadow: none;
	box-shadow: none;
	border: none;
	margin-right: 10px;
	padding: 20px 28px;
	font-weight: 500;
	outline: none;
	transition: all 0.5s ease-in-out;
}
.common .main-content .well form button[type=submit]{
	padding: 20px 50px;
	margin-left: 10px;
	margin-right: 0px!important;
}
.main-content .well form button[type=submit]:hover {
	transition: all 0.5s ease-in-out;
	background: #46aefd;
}

.g-recaptcha.form-group,
.g-recaptcha.form-group>div {
	margin: 15px auto;
	text-align: center;
	display: block !important;
	width: 100% !important;
	background: transparent !important;
}

.main-content .bottom {
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.main-content .bottom span {
	color: #fff !important;
}

.main-content .bottom span:first-of-type {
	position: relative;
	margin-left: 22px;
	font-weight: 100;
}

.main-content .bottom span:first-of-type:after {
	top: -1px;
	content: "-";
	left: -12px;
	position: relative;
	font-size: 17px;
	font-weight: bold;
}

.main-content .bottom span a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.main-content .images {
	text-align: center;
	position: relative;
	min-height: 700px;
	/* max-width: 600px;
*/
	margin: auto;
}

.main-content .images .icon {
	position: absolute;
	z-index: 999999;
}

.main-content .images .icon1 {
	right: 35%;
	top: 9%;
	/* height: 43px;
*/
	animation: fade-up 2.3s infinite ease-in-out;
}

.main-content .images .icon2 {
	top: 35%;
	right: 40%;
	animation: fade-up 2s infinite ease-in-out;
}

.main-content .images .icon3 {
	bottom: 53px;
	left: 170px;
	animation: fade-up 1.8s infinite ease-in-out;
}

.main-content .images .icon4 {
	right: 180px;
	bottom: 70px;
	animation: fade-up 1.6s infinite ease-in-out;
}

.main-content .images .icon5 {
	top: 9%;
	left: 47%;
	animation: fade-up 1.1s infinite ease-in-out;
}

.main-content .images .icon6 {
	top: 0;
	left: 52%;
	animation: fade-up 1.3s infinite ease-in-out;
}

.main-content .images .icon7 {
	top: 2%;
	right: 36%;
	animation: fadeRTL 1.4s infinite ease-in-out;
}

.main-content .images .icon8 {
	right: 33%;
	top: 12%;
	animation: fadeLTR 1.5s infinite ease-in-out;
}

.main-content .images .icon9 {
	bottom: 53%;
	right: 33%;
	animation: fadeRTL 1.7s infinite ease-in-out;
}

.main-content .images .icon10 {
	right: 31%;
	top: 27%;
	animation: shake 1.6s infinite ease-in-out;
}

.main-content .images .icon11 {
	left: 320px;
	top: 70px;
	animation: shake 1.8s infinite ease-in-out;
}

.main-content .images .icon12 {
	top: 0;
	left: 39%;
	animation: heartBeat 1.4s infinite ease-in-out;
}

.main-content .images .icon13 {
	top: 11%;
	left: 40%;
	animation: heartBeat 1.1s infinite ease-in-out;
}

.main-content .images .icon14 {
	left: 44%;
	top: 27%;
	animation: tada 1.8s infinite ease-in-out;
}

.main-content .images .icon15 {
	top: 27%;
	left: 37%;
	animation: float 1.8s infinite ease-in-out;
}

.main-content .images .icon16 {
	top: 16%;
	left: 34%;
	animation: tada 1.4s infinite ease-in-out;
}

.main-content .images .icon17 {
	top: 3%;
	left: 32%;
	animation: tada 1.6s infinite ease-in-out;
}

.main-content .images .icon18 {
	top: 30%;
	right: 32%;
	animation: float 3s ease infinite;
}

.main-content .images:after {
	content: "";
	bottom: -89px;
	position: absolute;
	width: 100%;
	height: 79%;
	right: 0;
	left: 0;
	z-index: 1;
	background: url(https://storage.perfectcdn.com/e1e65e/ql98307xzuy277td.png) no-repeat center top -30%;
	animation: float 5s ease infinite;
	/* background-size: cover;
*/
}

.main-content .images:before {
	content: "";
	bottom: -89px;
	position: absolute;
	width: 100%;
	height: 79%;
	right: 0;
	left: 0;
	z-index: 2;
	background: url(https://storage.perfectcdn.com/e1e65e/ducea08jek25hfhu.png) no-repeat top;
	animation: float 5s ease infinite;
	background-size: cover;
}

.owl-carousel {
	direction: ltr;
}

.services .item {
	text-align: center;
	margin: 40px;
	transition: all 0.5s ease-in-out;
	padding: 10px;
	position: relative;
}

.services .owl-item:nth-child(n) .item .image {
	margin-top: 29px;
}

.services .owl-item:nth-child(2n) .item .image {
	margin-top: 89px;
}

.services .owl-item:nth-child(4n) .item .image {
	margin-top: 30px;
}

.services .item .comment1 {
	position: absolute;
	right: 172px;
	top: 9px;
	animation: float 1.8s infinite ease-in-out;
}

.services .item .arrow {
	position: absolute;
	right: 94px;
	top: 54px;
	animation: float 1.8s infinite ease-in-out;
}

.services .item:hover {
	transition: all 0.5s ease-in-out;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
}

.services .item .caption {
	padding: 40px 40px 0 40px;
}

.services .item .caption h4 {
	font-size: 41.598px;
	color: rgb(0, 105, 186);
}

.services .item .caption p {
	font-size: 19px;
	color: #c6c6c6;
	font-weight: 200;
	line-height: 1.8;
}

.services .owl-page span {
	background: transparent !important;
	border: 2px solid #2c83c6;
	opacity: 1 !important;
	margin: 0 3px !important;
}

.services .owl-page.active span {
	opacity: 1;
	border: 2px solid #34a3f8;
}

.features {
	background: url(https://storage.perfectcdn.com/e1e65e/4x5c6zoqaw2zthzs.png) no-repeat right -6% top 28%, url(https://storage.perfectcdn.com/e1e65e/qw405ab33bl5l35i.png) no-repeat center/ 100% 100%;
	padding: 183px 0 0;
	/* background-size: cover;
*/
}

.features .images {
	text-align: center;
	position: relative;
	min-height: 435px;
	/* max-width: 600px;
*/
	margin: auto;
}

.features .images .icon {
	position: absolute;
	z-index: 9;
}

.features .images .icon1 {
	right: 5%;
	top: 11%;
	/* height: 43px;
*/
	animation: fade-up 2.3s infinite ease-in-out;
	z-index: 99999;
}

.features .images .icon2 {
	top: 60%;
	right: 29%;
	animation: fade-up 2s infinite ease-in-out;
	z-index: 99;
}

.features .images .icon3 {
	bottom: 53px;
	left: 170px;
	animation: fade-up 1.8s infinite ease-in-out;
}

.features .images .icon4 {
	right: 180px;
	bottom: 70px;
	animation: fade-up 1.6s infinite ease-in-out;
}

.features .images .icon5 {
	top: 26%;
	right: 3%;
	animation: fade-up 1.1s infinite ease-in-out;
	z-index: 999;
}

.features .images .icon6 {
	top: 2%;
	right: 42%;
	animation: fade-up 1.3s infinite ease-in-out;
	z-index: 99;
}

.features .images .icon7 {
	top: -4%;
	right: 76%;
	animation: fadeRTL 1.4s infinite ease-in-out;
}

.features .images .icon8 {
	right: 100%;
	top: 0;
	animation: fadeLTR 1.5s infinite ease-in-out;
}

.features .images .icon9 {
	bottom: 59%;
	right: 25%;
	animation: fadeRTL 1.7s infinite ease-in-out;
	z-index: 999;
}

.features .images .icon10 {
	right: 0;
	top: 40%;
	animation: shake 1.6s infinite ease-in-out;
}

.features .images .icon11 {
	left: 320px;
	top: 70px;
	animation: shake 1.8s infinite ease-in-out;
}

.features .images .icon12 {
	top: 22%;
	right: 19%;
	animation: heartBeat 1.4s infinite ease-in-out;
	z-index: 99;
}

.features .images .icon13 {
	top: -12%;
	right: 33%;
	animation: heartBeat 1.1s infinite ease-in-out;
	z-index: 999;
}

.features .images .icon14 {
	    right: 1%;
    top: -15%;
    width: 85%;
    animation: float 2.8s infinite ease-in-out;
}

.features .images .icon15 {
	top: 35%;
	right: 13%;
	animation: float 1.8s infinite ease-in-out;
}

.features .images .icon16 {
	top: 6%;
	right: 28%;
	animation: tada 1.4s infinite ease-in-out;
}

.features .images .icon17 {
	top: -13%;
	left: 37%;
	animation: tada 1.6s infinite ease-in-out;
}

.features .images .icon18 {
	top: 48%;
	right: 25%;
	animation: float 3s ease infinite;
}

.features .images .icon19 {
	top: 51%;
	right: 7%;
	animation: float 3s ease infinite;
}

.features .container {
	width: 97%;
}

.features .col-md-8 {
	/* padding: 265px 0;
*/
	margin: 18% 0 0 0;
	color: #fff;
}

.features .col-md-4 {
	text-align: center;
	transition: all 0.5s ease-in-out;
}

.features .col-md-4:hover {
	transition: all 0.5s ease-in-out;
}

.features .col-md-8 .col-md-4:hover img {
	animation: 1.2s swing;
	transition: all 0.5s ease-in-out;
}

.features .col-md-4 h4 {
	font-size: 25px;
	color: #fff;
	font-weight: 300;
}

.features .col-md-4 p {
	font-size: 26.738px;
	font-weight: 700;
}

.about {
	padding: 70px 0;
	background: url(https://storage.perfectcdn.com/e1e65e/dcmig1gqtzpfb9yo.png) no-repeat top 0 center;
	text-align: center;
}

.about .container {
	width: 65%;
}

.about h1 {
	font-weight: bold;
	font-size: 39px;
	color: #ffb901;
}

.about p {
	font-size: 26px;
	font-weight: 400;
	color: #4E9FF1;
}

.about a {
	transition: all 0.5s ease-in-out;
	color: #3b514e;
	font-size: 25px;
	font-weight: 400;
	border: 1px solid #aeaeae;
	padding: 7px 40px 15px;
	border-radius: 50px;
	margin-top: 28px;
	display: inline-block;
}

.about a:hover {
	transition: all 0.5s ease-in-out;
	background: #ffb901;
	color: #fff;
	border-color: #ffb901;
	text-decoration: none;
}

.support {
	padding: 190px 0 55px;
	text-align: center;
	position: relative;
}

.support:after {
	position: absolute;
	width: 100%;
	height: 765px;
	top: -28%;
	right: 0;
	content: "";
	/* background:url(https://storage.perfectcdn.com/e1e65e/x0ze3xztsknmli4x.png) no-repeat bottom;
*/
	z-index: -1;
	background-size: cover;
}

.support h1 {
	color: #3b514e;
	font-size: 40.598px;
	margin: 0;
}

.support p {
	color: #3b514e;
	font-size: 24px;
	font-weight: 400;
}

.support ul {
	padding: 35px 0;
}

.support ul li {
	font-size: 20px;
	padding: 0 20px;
	transition: all 0.5s ease-in-out;
}

.support ul li a {
	color: #3b514e;
}

.support ul li:hover,
.support ul li:hover a {
	transition: all 0.5s ease-in-out;
	color: #4E9FF1;
	text-decoration: none;
}

.support ul li:hover img {
	transition: all 0.5s ease-in-out;
	animation: 1s swing
}

.support ul li img {
	margin-right: 15px;
}

.breadcrumb {
	background-color: #4E9FF1;
	background-color: -moz-linear-gradient(-45deg, #4E9FF1 0%, #2c9ff8 99%);
	background-color: -webkit-linear-gradient(-45deg, #4E9FF1 0%, #2c9ff8 99%);
	background-color: linear-gradient(135deg, #4E9FF1 0%, #2c9ff8 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E9FF1', endColorstr='#2c9ff8', GradientType=1);
	padding: 62px 0;
	border-radius: 0;
	position: initial;
	overflow: hidden;
	transition: 0.5s ease;
}

.breadcrumb:after {
	background: url(https://storage.perfectcdn.com/e1e65e/50uez1hs4do5b0gn.png) no-repeat left top / 15%;
	position: absolute;
	left: 0;
	top: -2px;
	content: "";
	width: 100%;
	height: 40%;
	animation: float 4s infinite;
}

.breadcrumb h1 {
	color: #fff;
	margin: 0 55px 0 0;
	font-size: 29px;
}

.darkMode .breadcrumb {
	background: var(--breadcrumb-bg-dark);
}

.well {
	background: transparent;
	box-shadow: none;
	border: 0;
}

.well h3 {
	font-size: 32px;
	color: #ffb901;
	margin: 0
}

.well b,
.well h5,
.well h2,
.well h2 div,
.well span,
.well p,
.well li,
.well h4 {
	font-weight: 400 !important;
	font-size: 19px !important;
	color: #5d5d5d !important;
}

.well h3,
.well strong {
	font-size: 19px !important;
	color: #404040;
}

.signup,
.neworder,
.account .col-md-8,
.addfunds .col-md-8,
.tickets .col-md-8,
.resetPassword .col-md-8 {
	border: 1px solid #efefef;
	margin-top: 40px;
	position: relative;

}

.darkMode .signup,
.darkMode .neworder,
.darkMode .account .col-md-8,
.darkMode .addfunds .col-md-8,
.darkMode .tickets .col-md-8,
.darkMode .resetPassword .col-md-8 {
	background: var(--content-bg-dark);
}

.account .well:first-of-type {
	margin: 0;
	padding-bottom: 0;
}

.signup .login {
	display: block;
	font-size: 16px !important;
}

.signup button[type=submit],
.neworder button[type=submit],
.addfunds button[type=submit],
.tickets button[type=submit],
.account button[type=submit],
.massorder button[type=submit],
.resetPassword button[type=submit] {
	text-align: center;
	display: block;
	margin: 15px auto 0;
	border-radius: 50px;
	background: #4E9FF1;
	border: 1px solid #4E9FF1;
	font-size: 19px;
	padding: 8px 39px;
}

.signup- .images,
.neworder- .images {
	text-align: center;
}

.signup- .images img,
.neworder- .images img {
	width: 80%;
	margin-top: 80px;
}

.signup input,
.resetPassword input,
.account input,
.addfunds input,
.neworder input,
.tickets input,
.neworder select,
.account select,
.addfunds select,
.neworder textarea,
.tickets textarea {
	background: transparent;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	/* padding:25px 15px;
*/
	margin: 20px 0;
}

.signup input,
.neworder input {
	padding: 25px 15px;
}

.signup input::placeholder {
	font-weight: 300;
	font-size: 18px;
}

.addfunds .nav-tabs>li>a,
.orders .nav-pills>li>a {
	font-size: 17px;
	color: #4E9FF1;
	transition: all 0.5s ease-in-out;
}

.orders .nav-pills {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
	margin-top: 40px;
}

.orders .nav-pills>li>a {
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0 !important;
}

.orders .nav-pills>li {
	margin: 0 !important;
}

.orders .nav-pills .search.pull-right {
	float: left !important;
}

.orders .nav-pills .search button {
	background: #4E9FF1;
	color: #fff;
	box-shadow: none;
}

.orders .nav-pills .search form {
	margin-bottom: 0;
}

.addfunds .nav-tabs>li.active a,
.addfunds .nav>li>a:hover,
.addfunds .nav>li>a:focus,
.orders .nav-pills>li.active a,
.orders .nav-pills>li>a:hover,
.orders .nav>li>a:focus {
	outline: none;
	background: #4E9FF1 !important;
	border: 1px solid #4E9FF1;
	color: #fff !important;
	transition: all 0.5s ease-in-out;
}

.addfunds .nav-tabs>li.active a span,
.orders.nav-pills>li.active a span {
	color: #fff !important;
}

.addfunds .nav-tabs>li a span,
.orders .nav-pills>li a span {
	color: #4E9FF1 !important;
}

.addfunds .tab-content>.tab-pane,
.orders .well-float {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 0 20px;
}

.orders .well-float {
	border-radius: 0;
	padding: 20px;
}

.addfunds .tab-content>.tab-pane,
.addfunds .tab-content>.tab-pane ul {
	text-align: right !important;
}

table,
table tr td {
	border: 1px solid #ddd;
}

.well table tr td strong {
	font-size: 25px !important;
	color: #4E9FF1;
}

nav#slide-menu .logo {
	/* width: 75%;
*/
	margin: auto;
	padding: 30px 25px;
	background: #fff;
	background-size: 100%;
	margin-bottom: -18px;
	text-align: center;
}

nav#slide-menu #logo {
	margin-top: 20px;
}

nav#slide-menu {
	position: fixed;
	top: 0;
	right: -267px;
	bottom: 0;
	display: block;
	float: right;
	width: 100%;
	overflow: auto;
	max-width: 267px;
	height: 100%;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	background: url(https://storage.perfectcdn.com/e1e65e/x0ze3xztsknmli4x.png) no-repeat bottom, #fff;
	background-size: 165%;
	z-index: 99999;
	/* text-align: center;
*/
	-webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.4);
}

nav#slide-menu .menu {
	display: block;
}

nav#slide-menu ul.menu {
	/* display: block;
*/
	padding: 0;
	list-style: none;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	margin: 20px 0 0;
	padding-right: 22px;
}

nav#slide-menu ul li a {
	color: #4E9FF1 !important;
	cursor: pointer;
	font-size: 15px;
	padding: 2px;
}

nav#slide-menu ul.dropdown-menu li.active a {
	color: #fff !important;
}

nav#slide-menu ul.dropdown-menu li a {
	padding: 10px !important;
}

nav#slide-menu ul li a:focus {
	background: transparent !important;
}

nav#slide-menu ul li,
nav#slide-menu .navbar-nav li:first-of-type {
	display: block;
	padding: 22px 0 5px;
	border-bottom: 1px solid #ededed;
	margin-right: 30px;
	width: 79%;
	top: 0;
	right: 0;
}
.common nav#slide-menu ul li,
nav#slide-menu .navbar-nav li:first-of-type{
	margin-right: 0px;
	margin-left: 30px;
}

nav#slide-menu .dropdown-inner ul li {
	padding: 10px 0;
}

nav#slide-menu .search {
	margin-top: 15px;
}

nav#slide-menu .search input::-webkit-input-placeholder {
	color: #91bda4;
}

nav#slide-menu .search input:-ms-input-placeholder {
	color: #91bda4;
}

nav#slide-menu .search input::-ms-input-placeholder {
	color: #91bda4;
}

nav#slide-menu .search input::placeholder {
	color: #91bda4;
}

nav#slide-menu .search input {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 20px 12px;
	border: 0;
	border-bottom: 1px solid #499067;
	color: #000;
	width: 169px;
}

nav#slide-menu .search button {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-left: 0;
	border-right: 0;
	padding: 3px 13px 2px;
}

nav#slide-menu .search button i:before {
	margin-left: 0;
	color: #fff;
	font-size: 25px;
}

.responsive .closebtn {
	position: absolute;
	background-color: #4E9FF1;
	color: #fff;
	width: 2.662rem;
	height: 30px;
	line-height: 2.7562rem;
	text-align: center;
	font-size: 2.308rem;
	font-weight: bold;
	cursor: pointer;
	top: 0px;
	left: 0px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	padding: 0;
	z-index: 99999999999999999999;
}

.responsive .overlay {
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	display: none;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.responsive .log {
	padding: 0 20px
}

body.menu-active .responsive .overlay {
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 9999999;
}

body.menu-active nav#slide-menu {
	right: 0px;
	z-index: 99999999;
	padding-top: 13px;
}

body.common.menu-active nav#slide-menu{
	overflow: hidden;
}

body.menu-active nav#slide-menu ul {
	right: 0px;
	opacity: 1;
	/* display: block;
*/
	margin-top: 0;
}

body.menu-active nav#slide-menu ul.dropdown-menu {
	right: 0;
	position: relative;
	text-align: center;
}

.menu-trigger {
	background: #4E9FF1;
	width: 50px;
	height: 39px;
	border: 0;
	box-shadow: none;
	margin-left: 10px;
	position: relative;
	border-radius: 6px;
	position: absolute;
	right: 16px;
	top: 17px;
}

.menu-trigger .icon-bar,
.menu-trigger .icon-bar:after,
.menu-trigger .icon-bar:before {
	content: "";
	background: #fff;
	width: 25px;
	height: 2px;
	position: absolute;
	right: 12px;
	top: 3%;
	margin: 10px 0;
}

.menu-trigger .icon-bar:after {
	top: -3px;
	right: 0px;
}

.menu-trigger .icon-bar:before {
	top: 5px;
	right: 0px;
}

body.menu-active div#content {
	/* right: 284px;
*/
	border-radius: 0 7px 7px 0;
}

nav#slide-menu .social {
	margin-top: 20px;
	display: block;
	text-align: center;
}

nav#slide-menu .social li i:before {
	color: #27b5bb;
}

nav#slide-menu .social li {
	display: inline-block;
	width: auto;
	border: none;
	background: #fff;
	width: 30px;
	padding: 0;
}

.details {
	text-align: center;
}

.details button.btn-primary {
	padding: 10px;
	font-size: 14px;
	background: #4E9FF1;
	box-shadow: none;
	border: none !important;
	text-shadow: none;
}

.details .modal-footer button {
	background: #ddd;
	border: none;
	transition: all 0.5s ease-in-out;
}

.details .modal-footer button:hover {
	background: #4E9FF1;
	color: #fff;
	transition: all 0.5s ease-in-out;
}

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

@media(max-width:767px) {
	#order_delay .col-xs-6 {
		width: 100%;
	}
	.language-dropdwon{
		display: none;
	}
	.main-content .images img {
		/* width:100%;
    */
	}
	.language-dropdwon-phone{
		list-style: none;
		text-align: center;
		margin-top: 15px;
	}
	.language-dropdwon-phone > a{
		display: inline-block;
		padding: 6px 30px;
		background: #328ce0;
		border-radius: 50px;
		margin: 0 auto;
		color: #fff!important;
		text-decoration: none;
	}
	.language-dropdwon-phone-menu{
		position: absolute!important;
		padding: 0px;
		width: 100%;
	}
	.language-dropdwon-phone-menu > li {
		margin: 0px!important;
		width: 100%!important;
		padding: 0px!important;
	}
	.language-dropdwon-phone-menu > li a{
		margin: 0px;
	}
	.language-dropdwon-phone ~  .navbar-nav li:first-of-type{
		margin-right: 30px!important;
	}
	.main-content {
		background-size: 100%;
		background-position: top -5% left;
		padding: 10px 0;
	}

	.common nav#slide-menu ul li, nav#slide-menu .navbar-nav li:first-of-type{
		margin-right: 30px!important;
	}

	.main-content .col-md-offset-3 {
		margin: auto;
	}

	.main-content .text h1 {
		font-size: 21px;
	}

	.main-content .text p {
		font-size: 16px;
	}

	.main-content .text span {
		font-size: 20px;
		margin: 18px 0 0;
	}

	.main-content .well form .form-group {
		margin-right: 10px;
	}

	.main-content .well form .form-group input::placeholder {
		font-size: 15px;
	}

	.main-content .well form .form-group input {
		border: none;
		padding: 0 50px 0 0;
		margin-bottom: 10px;
		margin-top: 14px;
		display: block;
		border-radius: 30px;
	}

	.main-content .well form .form-group {
		display: block;
	}

	.main-content .well .signin {
		border-radius: 10px;
		margin-bottom: 0;
	}

	.main-content .well form button[type=submit] {
		margin: auto;
		font-size: 14px;
		padding: 10px 20px;
		text-align: center;
		display: block;
	}

	.main-content .bottom {
		font-size: 10px;
	}

	.main-content .bottom span:first-of-type {
		margin-left: 10px;
	}

	.main-content .bottom span:first-of-type:after {
		left: -5px;
	}

	.main-content .images:after {
		background-size: cover;
		height: 93%;
		bottom: -18px;
	}

	.main-content .images:before {
		background-size: cover;
		height: 75%;
		bottom: -19px;
	}

	.services .item .caption {
		padding: 0;
	}

	.services .item {
		margin: 30px 0 0 0;
	}

	.services .item .comment1 {
		width: 17%;
		top: -2%;
		right: 39%;
	}

	.services .item .arrow {
		width: 17%;
		top: 16%;
		right: 32%;
	}

	.services .item img.office,
	.services .item img.dart {
		width: 68%;
	}

	.services .item .caption h4 {
		font-size: 25px;
	}

	.services .item .caption p {
		font-size: 13px;
		font-weight: 400;
	}

	.features .images .icon14 {
		width: 87%;
		right: 19%;
		top: -7%;
	}

	.features {
		background-size: 100%;
		padding: 11% 0 0;
	}

	.features .col-md-8 {
		margin-top: 33px;
	}

	.features .col-xs-3 {
		padding: 0;
	}

	.features .col-xs-4 {
		padding: 0;
	}

	.features .col-xs-8 .col-xs-4 img {
		width: 33%;
	}

	.features .col-xs-4 h4 {
		font-size: 10px;
		margin: 0;
	}

	.features .col-xs-4 p {
		font-size: 7px;
	}

	.about {
		padding: 0px 0 40px 0;
		background-size: 32%;
	}

	.about .container {
		width: 100%;
	}

	.about h1 {
		font-size: 22px;
	}

	.about p {
		font-size: 14px;
		text-align: center;
	}

	.about a {
		padding: 4px 25px;
		font-size: 15px;
		margin-top: 7px;
	}

	.support {
		padding: 34px 0 0;
	}

	.support:after {
		background-size: 107%;
		height: 206px;
		top: -58%;
	}

	.support h1 {
		font-size: 22px;
	}

	.support p {
		font-size: 15px;
		margin-top: 5px;
	}

	.support ul {
		padding: 0;
	}

	.support ul li {
		font-size: 14px;
		padding: 5px 0;
		display: inline-block;
	}

	.support ul li img {
		width: 25%;
		margin: 0;
	}

	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background: #4E9FF1;
		border: none;
	}

	.well b,
	.well h5,
	.well h2,
	.well h2 div,
	.well span,
	.well p,
	.well li,
	.well h4 {
		font-size: 12px !important;
	}

	.navbar-header {
		float: none !important;
		text-align: center;
	}

	.navbar-brand {
		float: none !important;
		text-align: center;
	}

	.responsive .navbar-brand {
		margin-right: 23px;
	}
	.common .responsive .navbar-brand {
		margin-left: 23px;
	}
	.navbar-default {
		padding-top: 10px;
	}

	.breadcrumb {
		padding: 25px 0;
	}

	.breadcrumb h1 {
		margin-right: 10px;
		font-size: 18px;
	}

	.well-float {
		overflow: auto;
		width: 100%;
	}

	.signup,
	.neworder,
	.account .col-md-8,
	.addfunds .col-md-8,
	.tickets .col-md-8 {
		width: 95%;
		margin: auto;
	}

	.orders .nav-pills>li>a {
		font-size: 15px;
		padding: 4px;
	}

	.addfunds .nav-tabs>li>a {
		font-size: 10px;
		padding: 4px;
	}

	.orders .nav-pills .search.pull-right {
		float: none !important;
		text-align: center;
		margin: 10px auto !important;
	}

	.orders .well-float {
		padding: 10px;
	}

	.neworder .well,
	.account .well {
		padding: 15px 0
	}

	.addfunds .well {
		padding: 0;
	}

	.g-recaptcha.form-group,
	.g-recaptcha.form-group>div {
		margin: 10px 0 !important;
	}

	.main-content .images,
	.features .images {
		min-height: 155px;
	}

	.features .images .icon1 {
		width: 16%;
		right: 0%;
	}

	.features .images .icon16 {
		width: 15%;
		right: 27%;
		top: 40%;
	}

	.features .images .icon13 {
		width: 15%;
		top: -14%;
		right: 74%;
	}

	.features .images .icon17 {
		width: 15%;
		top: -13%;
		right: 43%;
	}

	.features .images .icon19 {
		width: 15%;
	}

	.features .images .icon9 {
		top: 0;
		right: 0;
		width: 15%;
	}

	.features .images .icon12 {
		width: 15%;
	}

	.features .images .icon7,
	.features .images .icon6,
	.features .images .icon15,
	.features .images .icon2,
	.features .images .icon18,
	.features .images .icon10,
	.features .images .icon8 {
		display: none;
	}

	.main-content .images .icon.icon18 {
		right: 0;
		left: 0;
		width: 45% !important;
		top: 0;
		margin: auto;
	}

	.main-content .images .icon17 {
		left: 5%;
		top: 35%;
		width: 5%;
	}

	.main-content .images .icon5 {
		left: 42%;
		width: 5%;
	}

	.main-content .images .icon13 {
		left: 17%;
		top: 25%;
		width: 5%;
	}

	.main-content .images .icon15 {
		left: 50px;
		top: -36px;
		width: 5%;
	}

	.main-content .images .icon1 {
		right: 22%;
		width: 16%;
		top: 0;
	}

	.main-content .images .icon2 {
		right: 15%;
		width: 5%;
		top: 0;
	}

	.main-content .images .icon7 {
		top: 0;
		right: 58%;
		width: 4%;
	}

	.main-content .images .icon8 {
		top: -16px;
		right: 46%;
		width: 3%;
	}

	.main-content .images .icon12 {
		width: 6%;
		top: 0;
		right: 65%;
	}

	.main-content .images .icon14 {
		width: 6%;
		top: 0;
		left: 5%;
	}

	.main-content .images .icon16,
	.main-content .images .icon9,
	.main-content .images .icon10,
	.features .images .icon5,
	.main-content .images .icon6 {
		display: none;
	}

	.services .owl-item:nth-child(n) .item .image {
		margin: 25px 0 0 0;
	}

	.signup input,
	.neworder input {
		line-height: 40px;
	}

	

}

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

	.main-content .images:before,
	.main-content .images:after {
		background-size: 100%;
	}

	.main-content .images,
	.features .images {
		min-height: 383px;
	}

	.features .col-md-8 {
		margin: 23% 0 0;
	}

	.features .images .icon1 {
		width: 16%;
		right: 0%;
		top: 24%;
	}

	.features .images .icon16 {
		width: 15%;
		right: 27%;
		top: 52%;
	}

	.features .images .icon13 {
		width: 15%;
		top: 1%;
		right: 74%;
	}

	.features .images .icon17 {
		width: 15%;
		top: -4%;
		right: 43%;
	}

	.features .images .icon19 {
		width: 15%;
	}

	.features .images .icon9 {
		top: 0;
		right: 0;
		width: 15%;
	}

	.features .images .icon12 {
		width: 15%;
		top: 32%;
	}

	.features .images .icon14 {
		width: 126%;
		top: 0%;
	}

	.features .images .icon7,
	.features .images .icon6,
	.features .images .icon15,
	.features .images .icon2,
	.features .images .icon18,
	.features .images .icon10,
	.features .images .icon8 {
		display: none;
	}

	.main-content .images .icon.icon18 {
		right: 0;
		left: 0;
		width: 51% !important;
		top: 22%;
		margin: auto;
	}

	.main-content .images .icon17 {
		left: 23%;
		top: 41%;
		width: 5%;
	}

	.main-content .images .icon5 {
		left: 42%;
		width: 5%;
	}

	.main-content .images .icon13 {
		left: 24%;
		top: 25%;
		width: 5%;
	}

	.main-content .images .icon15 {
		left: 31%;
		top: 0;
		width: 5%;
	}

	.main-content .images .icon1 {
		right: 24%;
		width: 16%;
		top: 17%;
	}

	.main-content .images .icon2 {
		right: 15%;
		width: 5%;
		top: 0;
	}

	.main-content .images .icon7 {
		top: 0;
		right: 54%;
		width: 4%;
	}

	.main-content .images .icon8 {
		top: 0;
		right: 46%;
		width: 3%;
	}

	.main-content .images .icon12 {
		width: 6%;
		top: 0;
		right: 23%;
	}

	.main-content .images .icon14 {
		width: 6%;
		top: 17%;
		left: 36%;
	}

	.main-content .images .icon16,
	.main-content .images .icon9,
	.main-content .images .icon10,
	.features .images .icon5,
	.main-content .images .icon6 {
		display: none;
	}

	.services .owl-item:nth-child(n) .item .image {
		margin: 83px 0 0 0;
	}

	#navbar- li a {
		padding: 13px 4px;
	}

	.navbar-default .navbar-nav {
		display: inline-block;
		float: none !important;
		width: auto;
	}

	.navbar-default .navbar-nav>li {
		display: inline-block;
		float: none !important;
		width: auto;
		top: 0;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 15px;
		padding: 15px;
		display: inline-block;
	}

	.main-content .col-md-offset-3 {
		margin: 0 5%;
	}

	.main-content .text h1 {
		font-size: 30px;
	}

	.main-content .text p {
		font-size: 20px;
	}

	.main-content .well form button[type=submit] {
		font-size: 15px;
	}

	.main-content .images img {
		width: auto
	}

	.services .item {
		margin: 5px;
	}

	.services .item img.office,
	.services .item img.dart {
		width: 61%;
	}

	.services .item img.arrow {
		width: 21%;
		right: 28%;
		top: 17%;
	}

	.services .item img.comment1 {
		width: 21%;
		right: 34%;
		top: 6%;
	}

	.main-content .images:after {
		background-size: 100%;
		height: 50%;
		bottom: -50px;
	}

	.services .item .caption h4 {
		font-size: 30px;
	}

	.services .item .caption {
		padding: 20px 20px 0 20px;
	}

	.services .item .caption p {
		font-size: 15px;
		line-height: 1.4;
	}

	.features .images img {
		width: 100%;
	}

	.features {
		padding: 5% 0 0%;
		background-size: 100%;
	}

	.features .col-md-4 p {
		font-size: 16px;
	}

	.features .col-md-4 h4 {
		font-size: 16px;
	}

	.about p {
		font-size: 21px;
	}

	.about a {
		font-size: 22px;
		padding: 5px 40px;
		margin-top: 10px;
	}

	.about .container {
		width: 80%;
	}

	.support {
		padding: 150px 0 0;
	}

	.support:after {
		background-size: 100%;
		top: 0;
		height: 101%;
	}

	.support ul {
		padding: 19px 0;
	}

	.breadcrumb {
		padding: 40px 0;
	}

	.signup- .images,
	.neworder- .images {
		display: none;
	}

	.addfunds .nav-tabs>li>a,
	.orders .nav-pills>li>a {
		padding: 5px;
		font-size: 13px;
	}
}

@media (min-width:992px) and (max-width:1191px) {

	.main-content .images:before,
	.main-content .images:after {
		background-size: 100%;
	}

	.main-content .images,
	.features .images {
		min-height: 383px;
	}

	.features .images .icon1 {
		width: 16%;
		right: 0%;
		top: 24%;
	}

	.features .images .icon16 {
		width: 15%;
		right: 27%;
		top: 52%;
	}

	.features .images .icon13 {
		width: 15%;
		top: 1%;
		right: 74%;
	}

	.features .images .icon17 {
		width: 15%;
		top: -4%;
		right: 43%;
	}

	.features .images .icon19 {
		width: 15%;
	}

	.features .images .icon9 {
		top: 0;
		right: 0;
		width: 15%;
	}

	.features .images .icon12 {
		width: 15%;
		top: 32%;
	}

	.features .images .icon14 {
	    width: 105%;
    top: 10%;
    right: 1%;

	}

	.features .images .icon7,
	.features .images .icon6,
	.features .images .icon15,
	.features .images .icon2,
	.features .images .icon18,
	.features .images .icon10,
	.features .images .icon8 {
		display: none;
	}

	.main-content .images .icon.icon18 {
		right: 0;
		left: 0;
		width: 51% !important;
		top: 22%;
		margin: auto;
	}

	.main-content .images .icon17 {
		left: 23%;
		top: 41%;
		width: 5%;
	}

	.main-content .images .icon5 {
		left: 42%;
		width: 5%;
	}

	.main-content .images .icon13 {
		left: 24%;
		top: 25%;
		width: 5%;
	}

	.main-content .images .icon15 {
		left: 31%;
		top: 0;
		width: 5%;
	}

	.main-content .images .icon1 {
		right: 24%;
		width: 16%;
		top: 17%;
	}

	.main-content .images .icon2 {
		right: 15%;
		width: 5%;
		top: 0;
	}

	.main-content .images .icon7 {
		top: 0;
		right: 54%;
		width: 4%;
	}

	.main-content .images .icon8 {
		top: 0;
		right: 46%;
		width: 3%;
	}

	.main-content .images .icon12 {
		width: 6%;
		top: 0;
		right: 23%;
	}

	.main-content .images .icon14 {
		width: 6%;
		top: 17%;
		left: 36%;
	}

	.main-content .images .icon16,
	.main-content .images .icon9,
	.main-content .images .icon10,
	.features .images .icon5,
	.main-content .images .icon6 {
		display: none;
	}

	.services .owl-item:nth-child(n) .item .image {
		margin: 115px 0 0 0;
	}

	#navbar- li a {
		padding: 13px 4px;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 15px;
		padding: 15px;
	}

	.main-content .col-md-offset-3 {
		/* margin:0 5%;
    */
		width: 67%;
	}

	.main-content .text h1 {
		font-size: 30px;
	}

	.main-content .text p {
		font-size: 20px;
	}

	.main-content .well form button[type=submit] {
		font-size: 15px;
	}

	.main-content .images img {
		width: auto
	}

	.services .item {
		margin: 5px;
	}

	.services .item .comment1 {
		width: 21%;
		top: 13%;
		right: 31%;
	}

	.services .item .arrow {
		width: 17%;
		top: 41%;
		right: 32%;
	}

	.services .item img.office,
	.services .item img.dart {
		width: 68%;
	}

	.main-content .images:after {
		background-size: 100%;
		height: 50%;
		bottom: -50px;
	}

	.services .item .caption h4 {
		font-size: 30px;
	}

	.services .item .caption {
		padding: 20px 20px 0 20px;
	}

	.services .item .caption p {
		font-size: 15px;
		line-height: 1.4;
	}

	.features .images img {
		width: 100%;
	}

	.features {
		padding: 5% 0 9%;
		background-size: 100%;
	}

	.features .col-md-4 p {
		font-size: 16px;
	}

	.features .col-md-4 h4 {
		font-size: 22px;
	}

	.about p {
		font-size: 21px;
	}

	.about a {
		font-size: 22px;
		padding: 5px 40px;
		margin-top: 10px;
	}

	.about .container {
		width: 80%;
	}

	.support {
		padding: 121px 0 0;
	}

	.support:after {
		background-size: 100%;
		top: 0;
		height: 100%;
	}

	.support ul {
		padding: 19px 0;
	}

	.breadcrumb {
		padding: 40px 0;
	}

	.signup- .images,
	.neworder- .images {
		/* display:none;
    */
	}

	.addfunds .nav-tabs>li>a,
	.orders .nav-pills>li>a {
		padding: 10px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
	.neworder table {
		display: table !important;
	}

	.neworder thead,
	.neworder tbody {
		display: table-header-group !important;
	}

	.neworder th,
	.neworder td {
		display: table-cell !important;
	}

	.neworder tr {
		display: table-row !important;
	}

	/* Hide table headers (but not display: none;
, for accessibility) */
	.services_p thead tr {
		/* position: absolute;
    */
		/* top: -9999px;
    */
		/* left: -9999px;
    */
		/* display: none;
    */
	}

	.services_p tr {
		/* margin: 0 0 1rem 0;
    */
	}

	.services_p tr:nth-child(odd) {
		/* background: #ccc;
    */
	}

	.services_p td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
}

@media(min-width:1366px) {
	.features .col-md-8 {
		margin-top: 10%;
	}
}

/* Chat containers */
.chatcontainer {
	border: 2px solid #dedede;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
}

/* Darker chat container */
.darker {
	border-color: #ccc;
	background-color: #ddd;
}

/* Clear floats */
.chatcontainer::after {
	content: "";
	clear: both;
	display: table;
}

/* Style images */
.chatcontainer img {
	float: left;
	max-width: 60px;
	width: 100%;
	margin-right: 20px;
	border-radius: 50%;
}

/* Style the right image */
.chatcontainer img.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

/* Style time text */
.time-right {
	float: right;
	color: #aaa;
}

/* Style time text */
.time-left {
	float: left;
	color: #999;
}

.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
		display: inline-block;
		min-width: 10px;
		padding: 3px 7px;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		line-height: 1;
		vertical-align: middle;
		white-space: nowrap;
		text-align: center;
		background-color: #f0ad4e;
		border-radius: 10px;
	}
}

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: initial;
	display: block;
	opacity: 1;
	background-color: #4E9FF1;
	z-index: 99;
	text-align: center;
}

#loading-image {
	position: initial;
	vertical-align: middle;
}

.wrapper {
	height: 100vh;
	/*This part is important for centering*/
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
}

.typing-demo {
	width: 22ch;
	animation: typing 2s steps(22), blink .5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	font-family: monospace;
	font-size: 2em;
}

@keyframes typing {
	from {
		width: 0
	}
}

@keyframes blink {
	50% {
		border-color: transparent
	}
}

.app-navbar {
	display: none;
	height: 70px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #fff;
	position: fixed;
	z-index: 1000;
	padding: 0;
	-webkit-box-shadow: 0 5px 50px rgb(200 200 200 / 100%);
	box-shadow: 0 5px 50px rgb(200 200 200 / 100%);
}

.app-navbar>.row {
	height: 70px;
	padding: 0 10px;
}

.app-navbar .col {
	border-right: 1px solid #ccc
}

.app-navbar .col:last-child {
	border: none
}

.app-navbar .navbar-mid-icon {
	margin-top: -40px;
	margin-left: -5px
}

.app-navbar a.active .navbar-icon {
	-webkit-filter: inherit;
	filter: inherit;
}

.app-navbar a.active .navbar-texts {
	color: #3766e8;
}

.app-navbar a.active i {
	color: #3766e8
}

.app-navbar i {
	color: #202020;
	font-size: 18px
}

.app-navbar .navbar-texts {
	font-size: 10px;
	font-weight: 500;
	color: #202020;
	display: block;
	margin-top: 6px;
}

@media screen and (max-width: 991.98px) {
	.app-navbar {
		display: block !important
	}

	.center-body {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100vh;
		/****** center box width: 300px;
    height: 300px;
    border: solid 1px #aaa;
    */
	}

	.loader-shape-2 {
		width: 48px;
		height: 48px;
		display: inline-block;
		box-sizing: border-box;
		position: relative;
		animation: anm-SL-2-move 2s ease-in-out infinite;
	}

	.loader-shape-2:before {
		border-radius: 12px 12px 0 0;
		content: " ";
		width: 24px;
		height: 35px;
		display: inline-block;
		box-sizing: border-box;
		background-color: #4E9FF1;
		transform: rotate(-45deg);
		position: absolute;
		top: 0;
		left: 8px;
	}

	.loader-shape-2:after {
		border-radius: 12px 12px 0 0;
		content: " ";
		width: 24px;
		height: 35px;
		display: inline-block;
		box-sizing: border-box;
		background-color: #4E9FF1;
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		right: 8px;
	}

	@keyframes anm-SL-2-move {
		0% {
			transform: scale(.5);
		}

		15% {
			transform: scale(1.4);
		}

		30% {
			transform: scale(1);
		}

		45% {
			transform: scale(1.4);
		}

		100%,
		60% {
			transform: scale(1);
		}
	}

	.stacktable {
		width: 100%;
	}

	.st-head-row {
		padding-top: 1em;
	}

	.st-head-row.st-head-row-main {
		font-size: 1.5em;
		padding-top: 0;
	}

	.st-key {
		width: 49%;
		text-align: right;
		padding-right: 1%;
	}

	.st-val {
		width: 49%;
		padding-left: 1%;
	}

	/* RESPONSIVE EXAMPLE */
	.stacktable.large-only {
		display: table;
	}

	.stacktable.small-only {
		display: none;
	}
}

@media (max-width: 800px) {
	.stacktable.large-only {
		display: none;
	}

	.stacktable.small-only {
		display: table;
	}
}

/* Services PAGE  */

.tservices-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #3b514e;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 -6px
}

.tservices-row>* {
	padding: 0 6px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px;
	text-align: center
}

.tservices-row>.tservice-avt {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 280px;
	flex: 0 0 230px
}

.tservices-row .tservice-id {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px
}

.tservices-row .tservice-des {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 280px;
	flex: 0 0 280px
}

.tservices-row .tservice-name {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right;
	display: flex;
	justify-content: flex-start
}

.tservice-head {
	background: #d5d5d5;
	border-radius: 5px;
	padding: 12px 30px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	line-height: 149.9%;
	font-weight: 700;
	margin-bottom: 10px;
}

.service-title {
	background: #4e9ff1;
	border-radius: 5px;
	padding: 12px 30px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	line-height: 149.9%;
	font-weight: 700;
	margin-bottom: 10px
}

.service-item {
	padding: 13px 20px;
	background: #4e9ff12b;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 8px
}

.t-service-m-title {
	display: none;
	font-size: 13px;
	color: rgba(255, 255, 255, .5);
	margin-bottom: 5px
}

.services-search {
	background: #fff;
	border-radius: 10px;
	height: 67px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: .14s ease;
	transition: .14s ease
}

.services-search:focus-within {
	-webkit-box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
	box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.services-search .icon {
	width: 67px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #acacac
}

.services-search .input {
	outline: 0;
	border: none;
	height: 67px;
	background-color: transparent;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #3b514e
}

.services-search .input::-webkit-input-placeholder {
	color: #acacac;
	font-weight: 600
}

.services-search .input:-ms-input-placeholder {
	color: #acacac;
	font-weight: 600
}

.services-search .input::-ms-input-placeholder {
	color: #acacac;
	font-weight: 600
}

.services-search .input::placeholder {
	color: #acacac;
	font-weight: 600
}

a {
	color: #2c9ff8;
	-webkit-transition: .14s ease;
	transition: .14s ease;
	text-decoration: none
}

a:hover {
	color: #19b7e7;
	-webkit-text-decoration: underlin;
	text-decoration: underlin
}

.dd-menu {
	border: none;
	-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .2)
}

.close {
	background: 0 0;
	border: none
}

.modal-title {
	font-size: 14px !important
}

.modal-header {
	background: #4e9ff1;
	color: #fff
}

@media (max-width:768px) {
	.page-head .col-md-3:nth-child(1) {
		display: none !important
	}

	.page-head .col-md-3:nth-child(3) {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.services-all .service-item {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 98% !important;
		flex: 0 0 98% !important;
		margin: 10px 1%
	}
	.common .main-content .well form .form-group input{
		padding: 30px 0px 30px 35px;
	}
	.common .main-content .well form .form-group {
		background: url(https://storage.perfectcdn.com/e1e65e/4p2jcrrwodmyfxka.png) no-repeat left 3% top 50%;
	}
	.common .main-content .well form .form-group.form-group__password {
		background: url(https://storage.perfectcdn.com/e1e65e/ksr4x3jsc743cew6.png) no-repeat left 3% top 50%;
	}
}

@media (max-width:992px) {
	.language-dropdwon-auth{
		display: none;
	}
	.services-all {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -1%
	}

	.services-all .service-title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 98%;
		flex: 0 0 98%;
		margin: 1%
	}

	.services-all .service-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		margin: 1%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.tservice-head {
		display: none
	}

	.tservices-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -10px 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tservices-row>* {
		padding: 3px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.tservices-row>.tservice-avt {
		padding: 3px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.tservices-row>::before {
		font-size: 13px;
		color: #acacac;
		display: block
	}

	.tservices-row .tservice-per::before {
		content: 'سعر ١٠٠٠ زيادة'
	}

	.tservices-row .tservice-avt::before {
		content: 'التنفيذ خلال'
	}

	.tservices-row .tservice-min::before {
		content: 'حد ادنى'
	}

	.tservices-row .tservice-max::before {
		content: 'حد أعلى'
	}

	.tservices-row .tservice-name {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		text-align: center;
		justify-content: center
	}

	.tservices-row .tservice-des {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
	}

	.tservices-row .tservice-des .btn {
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 49%;
		flex: 0 0 49%
	}

	.tservices-row .tservice-des .btn+.btn {
		margin-left: 2%
	}

	.p-100 {
		padding: 0 15px !important
	}
}

.d-menu-header {
	display: none
}

@media (max-width:1200px) {
	.d-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		background-color: #fff;
		-webkit-box-shadow: 0 -5px 30px rgba(0, 0, 0, .2);
		box-shadow: 0 -5px 30px rgba(0, 0, 0, .2);
		left: 0;
		top: 30px;
		right: 0;
		bottom: 0;
		z-index: 1050;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-transition: .2s ease;
		transition: .2s ease;
		-webkit-transform: translateY(calc(100% + 30px));
		transform: translateY(calc(100% + 30px))
	}

	.d-menu .d-menu-header {
		display: block;
		padding: 14px 30px
	}

	.d-menu .d-menu-header h2 {
		font-weight: 600;
		font-size: 18px;
		margin-bottom: 0
	}

	.d-menu .d-menu-content {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 5px 20px 100px 20px;
		overflow-y: scroll
	}

	.d-menu .btn-close {
		height: 40px;
		width: 40px;
		padding: 0;
		border-radius: 50%;
		background-color: #ddd
	}

	.header-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.header-menu .dd-menu {
		position: relative !important;
		margin-top: -60px !important;
		margin-bottom: 60px !important
	}
}

@media (max-width:1500px) {
	.header-menu {
		margin: 0 -14px;
		padding: 10px
	}
}

.p-100 {
	padding: 0 100px
}

#servisDetay .modal-dialog .modal-body h3 {
	font-size: 18px;
	font-weight: 600;
	padding: 15px 0
}

#servisDetay .modal-dialog .modal-body p {
	color: #525560;
	font-size: 13px;
	padding: 0;
	max-height: 200px;
	overflow-x: scroll
}

.services-info {
	position: relative;
	border: 1px solid #efefef;
	border-radius: 15px;
	padding: 25px 30px;
	background: rgb(26 27 30 / 10%)
}

.services-info h2 {
	font-size: 16px
}

.services-info .si-item {
	text-align: center
}

.services-info .si-item p,
.services-info .si-item small {
	color: #fff !important;
	font-weight: 400
}

.services-info .si-circle {
	background: #4e9ff1;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	text-align: center;
	line-height: 55px;
	font-size: 24px;
	margin-bottom: 5px
}

.services-info .si-circle i {
	color: #fff
}

.service-id-box {
	width: max-content;
	height: 50px;
	border-radius: 8px;
	background: #4e9ff1;
	color: #fff;
	padding: 0 15px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#servisDetay .modal-dialog .modal-body .service-id-box {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: 35px;
	padding: 0 15px;
	border-radius: 8px;
	background: #c31331;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#servisDetay .modal-dialog .modal-body h3 {
	font-size: 18px;
	font-weight: 600;
	padding: 15px 0
}

#servisDetay .modal-dialog .modal-body p {
	color: #525560;
	font-size: 13px;
	padding: 0;
	max-height: 200px;
	overflow-x: scroll
}

@media (max-width:991.98px) {
	.services-info {
		padding: 20px;
		margin: 0
	}
}

.breadcrumb h2 {
	margin: 0 55px 0 0;
}

@media (max-width: 767px) {

	.breadcrumb h2,
	h3 {
		margin-right: 10px;
	}
}

h4 {
	color: #4e9ff1;
	font-size: 14px;
}


/* Services page codes*/

/*
**************************
NEW CODES STARTED
**************************
*/
.chatcontainer {
	border: 2px solid #00b9f5;
	background-color: #afdfff;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
}

.darker {
	border-color: #00b9f5;
	background-color: #fff;
}

.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
	content: "\f06a";
	font-family: 'Font Awesome 5 Pro';
}

.font_black_v2 {
	color: var(--black);
}

.form-group .form-control {
	border: 1px solid var(--grey);
}

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

.boxes_item .icon {
	font-size: 30px;
	width: 70px;
	height: 70px;
	background: #ddd;
	color: #232323;
	text-align: center;
	line-height: 70px;
	border-radius: 70px;
}

.boxes_item h2 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 0px;
}

/*  */

/* CARD */
.mb-2 {
	margin-bottom: 15px;
}

.mb-3 {
	margin-bottom: 25px;
}

.mb-4 {
	margin-bottom: 30px;
}

.card {
	background: var(--white);
	border: 1px solid #ddd;
	border-radius: 10px;
	transition: 0.5s ease;
}

.darkMode .card {
	background: var(--content-bg-dark);
	border-color: var(--content-bg-dark);
}

.card-body {
	padding: 15px 15px;
}

.card_title {
	display: flex;
	gap: 10px;
	align-items: center;
	border-bottom: 1px solid var(--grey);
	padding-bottom: 10px;
}

.card_title .icons {
	width: 45px;
	height: 45px;
	display: flex;
	background: var(--primary-color);
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--white);
	border-radius: 5px;
}

.card_title .card_title_text {
	font-size: 16px;
	font-weight: bold;
	color: var(--black);
}

.btn.btn-primary.btn_primary_v2 {
	width: 100%;
	background: var(--primary-color);
	border-color: var(--primary-color);
	padding: 10px 5px;
	font-size: 16px;
	border-radius: 5px;
	color: var(--white);
	transition: 0.5s ease-in-out;
}

.btn.btn-primary.btn_primary_v2:focus {
	outline: 0;
	box-shadow: none;
}

.btn.btn-primary.btn_primary_v2:hover {
	background: var(--primary-color-deep);
}

.form-group {
	margin: 10px 0px;
}

.form-group .form-control {
	height: 45px;
	border-radius: 5px;
	border: 1px solid var(--grey);
	box-shadow: none;
	background: var(--white);
}

.form-group .form-control:focus,
.form-group .form-control:active {
	border-color: var(--primary-color);
	box-shadow: 0 0 10px var(--grey);
}

.card_content .img>img {
	width: 180px;
	height: 180px;
	border-radius: 200px;
	border: 2px solid var(--primary-color);
	margin: 15px 5px;
	padding: 2px;
	object-fit: cover;
}

.gizli {
	display: none !important;
}

.darkMode .form-group .form-control {
	background: var(--input-bg-dark);
	border-color: var(--input-bg-dark);
	color: var(--white);
}

.darkMode .form-group .form-control:focus,
.darkMode .form-group .form-control:active {
	box-shadow: none;
}


.darkMode .form-group label {
	color: var(--white) !important;
}

.darkMode .card_title {
	border-color: var(--input-bg-dark);
}

.darkMode .card_title .card_title_text {
	color: var(--white);
}

.user_area {
	padding: 15px 20px;
	text-align: center;
	background: var(--user-bg);
	width: 80%;
	margin: 0 auto;
	margin-top: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	transition: 0.5s ease;
}

.userProfile img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #ddd;
	padding: 2px;
	object-fit: cover;
	margin-bottom: 5px;
}

.user_area .userData .username {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	text-transform: capitalize;
}

.user_area .userData .balance {
	display: inline-block;
	background: var(--primary-color);
	padding: 5px 15px;
	border-radius: 50px;
	color: var(--white);
}

nav#slide-menu.sideMenu_auth ul li {
	padding: 0px !important;
	border: none !important;
	width: 80% !important;
}


nav#slide-menu.sideMenu_auth ul li a {
	display: flex;
	background: var(--mob-nav-item-bg);
	color: var(--primary-color);
	border-radius: 3px;
	padding: 8px 15px !important;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	margin-bottom: 5px;
	transition: 0.5s ease;
}

nav#slide-menu.sideMenu_auth ul li.active a {
	background: var(--primary-color);
	color: var(--white) !important;
}

.nav_sticky_top {
	position: sticky;
	top: 0;
	z-index: 9;
}

.darkMode nav#slide-menu {
	background: var(--navbar-bg-dark);
}

.darkMode .user_area {
	background: var(--breadcrumb-bg-dark);
}

.darkMode nav#slide-menu.sideMenu_auth ul li a {
	background: var(--breadcrumb-bg-dark);
}

.darkMode nav#slide-menu.sideMenu_auth ul li.active a {
	background: var(--primary-color);
}

footer#footer {
	background: var(--content-bg-dark);
	color: var(--white);
	padding: 70px 0px;
}

#footer .logo {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer .logo img {
	max-width: 200px;
	height: auto;
}

#footer .footer_content p {
	width: 70%;
	text-align: right;
}
.common #footer .footer_content p{
	text-align: left;
}

#footer .quick_menu h4 {
	font-size: 25px;
	font-weight: bold;
	color: var(--white);
	margin-bottom: 10px;
	text-align: right;
	margin-bottom: 15px;
}

.common #footer .quick_menu h4{
	text-align: left;
}

#footer .quick_menu h4:after {
	content: '';
	width: 80px;
	height: 2px;
	margin: 5px 0px;
	background: var(--primary-color);
	display: block;
	opacity: .5;
}

#footer .quick_menu .qc_menu {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 5px;
}

#footer .quick_menu .qc_menu a {
	display: flex;
	gap: 5px;
	flex-direction: row;
	align-items: center;
	color: var(--grey);
	font-size: 14px;
	text-decoration: none;
	transition: 0.5s ease;
}

#footer .quick_menu .qc_menu a:hover {
	color: var(--primary-color);
}

#footer .social_media {
	display: flex;
	flex-direction: row;
	gap: 5px;
	margin-top: 10px;
}

.social_media .media {
	text-decoration: none;
	display: flex;
	width: 35px;
	height: 35px;
	background: #263548;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: var(--primary-color);
	border-radius: 50px;
	margin-top: 0px;
	transition: 0.5s ease-in-out;
}

.social_media .media:hover {
	background: var(--primary-color);
	color: var(--white);
}

#footer .copyright_text {
	text-align: center;
	margin-bottom: 0px;
}

.top_box_wraper {
	margin-top: 30px;
	margin-bottom: 30px;
}

.box_item {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	background: white;
	padding: 15px 15px;
	border-radius: 7px;
	box-shadow: 0 5px 10px #dbdbdb;
	margin-bottom: 10px;
	transition: background 0.5s ease;
}

.box_item .icon {
	width: 50px;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-color);
	color: var(--white);
	border-radius: 50px;
}

.box_item .box_content h4 {
	font-size: 25px;
	font-weight: bold;
	color: var(--black);
	margin-bottom: 0px;
}

.box_item .box_content p {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0px;
}

.darkMode .box_item {
	background: var(--content-bg-dark);
	box-shadow: none;
}

.darkMode .box_item .box_content p,
.darkMode .box_item .box_content h4 {
	color: var(--white);
}

.nav_tabs.nav-pills>li.active>a,
.nav_tabs.nav-pills>li.active>a:hover,
.nav_tabs.nav-pills>li.active>a:focus {
	padding: 10px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-variant: var(--primary-color);
}

.text-primary {
	color: var(--primary-color);
}

.nav_tabs.nav-pills>li>a>h1 {
	font-size: 20px;
	font-weight: bold;
}

.nav_tabs.nav-pills>li a h1 {
	margin: 0;
	padding: 0;
	color: var(--black);
}

.darkMode .nav_tabs.nav-pills>li>a>h1 {
	color: var(--white);
}

.darkMode .nav>li>a:hover,
.darkMode .nav>li>a:focus {
	background: var(--input-bg-dark);
}

.nav_tabs.nav-pills>li.active>a h1 {
	color: var(--white);
}

.user_data {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: normal;
}

.update_list {
	margin-top: 15px;
}

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

.update_list ul li {
	display: flex;
	align-items: center;
	font-size: 16px;
	gap: 10px;
	color: var(--black);
	margin-bottom: 10px;
}

.darkMode .update_list ul li {
	color: var(--white);
}

.update_list ul li a {
	color: var(--black);
}

.darkMode .update_list ul li a {
	color: var(--white);
}

.darkMode #service_description .panel-body {
	background: var(--input-bg-dark);
	color: var(--white);
	border: none;
}

textarea.form-control {
	min-height: 150px;
}

#massorder textarea.form-control {
	height: 300px;
}

#page_title .page_title_inner {
	margin: 15px 0px;
	padding: 50px 10px;
	background:linear-gradient(45deg,#4ea0f1a6 , #4ea0f1a3),url(https://storage.perfectcdn.com/e1e65e/ee86gt9iefobtwjj.png);
	background-color: var(--primary-color);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	border-radius: 10px;
}

.dropdown-menu.dd-menu {
    width: 100%;
	max-height: 350px;
    overflow: auto;
}

#servDescriptionDialog .servicesHead{
	text-align: center;
	background: var(--primary-color);

}
.dropdown-menu > li > a{
	width: 100%;
	white-space: normal ;
	border-bottom: 1px solid var(--grey);
    padding: 8px 15px;
}


#page_title .page_title_inner .icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: var(--white);
	color: var(--primary-color);
	font-size: 20px;
	line-height: 60px;
	border-radius: 50px;
	margin-bottom: 5px;
}

#page_title .page_title_inner h3 {
	font-size: 20px;
	font-weight: bold;
	color: var(--white);
	margin: 0 auto;
	margin-bottom: 5px;
}

.badges-yellow {
	background: orange;
	color: var(--white);
}

.chat_box_inner .top_title h3 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 10px;
	color: var(--primary-color);
	border-bottom: 1px solid var(--grey);
}

.msg_user .ticket-message {
	background: var(--grey);
}

.msg_admin .ticket-message {
	background: var(--grey);
}

.darkMode .msg_user .ticket-message {
	background: var(--input-bg-dark);
	color: var(--white) !important;
}

.darkMode .msg_admin .ticket-message {
	background: var(--input-bg-dark);
	color: var(--white) !important;
}

#api_page table {
	background: var(--white);
}

.darkMode #api_page table {
	background: var(--content-bg-dark);
}

.darkMode #api_page table tr {
	color: var(--white) !important;
}

.search_bar {
	display: flex;
	align-items: center;
}

.search_bar .form-control {
	border-radius: 0px 5px 5px 0px;
}

.btn-search {
	height: 100%;
	border-radius: 5px 0px 0px 5px;
	min-height: 45px;
}

.darkMode table tr,
.darkMode table td,
.darkMode table th {
	color: var(--white);
}

#addFund_page .nav-item .nav-link {
	display: flex;
	align-items: center;
	font-size: 16px;
	gap: 5px;
}

.others_content {
	border: 1px solid #ddd;
	background: var(--body-bg);
	padding: 20px 5px;
	border-radius: 7px;
	margin-top: 15px;
	font-size: 18px;
}

.darkMode .others_content {
	background: var(--body-bg-dark);
}

pre {
	background: var(--content-bg-dark);
	color: var(--white);
	padding: 10px 20px;
}

.accordion_item .btn-link {
	width: 100%;
	text-align: right;
	display: flex;
	justify-content: space-between;
	background: var(--body-bg);
	margin-bottom: 5px;
	text-decoration: none;
	border-radius: 5px;
	color: var(--black);
	font-weight: bold;
	font-size: 16px;
	outline: none;
}

.accordion_item .btn-link:focus {
	outline: none;
}

.accordion_item>button:not(.collapsed) {
	background: var(--primary-color);
	color: var(--white);
}

.btn_tiggered .fa-minus {
	display: none;
}

.accordion_item>button:not(.collapsed) .btn_tiggered .fa-minus {
	display: block;
}

.accordion_item>button:not(.collapsed) .btn_tiggered .fa-plus {
	display: none;
}

.accordion_item .card {
	margin-bottom: 5px;
}

.darkMode .accordion_item .btn-link {
	background: var(--primary-color);
	color: var(--white);
}

.darkMode .accordion_item .card {
	background: var(--body-bg-dark);
	color: var(--white);
}

#order_history table {
	background: var(--white);
}

.darkMode #order_history table {
	background: var(--content-bg-dark);
}

#verify_wraper {
	padding: 6rem 0;
}

.verify_page_title {
	text-align: center;
	margin-bottom: 30px;
}

.verify_page_title h2 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: var(--black);
}

.verify_page_title p {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eeeeee !important;
	opacity: 1;
}

.text-white {
	color: var(--white);
}

#services .search_box {
	position: relative;
}

#services .search_box>.form-control {
	padding-right: 30px;
}

.darkMode #services .search_box>.form-control {
	background: var(--body-bg-dark);
	color: var(--white);
}

.darkMode .dropdown-menu.dd-menu {
	background: var(--input-bg-dark);
	color: var(--white) !important;
}

.darkMode .dropdown-menu.dd-menu>li>a {
	color: var(--white) !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: var(--primary-color);
}

.darkMode .card-body {
	color: var(--white) !important;
}

.darkMode .tservices-row {
	color: var(--white) !important;
}

#services .search_box .search_icon {
	position: absolute;
	top: 25%;
	right: 10px;
	font-size: 15px;
}

.darkMode #services .tservice-head {
	background: var(--navbar-bg-dark);
}

#services .tservice-id {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.darkMode .faq_content .panel.panel-default {
	background: var(--content-bg-dark);
	border-color: var(--content-bg-dark);
}

.darkMode .faq_content .panel.panel-default p {
	color: var(--white);
}

.btn-primary {
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.btn-primary:focus {
	outline: 0 !important;
}

button.btn.btn-primary.btn-filter.btn-block.dropdown-toggle {
	display: flex;
	align-items: center;
}

span.category_text {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.faq_content .panel.panel-default a {
	text-decoration: none;
}

.faq_content .panel.panel-default .panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	text-decoration: none;
	color: var(--black);
	font-weight: bold;
}

.faq_content .panel.panel-default p {
	border-top: 1px solid #ddd;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	color: var(--black);
}

.faq_content .panel.panel-default>a:not(.collapsed) {
	background: var(--primary-color);
	color: var(--white);
}

.faq_content .panel.panel-default>a:not(.collapsed) .btn_tiggered .fa-minus {
	display: block;
}

.faq_content .panel.panel-default>a:not(.collapsed) .btn_tiggered .fa-plus {
	display: none;
}

.d-flex {
	display: flex;
}

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

.has_icon .av_icon_wrap {
	position: relative;
}

.has_icon .av_icon_wrap .av_icon {
	font-size: 18px;
	position: absolute;
	width: 35px;
	height: 35px;
	background: var(--primary-color);
	text-align: center;
	line-height: 35px;
	color: var(--white);
	border-radius: 4px;
	top: 5px;
	right: 5px;
}
.common .has_icon .av_icon_wrap .av_icon {
	left: 5px;
}
.has_icon .av_icon_wrap .form-control {
	padding-right: 45px;
}

.common .has_icon .av_icon_wrap .form-control {
	padding-left: 45px;
}

.checkbox .terms-accept-checkbox {
	margin-right: 0px !important;
}

#signup_page {
	padding: 70px 0px;
}

#signup_page .signup_title {
	text-align: center;
	margin-bottom: 50px;
}

#signup_page .signup_title h2 {
	font-size: 35px;
	font-weight: bold;
	color: var(--black);
}

#signup_page .signup_title p {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: var(--black);
}

.signup_image {
	margin-top: 70px;
}

.darkMode .form-control[disabled],
.darkMode .form-control[readonly],
.darkMode fieldset[disabled] .form-control {
	background-color: #28394c !important;
}

.darkMode .panel-body{
    background: var(--input-bg-dark);
    border-color: var(--input-bg-dark);
}


#affiliates .aff_item {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
}

#affiliates .item_left {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
}

#affiliates .item_left .icon {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    color: var(--white);
}


#affiliates .item_right {
    display: flex;
    align-items: center;
}

#affiliates .affiliate_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

#affiliates .sm_aff_item .icon {
    background: var(--primary-color);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    color: var(--white);
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}

#affiliates .sm_aff_item {
    display: flex;
    gap: 12px;
}

#affiliates .sm_content h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}

#affiliates .sm_content p {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.text-center{
	text-align: center;
}
.item_link #myInput {
	border: 1px solid #ddd;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
.darkMode .item_link #myInput{
	background: var(--input-bg-dark);
	color: var(--white);
	border-color: var(--primary-color);
}
.affiliate_wrap{
	padding-top: 20px;
	padding-bottom: 10px;
}
#signin_banner .form-group{
	margin-top: 0px!important;
}

.common #signin_banner .form-group{
	margin-left: 15px!important;
}


#signin_banner.main-content .text h1{
	font-size: 45px;
	font-weight: bold;
	color: var(--white);
	margin-bottom: 10px;
}

#signin_banner.main-content .text h2{
	font-size: 18px;
	font-weight: normal;
	color: var(--white);
	margin-bottom: 5px;
}

#servics{
	padding: 50px 0px;
}

.section_title{
	margin-bottom: 70px;
}
.section_title h2{
	font-size: 45px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	color: var(--black);
} 
.section_title p{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color:  var(--text-color);
}
.section_title::after{
	content: '';
	display: flex;
	justify-content: center;
	width: 80px;
	height: 5px;
	background: var(--primary-color);
	margin: 0 auto;
}

.serv-slider .item{
	background: #fff;
	text-align: center;
	padding: 30px;
	border-radius: 10px;
	width: 95%;
	min-height: 450px;
	margin: 0 auto;
}
.common .serv-slider .item{
	min-height: 475px;
}
.serv-slider .item .image {
	margin-bottom: 20px;
}
.serv-slider .item .image img{
	width: 200px;
	height: auto;
	margin: 0 auto;
}
.serv-slider .item .item_content h3{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: var(--black);
	margin-bottom: 15px;
}
.serv-slider .item .item_content p{
	font-size: 16px;
	text-align: center;
	color: var(--text-color);
}
.serv-slider .item .image {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-content .text > a{
	color: var(--white);
	text-decoration: underline;
}

#about{
	padding: 70px 0px;
}
#about .about_content h2{
	font-size: 45px;
    margin-bottom: 15px;
    font-weight: bold;
    color: var(--black);

}
#about .about_content  p{
    font-size: 16px;
    font-weight: normal;
    color: var(--text-color);
	margin-bottom: 10px;
}
#about .about_image{
	margin-top: 50px;
}
.about_btn_wrap .btn-about{
	background: var(--primary-color);
    padding: 15px 40px;
    font-size: 18px;
	font-weight: bold;
    color: var(--white);
	transition: 0.5s;
}
.about_btn_wrap .btn-about:hover{
	background: var(--primary-color-deep);
}
.about_btn_wrap .btn-about:last-child{
	margin-right: 10px;
}
#support {
	background: url(https://storage.perfectcdn.com/e1e65e/pclhmflbf83bd73c.png);
    padding: 70px 0px;
    text-align: center;
    background-color: #4e9ff1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#support .support_content h2{
	font-size: 45px;
	font-weight: bold;
	color: var(--white);
	text-align: center;
	margin-bottom:15px;
}

#support .support_content p{
	font-size: 16px;
	color: var(--white);
	font-weight: normal;
	text-align: center;
	margin-bottom: 15px;
}
.support_content .list-inline{
	margin-top: 20px;
}
#support .support_content .btn_support{
	font-size: 18px;
	color: var(--primary-color);
	padding: 15px 30px;
	border-radius: 5px;
	background: var(--white);
	display: flex;
	align-items: center;
	gap: 5px;
	flex-direction: row-reverse;
	text-decoration: none;
	transition: 0.5s ease;
}

#support .support_content .btn_support:hover{
	background: var(--grey);
}
#support .support_content .btn_support i{
	font-size: 22px;
}
#payment2{
	padding: 70px 0px;
}
#payment .payment_content h2{
	font-size: 45px;
	font-weight: bold;
	color: var(--black);
	margin-bottom:15px;
}
#payment .payment_content p{
	font-size: 16px;
	color: var(--text-color);
	font-weight: normal;
	margin-bottom: 15px;
}
.payment_image img{
	width: 100%;
}
.btn.btn_payments{
	background: var(--primary-color);
    padding: 15px 40px;
    font-size: 18px;
    font-weight: bold;
    color: var(--white);
    transition: 0.5s;
}
.payment_image {
	animation: float 5s infinite;
}

.counter_item > img {
    width: 50px;
    margin-bottom: 5px;
}

.counter_item h5 {
    font-size: 16px;
    font-weight: bold;
    color: var(--white);
    margin-top: 10px;
    margin-bottom: 10px;
}

.counter_item h6 {
    font-size: 25px;
    color: var(--white);
    font-weight: bold;
}
.btn.btn-buyNow {
    background: var(--buy-now-btn);
    color: #fff;
}

/*
	Service Page
*/

.servicesHead {
    background: var(--primary-color);
    padding: 10px;
    text-align: center;
}

#servDescriptionDialog .modal-body {
    padding: 0px;
}

#servDescriptionDialog .modal-content {
    border-radius: 10px;
    overflow: hidden;
    border: none;
}

.servicesHead .serv_id_wrap {
    background: #1e2927;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.servicesHead .servName {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
}

#servDescriptionDialog button.close {
    position: absolute!important;
    top: 25px;
    left: 25px;
    background: rgb(246, 48, 71);
    opacity:1;
    width: 30px;
    height: 30px;
    display:flex;
    justify-content:center;
	align-items: center;
	color: var(--white);
	font-size: 15px;
	top: 10px;
	left: 10px;
	border-radius: 50px;
}

div#serv_details {
    padding: 15px;
    text-align: right;
    font-size: 14px;
    color: var(--text-color);
}

.serv_more_infos {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.buyNOwBtn > a {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    background: var(--primary-color);
    color: var(--white);
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 16px;
}

.buyNOwBtn {
    padding: 15px;
}

.ser_more_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ser_more_item .serv_more_icon {
    width: 60px;
    height: 60px;
    background: #4e9ff1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 50px;
    color: var(--white);
    margin: 0 auto;
}

.ser_more_item .more_infos h5 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.ser_more_item .more_infos span {
    font-size: 22px;
    font-weight: bold;
}

.darkMode #servDescriptionDialog .modal-body{
	background: var(--content-bg-dark);
}
.darkMode #serv_details{
	color: var(--white);
}

.status_bg {
    display: inline-block;
    background: #e7e7e7;
    padding: 5px 15px;
    border-radius: 50px;
    color: var(--black);
}

.status_bg.ticket_answered{
	background: var(--success-bg);
	color: var(--white);
}
.status_bg.ticket_pending{
	background: var(--primary-color);
	color: var(--white);
}
.status_bg.ticket_closed{
	background: var(--danger-bg);
	color: var(--white);
}

.btn.btn-primary.search{
	min-height: 45px;
	background: var(--primary-color);
	max-width: 100px;
}

span#copySuccessMsg {
    position: fixed;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9999;
    background: #dff0d8;
    color: #468847;
	border: 1px solid #468847;
    padding: 10px;
    border-radius: 7px;
    visibility: hidden;
	pointer-events: none;
	z-index: 99;
	transition: 0.5s;
}

#copySuccessMsg.actived {
	visibility: visible;
}

/* our Responsive areas */
@media (min-width: 1700px) {
	.userAuthed .container {
		width: 90%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 992px) {
	#modeToggler {
		margin-top: 10px;
	}
	
}

@media only screen and (max-width: 991px) {
	.d-flex {
		flex-direction: column;
	}
	.navbar-default {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-header {
		flex-direction: row;
		justify-content: flex-end;
	}
	.common .navbar-header{
		justify-content: flex-start;
	}
	.table_responsive {
		width: 100%;
		overflow: auto;
	}

	.table_responsive table {
		min-width: 1200px;
	}
}

@media only screen and (max-width: 768px) {
	.navbar-default {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.signup_image {
		margin-top: 20px;
	}
	#about .about_image{
		margin-top: 10px;
	}
	#signin_banner .form-group {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.main-content .well .signin {
		padding: 15px;
	}
	#signin_banner .form-group input {
		border: 1px solid #ddd;
		border-radius: 5px;
		width: 100%;
	}
	#signin_banner .form-group{
		margin-right: 0px;
	}
	.common #signin_banner .btn-primary{
		margin-left: 0px;
	}
	#signin_banner .btn-primary{
		width: 100%;
		border-radius: 5px;
		min-height: 45px;
	}
	.features {
		padding: 20px 0px;
		background: #ffb901;
	}
	.tservices-row .tservice-des{
		display: flex;
		gap: 5px;
		justify-content: space-between;
	}
	.tservice-name h4{
		margin: 0px;
	}
	#copySuccessMsg {
		bottom: 70px!important;
	}
	.common #signin_banner .form-group{
		margin-left: 0px!important;
	}
	
}

@media only screen and (max-width: 550px) {
	.footer_content {
		text-align: center;
	}

	.logo {
		text-align: center;
	}

	#footer .footer_content p {
		width: 100%;
		text-align: center;
	}


	.quick_menu h4 {
		text-align: center !important;
	}

	#footer .quick_menu .qc_menu a {
		justify-content: center;
	}

	#footer .quick_menu h4:after {
		margin: 0 auto;
		margin-top: 5px;
	}

	#footer .social_media {
		justify-content: center;
	}
	#signin_banner.main-content .text h1{
		font-size: 30px;
		margin-bottom: 15px;
	}
	#signin_banner.main-content .text h2{
		font-size: 16px;
	}
	.main-content .text > a{
		font-size: 16px;
	}
	.main-content .text span{
		font-size: 30px;
	}
	.section_title h2{
		font-size: 30px;
	}
	.section_title p{
		font-size: 16px;
	}
	.serv-slider .item .item_content h3{
		font-size: 25px;
	}
	.serv-slider .item .image{
		height: 180px;
	}
	.serv-slider .item .image img{
		width: 180px;
	}
	.list-inline > li{
		margin-bottom: 10px;
	}
	
}

/* Order page */
#orderHistory {
	margin-top: 30px;
	margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr;
}

.orderItem {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 5px 5px #efefef;
	transition: 0.5s ease;
}
.orderItem:hover{
	background: #f9fcff;
}

.darkMode .orderItem {
	background: var(--content-bg-dark);
	border-color: #4e9ff14a;
	box-shadow: none;
}

.darkMode .orderItem:hover {
    background: #243446;
}


.orderItem .orderItem_content{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.orders-item__content.order_id {
    width: 9%;
    display: flex;
    align-items: center;
}

.orders-item__content.order_id.order_service {
    width: 25%;
    display: flex;
    color: #232323;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}

.orders-item__link {
    width: 40%;
    background: #ddd;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border-radius: 10px;
}
.darkMode .orders-item__link{
	background: var(--body-bg-dark);
} 
.orders-item__date {
    width: 16%;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
}

.orders-item__state {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    width: 15%;
}

.orders-item__date .date_dot {
    width: 10px;
    height: 10px;
    background: #525252;
    border-radius: 50px;
    box-shadow: 0 0 5px #525252;
}
.darkMode .orders-item__date .date_dot {
	background: var(--success-bg);
}
#showDetails {
    width: 40px;
    height: 40px;
    border: none;
    background: var(--primary-color);
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.copyBtn.orderLink {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--primary-color);
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}

.orders-item__badge {
    text-align: center;
    color: #FFFFFF;
    padding: 10px;
    width: 100%;
    background: #1C243A;
    border: 1px solid #283457;
    border-radius: 5px;
  }
  .orders-item__badge--warning {
    background: orange;
    border-color: orange;
    color: #fff;
  }
  .orders-item__badge--warning.os-inprogress{
    background: #0032e6;
    border-color: #0032e6;
  }
  .orders-item__badge--warning.os-canceled{
    background: #e6003a;
    border-color: #e6003a;
  }
  .orders-item__badge--warning.os-processing{
    background: #00b0e6;
    border-color: #00b0e6;
  }
  .orders-item__badge--warning.os-partial{
    background: #73a839c9;
    border-color: #73a839c9;
  }
  .orders-item__badge--warning.os-completed{
    background: #468847;
    border-color: #468847;
  }
  .orders-item__badge--warning.os-pending{
    background: #6105ff;
    border-color: #6105ff;
  }

  #showDetails.arrowUp i {
    transform: rotate(180deg);
}

.orders-item__detail {
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.orders-item__detail .details_item{
		display: flex;
		gap: 5px;
		font-size: 16px;
		align-items: center;
}

.darkMode .orders-item__detail{
	border-color: var(--white);
}

.darkMode .orders-item__detail .details_item{
	color: var(--white);
}


/* Order Table Responsive */
@media only  screen and (max-width:991px) {
	#orderHistory {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.orderItem .orderItem_content {
		display: flex;
		gap: 5px;
		flex-direction: column;
	}
	.orderItem .orderItem_content > *{
		width: 100%!important;
	}
	.orders-item__link{
		padding: 5px;
		border-radius: 5px;
	}
	.orders-item__content.order_id{
		justify-content: center;
	}
	.orders-item__detail{
		flex-direction: column;
	}
}


@media only  screen and (max-width:550px) {
	#orderHistory {
		grid-template-columns: 1fr;
		gap: 0px;
	}
	.orderItem .orderItem_content {
		display: flex;
		gap: 5px;
		flex-direction: column;
	}
	.orderItem .orderItem_content > *{
		width: 100%!important;
	}
	.orders-item__link{
		padding: 5px;
		border-radius: 5px;
	}
	.orders-item__content.order_id{
		justify-content: center;
	}
}

/* NEW CSS */
.language-dropdwon {
    list-style: none;
    margin-top: 9px;
    background: #4e9ff1;
    padding: 8px 15px;
    border-radius: 50px;
    direction: ltr;
}

.language-dropdwon > a {
    color: #fff!important;
    text-decoration: none;
}


.membership-label {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 14px;
  }

  .membership-label[data-membership="gold"] {
	background-color: #FFD700;
	color: #000;
  }

  .membership-label[data-membership="diamond"] {
	background-color: #9b59b6;
	color: #fff;
  }

  .membership-label[data-membership="master"] {
	background-color: #db9c2f;
	color: #fff;
  }

  .membership-label[data-membership="vip"] {
	background-color: #1abc9c;
	color: #fff;
  }

  .membership-label[data-membership="elite"] {
	background-color: #e67e22;
	color: #fff;
  }

  .membership-label[data-membership="عادي"] {
	background-color: #95a5a6;
	color: #fff;
  }

  .membership-label[data-membership="جديد"] {
	background-color: #34495e;
	color: #fff;
  }
  .red-strikethrough {
	color: red;
	text-decoration: line-through;
  }
  .green-bold {
	color: green;
	font-weight: bold;
  }

  .payment-methods {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin-top: 20px;
}

.payment-method {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 50px;
	border: 2px solid #007bff;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #007bff;
	margin-bottom: 20px;
	padding: 5px;
}

.payment-method:hover {
	background-color: #007bff;
	color: white;
}

.red-strikethrough {
    color: red;
    text-decoration: line-through;
  }
  .green-bold {
    color: green;
    font-weight: bold;
  }

  .membership-label {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
  }

  .membership-label[data-membership="gold"] {
    background-color: #FFD700;
    color: #000;
  }

  .membership-label[data-membership="diamond"] {
    background-color: #9b59b6;
    color: #fff;
  }

  .membership-label[data-membership="master"] {
    background-color: #db9c2f;
    color: #fff;
  }

  .membership-label[data-membership="vip"] {
    background-color: #1abc9c;
    color: #fff;
  }

  .membership-label[data-membership="elite"] {
    background-color: #e67e22;
    color: #fff;
  }

  .membership-label[data-membership="عادي"] {
    background-color: #95a5a6;
    color: #fff;
  }

  .membership-label[data-membership="جديد"] {
    background-color: #34495e;
    color: #fff;
  }

  .top_titles{
    padding: 50px 0px;
}
.top_titles  h2{
    font-size: 35px;
    font-weight: bold;
    color: #232323;
    margin-bottom: 5px;
}

.top_titles  p{
    font-size: 16px;
    color: #747474;
}

.default-section{
    margin: 50px 0;
}

.default-section > .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.default-section h2{
    font-size: 35px;
    font-weight: bold;
    color: #232323;
    margin-bottom: 10px;
    line-height: 1.5;
}

.sectionTitle p,
.default-section p{
    width: 70%;
    font-size: 18px;
    font-weight: normal;
    color: #747474;
    margin-bottom: 20px;
}

.sectionTitle p{
	text-align: center;
}

.default-section a {
    font-size: 18px;
    font-weight: bold;
    color: var(--primary-color);
    text-decoration: none;
}

.keyfeature{
    padding: 100px 0px;
    background: #f2fbfd;
}
.sectionTitle h1,
.let_go h2,
.securite h2.title,
.keyfeature .title{
    font-size: 45px;
    color: #232323;
    text-align: center;
    margin-bottom: 40px;
}

.content__list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    gap: 50px;
}

.content__list .list__item{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.content__list .list__item .item__title{
    font-size: 20px;
    color: #232323;
    font-weight: bold;
}

.content__list .list__item .item__desc{
    font-size: 18px;
    font-weight: normal;
    color: #747474;
}

.securite {
    padding: 100px 0px;
}

.securite .content__list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    gap: 50px;
}

.securite .content__list .list__item{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.why__content .content__list{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
        align-items: center;
}

.why__content .content__list .list__item{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.let_go{
    padding: 70px 0px;
}
.let_go h2{
    margin-bottom: 5px;
}

.let_go p{
    font-size: 16px;
}

.payment__list {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
}

.payment__list .list__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.sectionTitle h1{
	margin-bottom: 10px;
}

.payment__list .list__item .item__img img{
	max-width: 300px;
	width: 300px;
}

.sectionTitle p {
    width: 100%;
    text-align: center;
}

.sectionTitle{
	margin-bottom: 30px;
}
.features__title{
	margin-bottom: 150px;
}
.features_page{
	margin: 70px 0px;
}

.features_page .app-title{
	font-size: 30px;
    text-align: center;
    color: #232323;
    margin-bottom: 5px;
}

.features_page .app-subtitle{
	text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.features_page .content__card{
	margin-bottom: 100px;
}

.features_page .list__title{
	font-size: 35px;
	color: #232323;
    text-align: center;
    margin-bottom: 45px;
}

.features_page .list__item .item__title{
	font-size: 20px;
	font-weight: bold;
}

.features_page .list__item{
	gap: 5px;
}
@media only screen and (max-width:768px) {
    .content__list{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
	
	.sectionTitle p{
		width: 100%;
		text-align: center;
	}
	.payment__list {
		grid-template-columns: repeat(2,1fr);
	}

	.payment__list .list__item .item__img img{
		max-width: 200px;
		margin: 0 auto;
		width: 200px;
	}
}


@media only screen and (max-width:550px) {
    .content__list{
        grid-template-columns: 1fr;
    }
    .securite .content__list{
        grid-template-columns: 1fr;
    }
	.sectionTitle p{
		width: 100%;
		text-align: center;
	}
	.payment__list {
		grid-template-columns: 1fr;
	}

	.payment__list .list__item .item__img img{
		max-width: 200px;
		margin: 0 auto;
		width: 200px;
	}
}





#unique-features {
  padding: 50px 0;
  background-color: #f5f5f5;
}

#unique-features .container {
  max-width: 1140px;
  margin: auto;
}

#unique-features .unique_features_content h2 {
  font-size: 2.5em;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}

#unique-features .features_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* space between the boxes */
}

#unique-features .feature_item {
  flex: 1 1 calc(33.333% - 40px); /* each box will take up one third of the row, minus the gap */
  padding: 15px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#unique-features .feature_item:hover {
  transform: translateY(-10px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 992px) {
  #unique-features .feature_item {
    flex: 1 1 calc(50% - 40px);
  }
}

@media (max-width: 768px) {
  #unique-features .feature_item {
    flex: 1 1 calc(100% - 40px);
  }
}



.cashback-amount {
  font-weight: bold;
  font-size: 1.2em;
}

.cashback-amount.diamond {
  color: #9b59b6;
}

.cashback-amount.master {
  color: #db9c2f;
}

.cashback-amount.vip {
  color: #1abc9c;
}

.cashback-amount.elite {
  color: #e67e22;
}

.cashback-amount.normal {
  color: #95a5a6;
}

.cashback-amount.new {
  color: #34495e;
}



.discount-amount {
  font-weight: bold;
  font-size: 1.2em;
}

.discount-amount.diamond {
  color: #9b59b6;
}

.discount-amount.master {
  color: #db9c2f;
}

.discount-amount.vip {
  color: #1abc9c;
}

.discount-amount.elite {
  color: #e67e22;
}

.discount-amount.normal {
  color: #95a5a6;
}

.discount-amount.new {
  color: #34495e;
}




.account-type-badge {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
}

.account-type-badge.diamond {
  background-color: #9b59b6;
}

.account-type-badge.master {
  background-color: #db9c2f;
}

.account-type-badge.vip {
  background-color: #1abc9c;
}

.account-type-badge.elite {
  background-color: #e67e22;
}

.account-type-badge.normal {
  background-color: #95a5a6;
}

.account-type-badge.new {
  background-color: #34495e;
}

.user-level-comparison {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    text-align: left;
}

.user-level-comparison th, .user-level-comparison td {
    padding: 10px;
    border: 1px solid #ccc;
}

.user-level-comparison th {
    background-color: #2c3e50;
    color: #fff;
}

.user-level-comparison tbody tr {
    background-color: #f2f2f2;
}

/* Default table styles */
.user-level-comparison {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    text-align: left;
    background-color: #ffffff; /* Light mode background */
    color: #2c3e50; /* Dark text for light mode */
}

.user-level-comparison th, .user-level-comparison td {
    padding: 10px;
    border: 1px solid #ccc; /* Light border */
}

.user-level-comparison th {
    background-color: #f0f0f0; /* Light header background */
    color: #2c3e50; /* Dark text for headers */
}

/* Dark mode styles */
.darkMode .user-level-comparison {
    background-color: #2c3e50; /* Dark background */
    color: #ffffff; /* Light text */
}

.darkMode .user-level-comparison th,
.darkMode .user-level-comparison td {
    background-color: #333; /* Darker background for cells */
    color: #ffffff; /* Light text color */
    border: 1px solid #555; /* Darker border */
}

/* Apply colors to cells based on the account type */
.user-level-comparison .diamond .account-type-badge,
.user-level-comparison .diamond td span {
    background-color: #9b59b6;
    color: #fff;
}

.user-level-comparison .master .account-type-badge,
.user-level-comparison .master td span {
    background-color: #db9c2f;
    color: #fff;
}

.user-level-comparison .vip .account-type-badge,
.user-level-comparison .vip td span {
    background-color: #1abc9c;
    color: #fff;
}

.user-level-comparison .elite .account-type-badge,
.user-level-comparison .elite td span {
    background-color: #e67e22;
    color: #fff;
}
/* Adjust active row background color for each user level */
.user-level-comparison tbody tr.active.diamond td {
    background-color: #b085d2; /* lighter shade of diamond color */
    color: #fff;
}

.user-level-comparison tbody tr.active.master td {
    background-color: #e0b654; /* lighter shade of master color */
    color: #fff;
}

.user-level-comparison tbody tr.active.vip td {
    background-color: #56d4c4; /* lighter shade of vip color */
    color: #fff;
}

.user-level-comparison tbody tr.active.elite td {
    background-color: #ed9e53; /* lighter shade of elite color */
    color: #fff;
}

.user-level-comparison tbody tr.active.normal td {
    background-color: #b0bfc2; /* lighter shade of normal color */
    color: #fff;
}

.user-level-comparison tbody tr.active.new td {
    background-color: #5a6b7c; /* lighter shade of new color */
    color: #fff;
}




.user-level-comparison .normal .account-type-badge,
.user-level-comparison .normal td span {
    background-color: #95a5a6;
    color: #fff;
}

.user-level-comparison .new .account-type-badge,
.user-level-comparison .new td span {
    background-color: #34495e;
    color: #fff;
}
.payment-icons {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.payment-icons img {
  height: 28px;        /* icon size */
  width: auto;
  object-fit: contain;
  opacity: 0.9;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.payment-icons img:hover {
  opacity: 1;
  transform: translateY(-1px);
}
.rtl .payment-icons {
  justify-content: flex-end;
}