/* @font-face {
	font-family: 'lato-bold';
	src: url('../../../frontend/fonts/Lato-Black.ttf');
} */

body {
	font-size: 14px !important;
}

.form-popup input[type="text"],
.form-popup input[type="email"],
.form-popup input[type="password"] {
	margin-bottom: 10px !important;
}

.help-block {
	margin-bottom: 10px !important;
}

.error {
	color: #ff4343 !important;
}

.success {
	color: green;
}

.registersucess {
	text-align: center;
	padding-top: 10px;
	font-size: 17px;
}

.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #a94442;
}

.has-success .form-control {
	border-color: #5cb85c;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
	color: #3c763d;
}

/*
.form-group{
	margin-top:10px;
	}*/
.verify-warning {
	background-color: #fceac5;
	padding: 25px;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 20px;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 20px;
}

.resendemail {
	float: right;
}

h4.verifyemailtext {
	display: inline;
}

.resendemailalerticon {

	margin-right: 9px;
	height: 16px;
	width: 16px;
	margin-top: -3px;
}

.col-3 {
	float: left;
	width: 32.566%;
	clear: none !important;
}

input,
textarea,
select {
	color: #3e3c3c;
}

select {
	background-color: #fff;
}

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

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

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

.text-bold {
	color: #383333 !important;

}

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

.text-align-webkit-center {
	text-align: -webkit-center;
}

label.rl-label {
	font-size: 0.9em;
}

.small-btn {
	width: 100px !important;
	display: inline-block;
}

.box-border {
	border: 1px solid #eceeef;
}

.tab-disabled {
	color: #b3b3b3 !important;
	cursor: default;
}

/*.fullimage{
		width: 100%;
		}*/
.fullimage {
	width: 100%;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.service-menu .sidebar-menu-item a {
	line-height: 40px;
}

.service-menu .sidebar-nav {
	height: 40px;
}

.service-menu .sidebar-menu .sidebar-menu-item {
	border-right: 0px solid #ebebeb;
}

.btn-right {
	width: 200px !important;
	float: right;
}

input,
textarea {
	font-size: 1.0em;
}

/*Bootstrap Table*/
/*
	.table {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1rem;
	}
	.table th,
	.table td {
		padding: 0.30rem;
		vertical-align: top;
		border-top: 1px solid #eceeef;
	}
	.table thead th {
		vertical-align: middle;
		border-bottom: 2px solid #eceeef;
	}

	.table tbody + tbody {
		border-top: 2px solid #eceeef;
	}
	.table .table {
		background-color: #fff;
	}
	.table-sm th,
	.table-sm td {
		padding: 0.3rem;
	}
	.table-bordered th,
	.table-bordered td {
		border: 1px solid #eceeef;
	}
	.table-bordered thead th,
	.table-bordered thead td {
		border-bottom-width: 2px;
	}
	.table-striped tbody tr:nth-of-type(odd) {
		background-color: rgba(0, 0, 0, 0.05);
	}
	.table-hover tbody tr:hover {
		background-color: rgba(0, 0, 0, 0.075);
	}
	.table-active,
	.table-active > th,
	.table-active > td {
		background-color: rgba(0, 0, 0, 0.075);
	}
	.table-hover .table-active:hover {
		background-color: rgba(0, 0, 0, 0.075);
	}
	.table-hover .table-active:hover > td,
	.table-hover .table-active:hover > th {
		background-color: rgba(0, 0, 0, 0.075);
	}
	.table-success,
	.table-success > th,
	.table-success > td {
		background-color: #dff0d8;
	}
	.table-hover .table-success:hover {
		background-color: #d0e9c6;
	}
	.table-hover .table-success:hover > td,
	.table-hover .table-success:hover > th {
		background-color: #d0e9c6;
	}
	.table-info,
	.table-info > th,
	.table-info > td {
		background-color: #d9edf7;
	}
	.table-hover .table-info:hover {
		background-color: #c4e3f3;
	}
	.table-hover .table-info:hover > td,
	.table-hover .table-info:hover > th {
		background-color: #c4e3f3;
	}
	.table-warning,
	.table-warning > th,
	.table-warning > td {
		background-color: #fcf8e3;
	}
	.table-hover .table-warning:hover {
		background-color: #faf2cc;
	}
	.table-hover .table-warning:hover > td,
	.table-hover .table-warning:hover > th {
		background-color: #faf2cc;
	}
	.table-danger,
	.table-danger > th,
	.table-danger > td {
		background-color: #f2dede;
	}
	.table-hover .table-danger:hover {
		background-color: #ebcccc;
	}
	.table-hover .table-danger:hover > td,
	.table-hover .table-danger:hover > th {
		background-color: #ebcccc;
	}
	.thead-inverse th {
		color: #fff;
		background-color: #292b2c;
	}
	.table-inverse {
		color: #fff;
		background-color: #292b2c;
	}
	.table-inverse th,
	.table-inverse td,
	.table-inverse thead th {
		border-color: #fff;
	}
	.table-inverse.table-bordered {
		border: 0;
	}
	.table-responsive {
		display: block;
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive.table-bordered {
		border: 0;
	}

	#order-table th{
		border-bottom: none !important;
	}

	#order-table.table>tbody>tr>td,
	#order-table.table>tbody>tr>th,
	#order-table.table>tfoot>tr>td,
	#order-table.table>tfoot>tr>th,
	#order-table.table>thead>tr>td,
	#order-table.table>thead>tr>th {
		color: #545454 !important;
	}

	#order-details.table>tbody>tr>td,
	#order-details.table>tbody>tr>th,
	#order-details.table>thead>tr>td,
	#order-details.table>thead>tr>th {
		border-top: none;
		border-bottom: none;
	}

	*/

.button,
.cursor {
	cursor: pointer;
}

/* toggle button code */

.toggle {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: auto;
	width: 7.5rem;
	margin: auto;
	cursor: pointer;
}

.toggle-input {
	display: none;
	margin: 0;
}

.toggle-off,
.toggle-on {
	height: 1.8125rem;
	width: 1.8125rem;
	color: rgba(46, 45, 44, 0.1);
	vertical-align: top;
	text-align: center;
	line-height: 1.8125rem !important;
}

.toggle-input:checked+.toggle-controller.default-success {
	border: 0.125rem solid rgba(108, 211, 61, 0.75);
	background: rgba(108, 211, 61, 0.375);
}

.toggle-input:checked+.toggle-controller.default-success:after {
	left: 1.5625rem;
}

.toggle-controller.default-success {
	position: relative;
	display: inline-block;
	height: 1.5625rem;
	width: 3.125rem;
	border: 0.125rem solid rgba(46, 45, 44, 0.05);
	-webkit-border-radius: 1.5625rem;
	-moz-border-radius: 1.5625rem;
	border-radius: 1.5625rem;
	-webkit-box-shadow: inset 0 0 0.1875rem rgba(46, 45, 44, 0.25);
	-moz-box-shadow: inset 0 0 0.1875rem rgba(46, 45, 44, 0.25);
	box-shadow: inset 0 0 0.1875rem rgba(46, 45, 44, 0.25);
	background: rgba(46, 45, 44, 0.025);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.toggle-controller.default-success:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	height: 1.5625rem;
	width: 1.5625rem;
	-webkit-border-radius: 1.5625rem;
	-moz-border-radius: 1.5625rem;
	border-radius: 1.5625rem;
	-webkit-box-shadow: 0 0.0625rem 0.125rem rgba(46, 45, 44, 0.2);
	-moz-box-shadow: 0 0.0625rem 0.125rem rgba(46, 45, 44, 0.2);
	box-shadow: 0 0.0625rem 0.125rem rgba(46, 45, 44, 0.2);
	background: white;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.toggle-off.active {
	color: red;
}

.toggle-on.active {
	color: green;
}

.togglealign {
	float: left;
}

/*end of toggle button code */

.deactivereason {
	display: none;
}

.securityanswer {
	display: none;
}

.input-container.thirdhalf {
	float: left;
	width: 32.85%;
	clear: none;
}

.form-box-item {
	padding: 28px 27px 44px !important;
	background-color: #fff;
	border: 1px solid #ebebeb;
	position: relative;
	margin-bottom: 29px;
}

.profilesave {
	float: right;
	max-width: 25%;
}

.profilecancel {
	float: right;
	max-width: 10%;
	background-color: #535d5f !important;
}

.frmGalleryService .pack-box .pin {
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 9999;
}

.frmGalleryService .pack-box {
	padding-top: 0px;
}



.frmGalleryService .pin {
	padding: 4px 9px;
	background-color: #ca4f1e;
	font-size: 0.7625em;
}

.price-info .dropdown {
	z-index: inherit;
	border: none;
}

.active-head-menu {
	color: #00d7b3;
}

select:disabled {
	background-color: #ebebe4;
}

.active-boarder {
	border-bottom: 4px solid green;
}

.service-menu .sidebar-menu .sidebar-menu-item a {
	height: auto;
	padding: 0 40px 0 40px;
}

.product-preview-image {
	overflow: hidden;
}

.no-pading {
	padding: 0px;
}

.dilivery-days,
.offering-details {
	color: #535d5f;
	font-size: 12px;
	padding: 4px 0px;
}

.offering-details {}

.accordion .accordion-item .accordion-item-content {
	padding: 10px 10px 10px 10px;
}

#myOverlay {
	position: fixed;
	height: 100%;
	width: 100%;
}

#myOverlay {
	background: black;
	opacity: .7;
	z-index: 10;
	display: none;
}

#loadingGIF {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.profiledevs {
	font-size: 15px !important;
}

.starting_at {
	color: #888;
}

.text-header {
	/*color: #ff7200;*/
}

.td-gray-back {
	background-color: #f7f7f7;
	color: #292929;
	font-size: 12px;
	font-weight: bold;
}

.td-sky-back {
	background-color: #f4fbfc;
	text-align: center;
}

.td-white-back {
	text-align: center;
}

.compare-package .price {
	color: #55af55;
	font-size: 22px;
}

.compare-package .packagename {
	display: block;
	font-size: 22px;
	color: #545454;
}

.compare-head {
	background-color: #f7f7f7;
	font-size: 16px;
}

.compare-package td {
	border: 1px solid #eceeef;
	/*padding: 20px !important;
  width: 185px;
  min-width: 200px;*/
	min-width: 200px;
	max-width: 200px;
}

.compare-package td p {
	word-break: break-word;
	font-weight: normal;
	/*text-align: justify;*/
}

.compare-package td span {
	font-weight: 600;
}

.compare-package .button {
	width: 100%;
}

.product-info .information-layout .information-layout-item,
.author-profile .information-layout .information-layout-item {
	padding: 0px 0;
	border-bottom: none;
}

.sidebar-item .accordion h4 {
	margin-bottom: 0px;
}

.theme-color {
	color: #8A12DC !important;
}

.user-skills {
	display: inline-block;
	padding: 5px 10px;

	margin-right: 4px;
	border: 1px solid #c3c3c3;
	border-radius: 20px;
	font-size: 12px;
	margin-bottom: 5px;
}

.customize-sidebar .cart-total {
	padding: 0 0px 0 0px;
	height: 50px;
}

.customize-sidebar .subtotal {
	font-size: 1.0125em;
}

.customize-sidebar .line-separator {
	margin-bottom: 0px;
}

.customize-sidebar .cart-total p {
	line-height: 50px;
}

.cart .cart-item .cart-item-category {
	padding-top: 10px;
	width: 125px;
	padding-left: 20px;
}

.cart-item-category input[type="text"] {
	padding: 0 5px;
}

.white-bg {
	background-color: #fff !important;
}

.groupChk {
	float: left;
	padding-left: 20px;
}

.order-title {
	margin-bottom: 10px !important;
}

.order-txt {
	margin-bottom: 10px;
	color: gray;
}

.order-txt a {
	color: #00d7b3;
}

#legiit-timer {
	margin: 0px auto;
	width: 100%;
}

.profile-pic-point {
	cursor: default;
}

.service-item-home {
	cursor: default !important;
}

.already-regirstered {
	margin-top: 10px;
}

.already-regirstered a {
	color: black;
	font-size: 16px;
}

/*home page css*/
.sponsered {
	position: absolute;
	top: 19px;
	left: 194px;
	z-index: 1;
	width: 33%;

}

.custom-product-description {
	line-height: 14px !important;
	height: 30px;
	overflow: hidden;
}

/*.custom-text-header {
	display: inline-block;
	margin-bottom: 4px;
	height: 30px;
	overflow: hidden;
	}*/


/*end home page css*/

/*custom header changes*/
.custom-header {
	min-height: 25px;
	background-color: black;
	color: white;
	width: 100% !important;
	max-width: 100%;
	padding: 5px;
}

.custom-header-links {
	text-align: center;
}

.custom-header-links ul {
	display: inline-flex;
	margin-bottom: 0;
}

.custom-header-links ul li {
	padding: 0px 15px;
	list-style: none;
}

.custom-header-links ul li .fa {
	margin: 0px 10px;
}

.custom-header-links ul li a {
	color: white !important;
}

.custom-dropdown .dropdown-item {
	padding: 20px 20px 0 70px !important;
}

@media screen and (max-width: 770px) {
	.custom-header {
		display: none !important;
	}
}

/*end custom header changes*/

p {
	/*color: #312f30;
		font-size: 1.075em;*/
	word-break: break-word;
}

header .logo-mobile {
	width: 109px;
	height: 44px;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 0px;
}

.mymenu .main-menu .menu-item>.content-dropdown,
.mymenu .main-menu .menu-item>.dropdown {
	top: inherit;
	left: inherit;
}

.pro-list .product-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 630px) {
	.pro-list .product-list {
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	.post-paragraph {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.information-layout {
		width: 30%;
		margin: 0 auto;
	}
}



.timestamp {
	color: #737070;
}

.bootstrap-tagsinput {
	width: 100%;
}

.bootstrap-tagsinput .label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.videoWrapper {
	position: relative;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	/*height: 0;*/
}

/*.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}*/

.fullimage_video {
	width: 100%;
	max-height: 400px;
}

.price_range {
	display: -webkit-inline-box;
}

.price_range input {
	width: 90px;
}

.price_range img {
	background-color: #535d5f;
	cursor: pointer;
}

header .account-information .icon-bell {
	top: 1px;
}

header .account-information .icon-bell {
	font-size: 22px;
}

header .account-information .icon-bell .svg-arrow {
	top: 6px;
	right: -12px;
}

.head-notifications {
	background-color: #1cbdf9;
	padding: 25px;
}

.head-notifications h4 {
	display: inline;
	color: #fff;
}

.head-notifications a {
	float: right;
}

.head-notifications .icon-bell {
	font-size: 22px;
	color: #fff;
	vertical-align: middle;
	margin-right: 6px;
}

.sidebar-menu .pin {
	position: relative;
}

.sidebar-menu .pin.big {
	font-size: 12px;
}

.text-danger {
	color: #a94442 !important;
}

.payment-info .information-layout .information-layout-item p {
	font-size: 14px;
	line-height: 26px;
}

.logo-new {
	width: 70px;
	height: 70px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	top: 15px;
}

/*.banner-wrap {
  background: none;
  background-color: #2e3a3d;
  }*/

.left-30 {
	margin-left: 30px;
}

.color-gray {
	color: #8e8c8c;
}

.withdraw.headline form {
	margin-top: 0px;
}

/*
  label {
  	color: #252424;
  }
  */
.post-paragraph ul {
	list-style: inherit;
}

/*Main Menu Css*/
.main-menu-wrap .menu-bar,
.main-menu-wrap .main-menu {
	min-height: 60px;
}

.main-menu-wrap .main-menu .menu-item>a {
	line-height: 60px;
	padding: 0 20px;
}

.main-menu-wrap .main-menu .menu-item .svg-arrow {
	left: 8px;
}

.categories-menu .mymenu .main-menu .menu-item:nth-last-child(-n+4)>.content-dropdown,
.categories-menu .mymenu .main-menu .menu-item:nth-last-child(-n+4)>.dropdown {
	right: 0;
}

.main-menu-wrap.dark .main-menu .menu-item {
	position: relative;
}

@media screen and (max-width: 1260px) {
	.categories-menu {
		display: none;
	}
}

/*product slider*/

.home-product-slider-first {
	margin-top: 7%;
}

.home-product-slidshow {
	padding: 0px 0 0px !important;
}

.footer-right-link {
	right: 0 !important;
	left: inherit !important;
}

.full_width_div {
	width: 100%;
	display: -webkit-flex;
	/* Safari */
	display: flex;
}

.full_width_div .form-group {
	-webkit-flex: 1;
	/* Safari 6.1+ */
	-ms-flex: 1;
	/* IE 10 */
	flex: 1;
	padding-right: 5px;
}

.full_width_popup {
	width: 650px !important;
}

@media only screen and (max-width: 767px) {
	.full_width_div {
		display: block;
	}

	.full_width_popup {
		width: 90% !important;
	}
}

.is_favorite .circle.secondary {
	background-color: orange !important;
}

.price.larger {
	font-size: 2.375em;
}


.top-nav {
	color: grey !important;
	font-size: 15px !important;
	line-height: normal !important;
}

.top-svg-arrow {
	fill: #717f82 !important;
	position: relative;
	right: 0px !important;
	-webkit-transform: rotate(90deg) !important;
	transform: rotate(90deg) !important;
	transition: all .2s ease-in-out !important;
	width: 8px !important;
	height: 8px !important;
	cursor: pointer !important;
}

.main-menu-wrap.dark {
	background-color: #fff !important;
}

.main-menu-wrap.dark .main-menu .menu-item>a {
	color: #2b373a !important;
}

.main-menu-wrap.dark .main-menu .menu-item {
	border-right-color: #fff !important;
}

.search-form input[type="image"] {
	right: 11px !important;
	width: 25px !important;
	padding-top: 6px !important;
}

.sortby-listing .sort_by {
	color: black;
}

.user-avatar .seller-level {
	margin-top: -20px;
}

.sidebar-stricky {
	position: fixed;
	top: 0px;
	/*right: 54px;*/
	width: 26%;
	z-index: 20;
	background-color: #fff;
}

.sidebar-item.author-bio .user-avatar-wrap {
	margin-bottom: 20px;
}

.product-list .product-item .user-rating .text-header {
	margin-top: 0px;
}

.product-list .product-item .user-rating .text-header span {
	color: gray;
}

.sidebar-item.author-bio .text-header,
.sidebar-item.author-bio .text-oneline {
	margin-bottom: 0px;
}

.product-info .accordion .accordion-item .accordion-item-content p {
	margin-bottom: 0px;
}

.sidebar-overflow {
	/*height: 700px;
	overflow: auto;*/
}

.sidebar-overflow::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

.sidebar-overflow::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

.sidebar-overflow::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #e4e4e4;

}

.total-reviews {
	float: right;
	font-size: 0.75em;
	line-height: 1.16667em;
	color: gray;
	clear: right;
	font-weight: 700;
	margin-top: -3px;
}

.user-avatar {
	position: relative;
}

.user-avatar .seller-online {
	position: absolute;
	height: 12px;
	width: 12px;
	background-color: #4CAF50;
	border-radius: 50%;
	display: inline-block;
	top: -3px;
	right: 0px;
	border: 2px solid #ffffff;
}

.user-avatar .course-seller-online {
	position: absolute;
	height: 15px;
	width: 15px;
	background-color: #4CAF50;
	border-radius: 50%;
	display: inline-block;
	top: 2px;
	margin-left: -31px;
	border: 2px solid #ffffff;
}

.user-avatar .course-seller-online-right {
	position: absolute;
	height: 15px;
	width: 15px;
	background-color: #4CAF50;
	border-radius: 50%;
	display: inline-block;
	top: 0px;
	margin-left: -15px;
	border: 2px solid #ffffff;
}

/*Custom Order*/
.custom-desc {
	height: 40px !important;
}

.right-btn {
	float: right;
	width: 150px !important;
}

.emojione {
	width: 25px !important;
	height: 25px !important;
}

.emoji-picker-icon {
	font-size: 20px !important;
}

.read_order {
	background-color: #EDEDED;
}

.custom-margin-top {
	margin-top: 10px;
}

.custom-clearfix-margin-top {
	margin-top: 1.5rem !important;
}

.custom-hearder-margin-top {
	margin-top: 15%;
}

.custom-padding-margin-top {
	padding-top: 2%;
}

.custom-width-search {
	/* width: 12% ! important; */
	margin-right: 12px;
}

.text-color-white {
	color: white;
}

.text-color-white:hover {
	color: white;
}

@media (max-width: 800px) {
	.custom-width-search {
		/* max-width: 25% ! important; */
		margin-right: 12px;
	}
}

/* .send-request-buttom {
	width: 100%;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: linear-gradient(90deg, #35abe9, #08d6c1);
	border: none;
	color: #fff;
	font-size: 1rem;
	cursor: pointer;
} */

.view-custom-orders {
	width: 50%;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: linear-gradient(90deg, #35abe9, #08d6c1);
	border: none;
	color: #fff;
	font-size: 1rem;
}

.send-request-buttom-new {
	width: 100%;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: #8a12dc;
	border: none;
	color: #fff;
	font-size: 1rem;
}

.send-request-buttom-new:hover {
	background-color: #6C13A9;
	color: #fff !important;
}

.cancel-request-buttom {
	width: 100%;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: linear-gradient(90deg, #ef3d4e, #ff8e98);
	border: none;
	color: #fff;
	font-size: 1rem;
}

.send-request-buttom:hover {
	color: #fff;
}

.cancel-request-buttom:hover {
	color: #fff;
}

.img-max-height {
	max-height: 80px;
}

.no-service-found {
	color: #a05858;
	font-size: 20px;
	text-align: center;
}

.clearfix {
	clear: both;
}

.comment-reply-text {
	font-style: italic;
	font-size: 12px;
	padding-left: 20px;
}

.comment-reply-btn {
	padding: 5px 10px 5px 10px;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.comment-reply-btn-a {
	padding: 8px;
	cursor: pointer;
	color: #fff !important;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
}

.submit-reply-loader {
	width: 20px;
	height: 20px;
	width: 45px;
	height: 45px;
	margin-left: 3%;
	display: none;
}

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

.paginate-center {
	padding-top: 5px;
	margin: 0 auto;
	display: table;
}

.slick-slide img {
	cursor: pointer;
}

.review-edit-log {
	margin: 20px 0px 20px 0px;
}

.NoServicesAreAvailable {
	color: red;
	font-size: 30px;
}

.custom-danger-btn {
	width: auto;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: linear-gradient(90deg, #ef3d4e, #ff8e98);
	border: none;
	color: #fff;
	font-size: .7rem;
	cursor: pointer;
}

.custom-sucess-btn {
	width: auto;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: linear-gradient(90deg, #7e27ba, #9c27b0c7);
	border: none;
	color: #fff;
	font-size: .7rem;
	cursor: pointer;
}

.default-btn {
	background: #8a12dc;
	color: #fff;
	cursor: pointer;
}

.default-btn:hover{
	color: #fff !important;
}

.display-block {
	display: block;
}

.back-button-width {
	width: 130px;
}

.product-quantity .input-group,
.extra-block .input-group,
.add-extra-row .input-group {
	width: 75%;
}

.product-quantity .fa,
.extra-block .fa,
.add-extra-row .fa {
	font-size: 8px;
}

.product-quantity .btn,
.extra-block .btn,
.add-extra-row .extra-block {
	font-size: 10px;
	background-color: #e7e7e7;
}

.product-quantity .input-number,
.extra-block .input-number,
.add-extra-row .input-number {
	width: 34px;
	height: 29px;
	flex: 0 0 auto;
	padding: 0;
	text-align: center;
}

#show_discount {
	color: green;
	display: none
}

#show_discount_error {
	color: red;
	display: none
}

.qty-color {
	color: #376ff4;
}

.from-wallet-chk {
	display: block !important;
	line-height: 21px;
}

.from-wallet-chk .label-check {
	font-size: 14px;
}

.hyperlink-color-none {
	color: inherit;
}

.hyperlink-color-none:hover {
	color: inherit;
}

.dissable-hyperlink {
	pointer-events: none;
	cursor: default;
}

.order-success-message {
	display: none;
}

#question_list_modal #loadingGIF {
	z-index: 999999999 !important;
}

#submit_my_question .save-answer-parent {
	padding: 15px;
	margin-bottom: 15px !important;
}

#submit_my_question .save-answer {
	float: right;

}

#submit_my_question .custom-browse-filename {
	margin-left: 10px;
	margin-top: 5px;
}

#submit_my_question .custom-file-error,
#submit_my_question .required-error,
#submit_my_question .required-error-checkbox {
	display: none;
	color: red;
}

#submit_my_question .bottom-button {
	display: -webkit-inline-box;
	float: right;
}

#submit_my_question .custom-footer {
	left: 0;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	background-color: white;
	padding: 5px 0px 75px 0px;
}

#submit_my_question .custom-body {
	overflow: auto !important;
	max-height: 400px;
}

#submit_my_question .required-error-checkbox {
	float: left;
	margin: 10px 50px;
}

#submit_my_question .img-brows {
	width: 170px !important;
	background-color: #3b7cff;
	color: #fff;
	text-align: center;
	padding: 4px 0px;
}

#submit_my_question .custom-pack-box {
	display: inline-flex;
}



#submit_my_question .save-answer-parent {
	padding: 15px;
	margin-bottom: 15px !important;
}

#submit_my_question .save-answer {
	float: right;

}

#submit_my_question .bottom-button {
	display: -webkit-inline-box;
	float: right;
}

#submit_my_question .custom-footer {
	left: 0;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	background-color: white;
	padding: 5px 0px 75px 0px;
}

#submit_my_question .custom-body {
	overflow: auto !important;
	max-height: 400px;
}

#submit_my_question .required-error-checkbox {
	display: none;
	color: red;
	float: left;
	margin: 10px 50px;
}

.white-color {
	color: #fff !important;
}

.cus-alert-left {
	display: inline-block;
}

.cus-alert-right {
	display: inline-block;
	float: right;
}

/*.br-theme-css-stars .br-widget a {
    width: 50px !important;
    height: 50px !important;
    font-size: 50px !important;
    }*/

.remove-image-pin {
	position: absolute;
}

.pack-box .pdf-width {
	width: 60px;
}

.pack-box .bring-button-forward {
	z-index: 99 !important;
}

.custom-block-section {
	background: #f8f8f8;
	padding-bottom: 4%;
}

.margin-bottom-null {
	margin-bottom: 0px;
}

.review-margin-buyer {
	margin-top: 5px !important;
	margin-bottom: 0px;
}

.review-margin-seller {
	margin-top: 5px !important;
	margin-bottom: 0px;
	margin-left: 20px;
}

.coupon-class .custom-margin-top {
	margin-top: -15px;
}

.display-none {
	display: none
}

.alert-vacation-mode {
	background-color: #FFEFB5;
	/*height: 35px;*/
	display: block;
	padding: 8px 30px;
	color: #2b373a;
	font-size: 0.875em;
	font-weight: 700;
	/*line-height: 38px;*/
	transition: all .15s ease-in-out;
}

.alert-vacation-mode a {
	color: #2972BA;
}

.alert-review-edition {
	background-color: #cbcbcb;
	display: block;
	padding: 8px 30px;
	color: #ffffff;
	font-size: 0.875em;
	font-weight: 700;
	transition: all .15s ease-in-out;
}

.alert-review-edition a {
	color: #2972BA;
}

.announcement-mode {
	background-color: #d7f2fd;
	display: block;
	padding: 8px 30px;
	color: #2b373a;
	font-size: 0.875em;
	font-weight: 700;
	transition: all .15s ease-in-out;
}

.announcement-mode a {
	text-decoration: none !important;
	color: #2b373a;
}

.reviewupdate .reply {
	margin-top: 65px;
}

.text-word-wrap {
	/*white-space: pre-wrap;*/
	word-wrap: break-word;
}

.custom .bottom-padding {
	padding-top: 5px;
	padding-bottom: 5px;
}

.custom .margin-top-5 {
	margin-top: 4px;
}

.custom .custom-top-space {
	margin-top: 30px;
}

.custom .custom-reply-text {
	color: black;
}

.custom .custom-cart-payment-detail {
	width: auto;
	border-radius: 5px;
	border-color: transparent;
	padding: 5.5px 10px;
	background: linear-gradient(90deg, #35abe9, #08d6c1);
	border: none;
	color: #fff;
	font-size: 1.05em;
	cursor: pointer;
}

.float-left {
	float: left;
}

.dispute-user-avatar img {
	border-radius: 50%;
	width: 65%;
}

.date-timestamp-font {
	font-size: 10px;
}

.text-body {
	color: #333333;
	font-size: 13px;
	margin-bottom: 8px;
	font-family: 'circular-medium';
}

.custom-padding-zero {
	padding: 0px !important;
}

.custom-width-auto {
	width: auto !important;
}

.custom-width-max {
	width: max-content !important;
}

.display-inline {
	display: inline-block;
}

.hover-color-white:hover {
	color: white;
}

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

.pagination li {
	display: inline-block;
}

.word-break {
	word-break: break-word !important;
}

.custom-small-user-avtar {
	width: 75px !important;
	height: auto !important;
}

.custom-black-button {
	background: #2b373a !important;
}

.custom .custom-profile-text span {
	font-family: 'circular-medium';
	color: #262F3F;
	font-size: 11px;
}

.custom .custom-sidebar-header {
	color: #2b373a;
	font-size: 14px;
	font-weight: 700 !important;
	font-family: "Titillium Web", sans-serif;
}

.custom .custom-sidebar-subheader {
	word-break: break-word !important;
	font-size: 0.71em;
	line-height: 18px;
}

.custom .custom-filter-box {
	border-right: 1px solid #80808061;
	position: relative;
	padding: 20px;
}

@media screen and (max-width: 600px) {
	.custom-responsive {
		margin-top: 50px;
	}

	.custom .custom-filter-box {
		border-right: 0px solid #80808061;
		border-bottom: 1px solid #80808061;
		position: relative;
		padding: 20px;
	}
}

.custom .custom-filter-box-end {
	border-right: 0px;
	position: relative;
	padding: 20px;
}

.custom .no-service-found-margin-left {
	margin-left: 15px;
}

.min-description-height {
	height: 42px;
	overflow: hidden;
}

.min-title-height {
	/* height: 38px; */
	height: 34px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.custom .custom-cart-font-padding {
	margin-bottom: 0px !important;
}

.subcategory-list .active a,
.subcategory-list .active span {
	color: #5dd8be;
}

.custom .custom-transaction-margin-top {
	margin-top: 5%;
}

.custom .custom-avtar-width {
	width: 10% !important;
}

.custom .custom-avtar-top-margin {
	margin-top: 5px;
}

.custom .custom-avtar-left-margin {
	padding-left: 50px;
}

.custom .custom-user-profile-dropdown {
	min-width: 220px !important;
	/*min-width: 200px !important;*/
}

.custom .custom-user-profile-width {
	width: 15px !important;
}

.custom .custom-dropdown-icon-size {
	font-size: 14px;
}

.custom .custom-filte-header {
	font-weight: 500;
	font-size: 20px;
	color: #183320;
	font-family: 'Inter-regular' !important;
}

.custom .custom-grey-font {
	color: grey;
}

.custom .custom-payment-button-size {
	height: 35px;
}

.custom .custom-bold-header td {
	font-weight: bold;
}

.custom .custom-cart-total {
	padding-top: 5px;
	padding-bottom: 5px;
}

.custom .custom-title-complete-order {
	font-size: 15px;
	color: #333;
}

.custom .custom-default-title a {
	color: #2b51b7 !important;
}

.custom .custom-default-user-name a {
	color: #439cf5 !important;
}

.custom .custom-default-service-name a {
	color: #2d8cea !important;
}

.table-header-text-center th {
	text-align: center !important;
}

.table-row-text-center td {
	text-align: center !important;
}

.bootbox-confirm .bootbox-body {
	font-weight: bolder !important;
	font-family: 'Inter-semiBold' !important;
}

.bootbox-confirm .modal-footer button {
	color: #fff;
	background-color: #8A12DC;
	border-color: #8A12DC;
	border-radius: 8px;
	min-height: 44px;
	font-family: 'Inter-semiBold' !important;
}

.bootbox-confirm .modal-footer button:hover {
	background-color: #6C13A9;
}

.custom-primary {
	color: #fff !important;
	background-color: #4fb2e4 !important;
	border-color: #4dace9 !important;
}

.custom .custom-dilivery-days-width {
	width: 130px !important;
}

.new-head-notifications {
	background-color: #57207d !important;
	height: 35px;
	display: block;
	padding: 0 30px;
	color: #ffffff !important;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 38px;
	transition: all .15s ease-in-out;
	display: flex;
	justify-content: center;
}

.new-order-title {
	color: #ffffff;
}

.new-order-title:hover {
	color: #ffffff;
	/* cursor: default; */
}

.view-new-order-button {

	border-radius: 5px;
	border-color: transparent;
	padding-top: 8px !important;
	margin-left: 18px !important;
	padding: 5.5px 12px;
	background: #2b373a !important;
	border: none;
	color: #fff;
	font-size: 12px;
	height: 25px;
}

.view-new-order-button:hover {
	color: #fff;
}

.custom .custom-full-width {
	width: 100% !important;
}

.custom .custom-webkit-full-width {
	width: -webkit-fill-available !important;
}

.custom .custom-boost-button-width {
	width: 90% !important;
}

.custom .custom-bottom-border {
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.custom .custom-detail-service-title {
	padding-bottom: 6px !important;
	padding-top: 30px !important;
	color: #333333 !important;
}

.custom .custom-detail-service-title h5 {
	margin-left: -15px !important;
}

.custom .custom-detail-service-favorite {
	margin-top: 25px !important;
}

.custom-word-break {
	word-break: break-word;
}

.custom-promo-error {
	margin-left: -15px;
	color: rgb(169, 68, 66);
	font-family: sans-serif;
	font-size: 11px;
}

.custom .custom-top-border {
	border-top: 1px solid rgba(0, 0, 0, .125);
	padding-top: 15px;
}

.custom .chat-message-padding {
	padding: 15px !important;
}

.filter-header {
	box-shadow: inset 0 5px 13px -5px #1b1ca7 !important;
}

.custom .order-no-default {
	color: rgba(51, 51, 51, 0.7) !important;
	text-decoration: underline !important;
}

.text-header:hover {
	color: #333333;
}

.order-not-started-alert {
	color: red;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.custom-chat .download-icon {
	font-size: 25px !important;
}

/*.request_from_account  input[type="radio"] {
    	-ms-transform: scale(1.8);
    	-webkit-transform: scale(1.8);
    	transform: scale(1.8);
    	margin-right: 10px;
    	cursor: pointer;
    }
    .request_from_account  label{
    	margin-right: 15px;
    	cursor: pointer;
    }*/
.request_from_account li {
	width: 100px !important;
}

.verify-otp button {
	border-radius: 0px 5px 5px 0px;
	background: #409897;
	border-color: #409897;
	font-family: 'Lato';
	font-size: 15px;
	font-weight: bold;
}

.verify-otp .btn-primary:not(:disabled):not(.disabled).active,
.verify-otp .btn-primary:not(:disabled):not(.disabled):active,
.show>.verify-otp.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #409897;
	border-color: #409897;
}

.verify-otp .btn-primary:hover {
	color: #fff;
	background-color: #409897;
	border-color: #409897;
}

.withdraw-width {
	width: 50%;
}

.center-block {
	text-align: center;
	display: block;
}

.round-button {
	border-radius: 50%;
	background-color: #e6e6e6;
	border: none;
	color: #8a12dc;
	/*padding: 20px;*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 8px 8px;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	width: 60px;
	height: 60px;
}

.round-button:focus {
	outline: none;
}

.round-button.selected {
	background-color: #8a12dc;
	color: white;
}

.group-before-text {
	background-color: #8a12dc;
	border: 1px solid #8a12dc;
	color: #fff;
	height: 35px;
}

.verify-container {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	padding: 60px 30px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	box-shadow: 1px 1px 2px 1px #e3e3e3;
}

.verify-app-container {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 30px;
}

.text-auth {
	font-size: 18px;
	color: #454545;
}

.container-main {
	margin-top: 120px;
	margin-bottom: 120px;
}

.otp-div .btn-link {
	letter-spacing: 0.5px;
	font-weight: 700 !important;
}

.otp-div .btn-link:hover {
	text-decoration: none !important;
}

.text-m-number {
	color: #454545;
	font-size: 16px;
	letter-spacing: 0.5px;
}

.width-150 {
	width: 150px;
}

/* .custommodel-new .close {
	color: #fff;
	background-color: #1f42a9;
	border-radius: 50%;
	width: 35px;
	height: 36px;
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 26px;
	vertical-align: middle;
} */

.custommodel-new .close:not(:disabled):not(.disabled):focus,
.custommodel-new .close:not(:disabled):not(.disabled):hover {
	/* color: #fff; */
	text-decoration: none;
	opacity: .75;
}

.custommodel-new .modal-header .close {
	padding: 0.5rem;
	margin: -1rem -1rem -1rem auto;
}

.custommodel-new .modal-content {
	border-radius: 1.3rem;
	border: none;
}

.custommodel-new input,
.custommodel-new select {
	background-color: #e6e6e6;
	color: #8a12dc;
	border: none !important;
}

.custommodel-new .form-control:focus {
	color: #3157b8;
	background-color: #e6e6e6;
	/* border-color: #80bdff;*/
	outline: 0;
	box-shadow: none;
}

.custommodel-new .modal-header {
	/*  display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: start;
	    align-items: flex-start;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    padding: 1rem;
	    border-bottom: 1px solid #e9ecef;

	    border-radius: 15px 15px 0 0;*/
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.mobile-height {
	height: 30px;
}

.is-combined-discount,
.custom-chk {
	display: block;
	position: relative;
	width: 100%;
}

.is-combined-discount .detail-box,
.custom-chk .detail-box {
	width: 94%;
	display: inline-block;
	display: inline-block;
	vertical-align: top;
	float: none;
	padding-left: 35px;
	padding-top: 3px;
}

.bv-form .help-block {
	display: table-row;
}

.fa-security {
	color: #8e8e8e;
}

.people-text {
	font-size: 18px;
}

.width-310 {
	width: 310px;
}

/* Start : Become Premium Seller */
.bcmseller h4,
.bcmseller h5,
.bcmseller p {
	color: #333333
}

.bcmseller h5 {
	font-weight: 500;
}

.bcmseller.process-pay {
	margin-top: 40px;
}

.bcmseller.process-pay .pro-btn {
	padding: 15px 15px;
	font-size: 1.2rem;
}

.greenbullets {
	list-style: none;
	width: 100%;
	margin-top: 30px;
}

ul.greenbullets li {
	padding-right: 70px;
	margin-bottom: 20px;
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

ul.greenbullets li::before {
	content: "\2022";
	color: #08d6c1;
	font-weight: bold;
	display: inline-block;
	width: 13px;
	margin-left: -20px;
	font-size: 18px;
	position: absolute;
	line-height: 1;
}

.greenbullets .boldcust {
	font-weight: 600;
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	ul.greenbullets li {
		padding-right: 40px;
	}
}

@media (max-width: 991px) {
	ul.greenbullets {
		margin-bottom: 0;
	}

	ul.greenbullets li {
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
	ul.greenbullets {
		padding-left: 20px;
	}

	ul.greenbullets li {
		margin-bottom: 10px;
		width: 100%;
		padding-right: 0px;
	}

	.bcmseller h4 {
		font-size: 20px;
	}

	.bcmseller h5 {
		font-size: 18px;
	}

	.bcmseller.process-pay .pro-btn {
		padding: 15px 15px;
    	font-size: 1.2rem;
	}
}

/* End : Become Premium Seller */

.recurring-lable {
	background-color: #673AB7;
	display: inline;
	padding: .4em 1em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

#terms .text-justify {
	text-align: justify;
}

#terms ul.text-justify li {
	padding-left: 20px !important;
	line-height: 20px;
}

#terms ol.text-justify li {
	padding-left: 20px !important;
	line-height: 20px;
}

#terms .text-dark {
	color: #3a494d;
}

#terms {
	padding: 50px 100px 50px 100px;
}

#terms h3 {
	padding-bottom: 15px;
}

#tearms-of-use-popup .modal-body {
	overflow: auto;
	height: calc(70vh);
}

@media (min-width: 601px) and (max-width: 950px) {
	#tearms-of-use-popup .modal-body {
		overflow: auto;
		height: calc(40vh);
	}
}

@media (max-width: 600px) {
	.mobile-tearms-of-use-popup .modal-body {
		max-height: calc(80vh - 270px) !important;
	}

	.mobile-tearms-of-use-popup {
		max-height: calc(80vh) !important;
		width: calc(80vw) !important;
		margin: 10% !important;
	}
}

.text-deposite-msg {
	font-size: 15px;
	color: #686868;
	margin-top: 10px;
}


/******** Custom CSS *******/
.upgrade_none {
	display: none !important;
}

.headerProfile {
	position: relative;
	margin-top: 10px;
	display: inline-block;
}

.premiumBadgeHeader {
	position: absolute;
	/* right:35px; */
	top: 25px;
	text-align: center;
	border-radius: 30px 30px 30px 30px;
	color: white;
	padding: 5px 10px;
	font-size: 20px;
	margin-top: -25px;
}

.checkButton {
	margin-top: 15px;
}

.checked {
	color: #62bcc7;
}

.unchecked {
	color: #bfbfbf;
}

.package_name {
	color: #62bcc7;
}



.newClass {
	display: inline-flex;
}

.searchText1 {
	padding-right: 0px;
}

.selectStatus {
	padding-left: 5px;
	padding-right: 5px;
}

.create-new-service {
	padding-right: 5px;
}

.premiumBadgeHeader1 {
	position: absolute;
	right: 35px;
	top: 25px;
	text-align: center;
	border-radius: 30px 30px 30px 30px;
	color: white;
	padding: 5px 10px;
	font-size: 20px;
	margin-top: -25px;
}

/****************************/
.mobile-pricing-section {
	display: block;
    float: left;
    width: 100%;
}

.desktop-pricing-section {
	display: none;
}

/*begin : product details page*/
@media (min-width: 767px) {
	.mobile-pricing-section {
		display: none;
	}

	.desktop-pricing-section {
		display: block;
	}
}

/*end : product details page*/

/*begin :header anouncement*/
.announcement-icon {
	color: #3f9b41;
}

/*end :header anouncement*/

/*begin: Cart page degin change*/
.cart-header-new {
	padding-top: 2% !important;
	padding-bottom: 2% !important;
	background: #5251e4 !important;
	background-image: linear-gradient(36deg, #554fe2, #3b6af3) !important;
}

.cart-header-new .heading {
	font-size: 20px;
}

.cart-header-new span {
	margin-left: 40px;
	padding: 9px 38px;
	background-color: #544ce3;
	border-radius: 20px;
	color: #60dfbb;
}

.cart-header-new .circle-icon {
	background: #3e66f3;
	padding: 30px;
	border-radius: 50%;
	background: #3e66f3;
	padding: 12px;
	border-radius: 50%;
	font-size: 14px;
	margin-right: 16px;
}

.cart-item-block {
	padding: 26px 0px 10px 0px;
	border-radius: 15px;
	box-shadow: 2px 0px 20px 5px #f5f5f5;
	margin-bottom: 25px;
}

.cart-item-block.campaign-item {
	padding: 10px 0px 10px 0px;
	border-radius: 15px;
	box-shadow: 2px 0px 20px 5px #f5f5f5;
	margin-bottom: 25px;
}

.cart-item-block .text-title {
	color: #707170;
	font-size: 16px;
	margin-bottom: 4px;
	font-weight: bold;
	word-wrap: break-word;
	max-width: 90%;
}

.cart-item-block .text-package {
	font-size: 13px;
	padding: 0px;
}

.cart-item-block .text-package-desc {
	font-size: 13px;
	padding: 0px;
}

.cart-item-block .price-block {
	margin-top: 10px;
}

.cart-item-block .delivery-icon {
	padding-right: 18px;
	display: inline-block;
	font-size: 26px;
	color: #cecece;
}

.cart-item-block .delivery-days {
	display: inline-block;
	position: absolute;
	top: 5px;
	font-size: 16px;
}

.cart-item-block .btn-package-summary {
	color: #f08350;
	border: 1px solid #f08350;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;

}

.cart-item-block .text-plan-price {
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	margin-top: 5px;
	font-size: 28px;
}

.cart-item-block .product-quantity {
	margin-top: 15px;
	margin-bottom: 15px;
}

.right-cart-box {
	background-color: #eef9e9;
	border: none !important;
	border-radius: 20px;
	font-size: 12px;
}

.right-cart-box.customize {
	background-color: #f5f5f6;
}

.right-cart-box hr {
	border-color: #73cc5c;
}

.right-cart-box.customize hr {
	border-color: #cdcfcc;
}

.right-cart-box .cart-summary-title {
	font-size: 16px;
}

.right-cart-box .cart-bold {
	font-weight: bold;
	font-size: 14px;
}

.right-cart-box .cart-total {
	color: #5dc333;
	font-weight: bold;
	font-size: 14px;
}

.right-cart-box .total-amt {
	font-size: 20px;
}

.cart-item-block .white-bg {
	background-color: #f5f5f5 !important;
}

.cart-item-block .product-quantity .input-number {
	width: 60px;
	height: 29px;
	font-size: 16px;
}

.cart-item-block .extra-block .input-number,
.cart-item-block .add-extra-row .input-number {
	width: 40px;
	height: 28px;
}

/* .cart-item-block .row-delete .fa{
	color: #cecece;
    font-size: 21px;
    position: absolute;
    top: -21px;
    right: 10px;
} */
.cart-item-block .row-delete .fa {
	color: #cecece;
	font-size: 14px;
}

.cart-item-block .extra-title {
	padding: 10px;
	background-color: #f5f5f5;
	cursor: pointer;
	margin-bottom: 5px;
}

.cart-item-block .extra-title a {
	color: #707170;
	font-weight: bold;
}

.cart-item-block .extra-title.active a {
	color: #5cc132;
}

.add-on-extra-list .extra-title a {
	float: left;
}

.add-on-extra-list .extra-title {
	padding: 10px 22px;
}

.cart-item-block .extra-title .fa {
	color: #bebbbb;
	padding-right: 10px;
	font-size: 18px;
}

.cart-item-block .extra-title.active .fa {
	color: #5cc132;
}

/*.cart-item-block .extra-detail{
	border: 1px solid #f5f5f5;
}*/
.extra-detail .product-quantity .input-group,
.extra-detail .extra-block .input-group,
.extra-detail .add-extra-row .input-group {
	width: 100%;
}

.extra-detail .extra-block {
	padding: 10px;
}

.cart-item-block .volume-discount span {
	display: block;
}

.cart-item-block .recurring-lable-img {
	background-color: rgba(240, 131, 80, 0.82);
	display: inline;
	color: #fff;
	padding: 2px 5px;
	border-radius: 4px;
	position: absolute;
	top: 0px;
	right: 5px;
	font-weight: bold;
}

.slider-bg {
	/* background-color: #f9f9f9; */
	padding: 10px 10px;
	/* margin-top: 12px; */
}

.interested-title {
	text-align: center;
	font-size: 20px;
	padding-bottom: 10px;
}

.prduct-cart-btn {
	padding-bottom: 12px;
}

.prduct-cart-btn .fa {
	padding-right: 12px;
}

.prduct-cart-btn a {
	display: inherit;
}


.service-extra-model .modal-header .close .fa {
	font-size: 18px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.service-extra-model .thumbnail img {
	height: 80px !important;
}

.service-extra-model .extra-title-m {
	color: #69c0ee;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.service-extra-model .add-extra-row {
	padding: 10px 0px 3px 0px !important;
	background-color: #f6f6f6;
	margin-bottom: 5px;
}

.service-extra-model .detail-box {
	font-size: 12px;
	font-weight: bold;
}

.service-extra-model .modal-dialog {
	max-width: 640px !important;
}

.service-extra-model .price {
	margin-top: 1%;
}

/*begin : check/uncheck extra cart button*/
.service-extra-model .checkmark {
	display: none;
}

.service-extra-model .chk-add-cart {
	background-color: #fff;
	color: #707170;
	font-size: 12px;
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
}

.service-extra-model .chk-add-cart.active {
	background-color: #5cc233;
	color: #fff;
}

.service-extra-model .chk-add-cart .fa {
	font-size: 13px;

}

.service-extra-model .chk-add-cart .fa-check-circle {
	display: none;
}

.service-extra-model .chk-add-cart.active .fa-check-circle {
	display: inline-block;
}

.service-extra-model .chk-add-cart .fa-shopping-cart {
	display: inline-block;
	color: #cecece;
}

.service-extra-model .chk-add-cart.active .fa-shopping-cart {
	display: none;
}

.service-extra-model .goto-cart {
	width: 100%;
}

/*end : check/uncheck extra cart button*/

.service-extra-model .add-extra-row.active .detail-box,
.service-extra-model .add-extra-row.active .price {
	color: #5cc233;
}

/*end :  Cart page degin change*/

/*begin : auto complete search*/
.ui-autocomplete {
	/*z-index: 9;*/
	z-index: 1002;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;

}

.login-menu .header-search input {
	width: auto !important;
}

.h-btn-search {
	min-width: 70px;
}

.search-by {
	width: 100% !important;
	border-radius: 0px 0px 0px 0px !important;
	background: #e2e2e2 !important;
	outline: none !important;
}

.search-by:focus {
	border: none !important;
	outline: none !important;
}

.header-search ul li {
	padding: 0px 10px;
}

.header-search ul li:hover {
	background: #e2e2e2 !important;
}

.header-search .form-control:focus {
	border: none;
	outline: none !important;
	box-shadow: none !important;
}

.header-search .form-control-lg {
	font-size: 12px !important;
	line-height: 12px !important;
}

.home-page-search .search-by {
	background-color: #fff !important;
	border: none;
	padding: 12px;
	font-size: 14px;
}

.home-page-search .h-btn-search {
	min-width: 90px;
}

.home-page-search ul li {
	padding: 4px 0;
}

.home-page-search .form-control:focus {
	border: none;
	outline: none !important;
	box-shadow: none !important;
}

.home-page-search .form-control-lg {
	/* border: none !important; */
	font-size: 12px !important;
	line-height: 12px !important;
}

.home-page-search a {
	font-family: 'Lato';
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}

/* .header-search button {
    padding: 8.6px !important;
} */
/*end : auto complete search*/


/*begin : search page*/
.searching-feedback {
	font-weight: normal;
}

.searching-feedback span {
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 5px;
	cursor: pointer;
}

.cart-item-block .price-block .gradient .btn {
	border-radius: 0px;
	padding: 6.5px;
}

.cart-item-block .extra-container {
	margin-top: 10px;
}

/*end : search page*/

/*begin : customize combo page*/
.cart-item-block-customize .row-price-details .text-plan-price {
	position: absolute;
	right: 7px;
	top: -27px;
}

@media only screen and (max-width: 768px) {
	.cart-item-block-customize .row-price-details .text-plan-price {
		position: absolute;
		right: 7px;
		top: -13px;
	}
}

.cart-item-block-customize .delivery-days {
	top: 5px;
	font-size: 14px;
}

.cart-item-block-customize .delivery-icon {
	padding-right: 6px;
	font-size: 18px;
	line-height: 1;
}

.cart-item-block-customize .product-quantity .input-group,
.extra-block .input-group,
.add-extra-row .input-group {
	width: 100%;
}

.cart-item-block-customize .product-quantity {
	/* float: right; */
}

.cart-item-block-customize .product-quantity {
	margin-top: 0px;
}

.cart-item-block-customize .text-package {
	color: #3ba4df;
}

.cart-item-block-customize .text-package .circle-icon {
	background: #3ba4df;
	padding: 0;
	border-radius: 50%;
	font-size: 8px;
	margin-right: 3px;
	color: #fff;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}

.cart-item-block-customize .couponCodeNew {
	width: 70%;
}

.cart-item-block-customize .coupen-msg {
	text-align: left;
	display: inline-block;
	float: left;
}

/*end : customize combo page*/

.custom-text-header span:first-child {
	display: block;
}

.custom-text-header img {
	display: inline-block;
}


.category-toggle {
	text-align: center;
	top: 20px;
	margin-right: 8px
}

.inline-checkbox {
	display: inline !important;
	margin: 10px;
}

.width100 {
	width: 100% !important;
}

.width50 {
	width: 50% !important;
}

.specify-checkout {
	margin: 9px;
	font-size: 16px;
}

.wordbreack {
	word-break: break-all;
}

.break_word_description {
	word-break: break-word;
}

.bg-nocard-icon {
	width: 80px;
	background: url("../../../frontend/images/nocard.png");
	background-repeat: no-repeat;
	padding-right: 30px;
	float: right;
}

.bg-visa-icon {
	width: 80px;
	background: url("../../../frontend/images/visaresize.png");
	background-repeat: no-repeat;
	padding-right: 30px;
	float: right;
}

.bg-amex-icon {
	width: 80px;
	background: url("../../../frontend/images/amex.png");
	background-repeat: no-repeat;
	padding-right: 30px;
	float: right;
}

.bg-mastercard-icon {
	width: 80px;
	background: url("../../../frontend/images/mastercard.png");
	background-repeat: no-repeat;
	padding-right: 30px;
	float: right;
}

.bg-discover-icon {
	width: 80px;
	background: url("../../../frontend/images/discover.png");
	background-repeat: no-repeat;
	padding-right: 30px;
	float: right;
}

#myOverlayPayment {
	position: fixed;
	height: 100%;
	width: 100%;
}

#myOverlayPayment {
	background: black;
	opacity: .7;
	z-index: 10;
	display: none;
}

#myOverlayPayment img {
	text-align: center;
	margin-left: 45%;
	margin-top: 15%;
	width: 127px;
}

#myOverlayPayment p {
	color: white;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	/* margin-left: 43%; */
	margin-top: 4px;
}

/*.displaynone
{
	opacity: 0.9;

}
.displaynone::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../../../frontend/images/loading.gif");
	background-repeat: no-repeat;
  opacity: 3;
  z-index: -1;
}*/
.mt10 {
	margin-top: 10px;
}

.label-ccpayment {
	margin-top: .5rem;
	margin-bottom: 0px;
}

/*begin : bluesnap payment block*/
#checkout-form_cc #cardholder-name {
	width: 100%;
}

#checkout-form_cc .panel {
	width: 70%;
	margin: 2em auto;
}

#checkout-form_cc .panel-body {
	width: 90%;
	margin: 2em auto;
}

#checkout-form_cc .helper-text {
	color: #e93143;
	font-size: 12px;
	margin-top: 5px;
	/*height: 12px;*/
	display: block;
	word-break: break-all;
}

#checkout-form_cc .helper-text-green {
	color: green;
}

/* Hosted Payment Fields styles*/
#checkout-form_cc .hosted-field-focus {
	border: 1px solid #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#checkout-form_cc .hosted-field-invalid {
	border: 1px solid #e93143;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(233, 49, 67, 0.8);
}

#checkout-form_cc .hosted-field-valid {
	border: 1px solid #14ba57;
}

/*end : bluesnap payment block*/

.user-avatar .seller-online-custom {
	position: absolute;
	height: 14px;
	width: 14px;
	background-color: #4CAF50;
	border-radius: 50%;
	display: inline-block;
	top: 27px;
	right: 0px;
	border: 2px solid #ffffff;
}

#cart-billing-info input {
	width: 100%;
}

.payment-option .radiomark {
	top: -5px !important;
}

/** Affiliate Box both same in Chrom and Firefox **/
.aff_link_browser {
	font-size: 12px !important;
	width: 149.64px !important;
}

.text-align-webkit-center {
	text-align: center !important;
}

.msgText {
	color: white !important;
}

.custom-order-link {
	color: #000000;
}

.custom-order-link:hover {
	color: #000000;
}

.pb-12 {
	padding-bottom: 12px;
}

.cart-slider-full {
	max-width: 99%;
}

/*.job-chat-icon{
	background-color: #007BFF;
}*/

.job-chat-btn {
	background-color: #007BFF;
	color: #ffffff;
	padding: 3px 10px;
	border-radius: 15px;
	width: auto;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.w-76 {
	width: 75px;
}

.w-60 {
	width: 60px !important;
}

.secure-checkout #checkout-form_cc .btn:before {
	content: "\f4b9";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 8px 0 3px;
}

/**Earning page **/
.cus-box-block {
	padding: 15px;
	border-radius: 10px;
	background: #e5e5e7;
	border-radius: 8px;
	padding: 0;
	position: relative;
}

.cus-box-block .project-block {
	box-shadow: none;
	padding: 0;
	background: transparent;
	min-height: auto;
	padding-bottom: 35px;
}

.cus-box-block .project-number {
	margin-top: 0;
	padding-top: 35px;
}

.badge-proper {
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	background: #8a12dc;
	color: #fff;
	padding: 3px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.cus-box-block .project-block-detail {
	background: #fff;
	padding: 15px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	min-height: 295px;
}

.cus-box-block .project-block-detail h5 {
	font-size: 0.98em;
	font-weight: 400;
}

.cus-border-rad {
	background: #f5f5f5;
	border-radius: 8px;
	/* padding: 10px; */
}

.cus-border-rad table.manage-sale-tabel tr td {
	padding: 9px;
	line-height: 1;
	margin-bottom: 0;
	color: #101010;
	font-weight: 400;
}

.cus-border-rad .project-number {
	margin-top: 0;
	padding-top: 0;
	font-size: 20px;
	color: #333333;
}

.project-block-detail p.text-center {
	margin: 10px;
}

.cus-box-block .project-number span {
	font-size: 0.6em;
	vertical-align: super;
}

.cus-box-block .project-number .fs-va {
	font-size: 38px !important;
	vertical-align: middle !important;
}
.cus-border-rad table thead {
	background: #e5e5e7;
}

.cus-bgpd {
	padding: 15px;
	background: #f5f5f5;
	border-radius: 8px;
	margin-bottom: 15px;
}

.cus-bgpd .project-number {
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	font-size: 20px;
	color: #333333;
}

.cus-bgpd .cus-bg-greay img {
	height: 20px;
	float: left;
	width: auto;
}

.cus-bgpd .project-status p {
	margin-bottom: 0;
	text-align: right;
}

.cus-bgpd .project-status.text-warning {
	margin-top: 5px;
}

.cus-bgpd {
	padding: 9px;
	background: #f5f5f5;
	border-radius: 8px;
	margin-bottom: 15px;
}

.cus-box-block.bd-white .project-block {
	padding-bottom: 10px;
}

.cus-bgpd:last-child {
	margin-bottom: 0;
}

.cus-box-block .project-title {
	margin-top: 0;
}

.cus-box-block.bd-white {
	background: #fff;
}

.cus-box-block.bd-white .project-number {
	padding-top: 10px;
}

.mb30 {
	margin-bottom: 15px;
}

.cus-box-block.bd-white .project-block {
	padding-bottom: 10px;
}

.cus-bg-radius {
	border-radius: 8px;
	background: #fff;
	display: block;
}

.cus-box-shadow {
	/* box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.20); */

	box-shadow: 0px 0px 20px rgb(0 0 0 / 0.10)
}

.badge-top-right {
	padding: 4px 15px;
	font-size: 0.7em;
	color: gray;
}

.project-desc {
	font-size: 0.7em;
	color: gray;
}

.greytext {
	color: #101010;
}

.payment_processing,
.pending,
.accept,
.reject,
.payment_fails,
.text-capitalize {
	text-transform: capitalize;
}

.payment_processing,
.pending {
	color: #d39e00;
}

.accept {
	color: #0baa40;
}

.reject,
.payment_fails {
	color: #ff0000;
}

.project-status .pending {
	padding: 0;
	background: transparent;
	display: block;
}

.get-project-note {
	padding-top: 1rem;
	padding-bottom: 0rem;
	background: #f8f8f8;
}

.bid-green-round {
	padding-top: 12px;
}

.view-invoice-btn {
	padding: 1.6px 0px !important;
	margin-top: 10px;
}

.view-invoice-btn:hover {
	cursor: pointer;
}

.lable-full-width {
	width: 100%;
}

.lable-full-width span {
	float: right;
}

.pt-15 {
	padding-top: 15px;
}

.custom-header-cart {
	overflow: auto;
	max-height: 400px;
}


#review_modal .custom_head {
	border-bottom: 0px;
	padding: 0.7rem;
}

#review_modal .custom_body {
	padding: 0.7rem;
}

#review_modal .custom_foot {
	padding: 0rem 0.7rem 0.7rem;
	display: flex;
}

#html-content-holder-canvas {
	opacity: 0;
	position: absolute;
	z-index: -1;
	width: 600px;
	height: 600px;
}

#html-content-holder-canvas .main_blue_div {
	background-image: url('../../../frontend/assets/img/bg_purple_popup.png');
	background-size: cover;
	width: 600px;
	height: 600px;
	position: relative;
}

#html-content-holder-canvas .headerProfile {
	border: 3px solid #a0a0a0;
	padding: 0;
	border-radius: 60px;
}

#html-content-holder-canvas .m-l-100 {
	margin-left: 130px;
}

#html-content-holder-canvas .second_div {
	top: 45%;
	transform: translateY(-50%);
}

#html-content-holder-canvas .second_div .cus-buyer {
	font-size: 24px !important;
	text-transform: none;
}

#html-content-holder-canvas .description-info {
	font-size: 30px;
}

#html-content-holder-canvas .p1 {
	font-size: 28px;
	padding-top: 8px;
}

#html-content-holder-canvas .p2 {
	font-size: 24px;
}

#html-content-holder-canvas span.web_url {
	font-size: 19px;
	padding-bottom: 4px;
}

#html-content-holder-canvas .com_logo {
	height: 28px;
	float: right;
	margin-top: 2px;
	/* margin-bottom: 10px; */
	margin-right: 6px;
}

.review-block {
	/* background: #fff; */
}

/**Share review popup **/

.review-modal-pop .main_blue_div {
	background-image: url('../../../frontend/assets/img/bg_blue_popup.png');
	background-size: cover;
	/* height: 600px;
    width: 599px; */
	background-repeat: repeat;
	position: relative;
	padding-bottom: 72px;
}

.review-modal-pop img.down-img {
	margin-top: -4px;
	max-width: 20px;
	margin-right: 3px;
}

.share_link.badge-primary {
	background: #007bff;
	padding: 6px 10px;
	margin-left: 10px;
	border-radius: 13px;
	font-size: 9px;
	font-weight: bold;
}

.review-modal-pop .download_msg {
	padding-top: 2px;
	font-size: 12px;
	color: #000;
}

.review-modal-pop #download_review {
	color: white;
	padding-left: 22px;
	padding-right: 22px;
	border-radius: 10px;
}

.review-modal-pop .close_left {
	font-size: 14px;
	float: left !important;
	left: 0;
	position: relative;
	background: transparent !important;
	padding: 0;
	margin: 0;
	border: 0 !important;
	opacity: 0.5;
	cursor: pointer;
}

.review-modal-pop .second_div .cus-buyer {
	font-size: 14px;
	text-transform: inherit;
}

.review-modal-pop .modal-header.custom_head {
	padding-bottom: 0 !important;
}

.review-modal-pop .custom_body {
	padding-top: 0 !important;
}

.review-modal-pop img.close-img {
	max-width: 10px;
	margin-top: -3px;
}

.review-modal-pop .custom_foot {
	border-top: 0;
	justify-content: space-between;
}

.third_div p.p1 {
	line-height: 1;
}

.review-modal-pop .headerProfile {
	border: 3px solid #a0a0a0;
	padding: 0;
	border-radius: 50%;
}

.review-modal-pop .m-l-100 {
	margin-left: 100px;
}

.m-l-130 {
	margin-left: 130px;
}

.m-l-120 {
	margin-left: 120px;
}

.review-modal-pop .second_div .fs-14 {
	font-size: 14px;
}

.review-modal-pop {
	overflow-x: auto !important;
}

.review-modal-pop .modal_size {
	/* max-width: 625px;
	width: 625px; */
	width: 425px;
}

@media only screen and (max-width: 600px) {

	/* .review-modal-pop .main_blue_div {
		width: auto;
		height: 350px;
	}
	.review-modal-pop .first_div {
		padding: 15px 25px 10px 25px;
		font-size: 20px;
		text-align: center;
	}
	.review-modal-pop .second_div span {
		font-size: 9px;
	}
	.review-modal-pop .headerProfile {
		width: 50px;
		height: 50px;

		border: 2px solid #a0a0a0;
	}
	.review-modal-pop .m-l-100 {
		margin-left: 60px;
	}
	.review-modal-pop .third_div p.p1 {
		line-height: 1;
		font-size: 16px;
	}
	.review-modal-pop .p2 {
		font-size: 12px;
	}
	.review-modal-pop .web_url {
		font-size: 10px;
		margin: 0px;
	}
	.review-modal-pop .third_div {
		background-color: #1661d8;
		padding: 5px;
		color: white;
		min-height: 50px;
	}
	.review-modal-pop .second_div {
		padding: 5px 5px 13px;
		text-align: center;
		position: relative;
		top: 0%;
		transform: translateY(0%);
	}
	.review-modal-pop .modal_size{
		max-width: 360px;
		margin: 0 auto;
	} */
	.review-modal-pop .modal_size {
		max-width: 360px;
		margin-left: 5%;
		/* margin: 0 auto; */
	}

	.review-modal-pop .modal_size .share-img {
		max-width: 100%;
	}

	.new-head-notifications {
		display: block;
		height: auto;
	}

	.new-head-notifications div:first-child {
		height: 30px;
	}
}

.requirenment-lable {
	font-weight: 700;
	font-size: 14px !important;
}

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

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.cus-checkmark {
		width: 20px;
	}

	.cus-checkmark input {
		position: relative;
	}

	.add-extra-detail .detail-box {
		width: auto;
		display: inline-block;
		padding-left: 0;
	}
}

@supports (-ms-ime-align: auto) {
	.cus-checkmark {
		width: 20px;
	}

	.cus-checkmark input {
		position: relative;
	}

	.add-extra-detail .detail-box {
		width: auto;
		display: inline-block;
		padding-left: 0;
	}
}

#newfeature-popup .modal-header {
	border-bottom: none !important;
	display: inline-block;
	margin-top: 2px !important;
	padding-bottom: 0px !important;
}

#newfeature-popup .modal-header .text-center h4 {
	margin-top: 15px !important;
	font-size: 1.5rem !important;
	font-family: "Inter-regular" !important;
    font-weight: 700 !important;
}

/*#newfeature-popup .modal-title{
	font-size: 18px;
}*/
#newfeature-popup .modal-header .close {
	padding: 1rem;
	margin: -1.8rem -1.4rem -1rem auto;
	color: #adaaaa;
}

#newfeature-popup button:focus {
	outline: none;
}

#newfeature-popup .modal-body {
	line-height: 1.2;
	color: #656565;
	padding-top: 0px !important;
}

#newfeature-popup .modal-body ul li {
	margin-bottom: 12px;
	line-height: 19px;
}

#newfeature-popup .modal-dialog {
	max-width: 400px;
	width: 90%;
}

#newfeature-popup .modal-footer {
	color: #fff;
	font-size: 16px;
	background-color: #8a12dc;
	text-align: center;
	justify-content: normal;
	display: block;
	cursor: pointer;
	border-top: none;
	border-radius: 0rem 0rem 0.9rem 0.9rem;
	outline: 0;
}

#newfeature-popup .modal-content {
	border-radius: 0.9rem;
	border: none;
	max-height: 90vh;
	overflow: scroll;
	scrollbar-width: none;
}
#newfeature-popup .modal-content::-webkit-scrollbar {
    display: none;
}

.share-order-review a {
	color: #fff !important;
}

.share-order-review {
	text-align: right;
	float: right;
	position: relative;
	top: -10px;
	right: -28px;
}

/*begin : New order banner*/
#particle-canvas {
	display: block;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.player-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.player-wrap .player-container {
	max-width: 760px;
	margin: 0 auto;
	padding-bottom: 2em;
	color: seashell;
}

.player-wrap .player-title {
	font-size: 200%;
	margin-bottom: 0.8em;
}

.player-wrap .player-info {
	font-size: 120%;
	margin-bottom: 1em;
	opacity: 0.6;
}

.player-wrap .player-track {
	margin-bottom: 1.5em;
}

.player-wrap .player-track>b {
	display: inline-block;
	margin-right: 0.5em;
	opacity: 0.5;
}

.player-wrap .player-track>.error {
	color: red;
}

.player-wrap .player-toggle {
	display: block;
	margin: 0 auto;
	font: inherit;
	padding: 1em 2em;
	line-height: 1em;
	white-space: nowrap;
	color: black;
	font-weight: bold;
	background-color: orange;
	border-radius: 5px;
	cursor: pointer;
}

.player-wrap .player-toggle[disabled] {
	pointer-events: none;
	opacity: 0.5;
}

.player-wrap .player-toggle:hover {
	background-color: white;
}

/*end : New order banner*/

/**
 * Begin : Custom Menu CSS
 */
#custom-seller-menu {
	width: 290px;
	left: auto;
	right: 0;
	padding: 12px;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	border: none;
}

#custom-seller-menu ul.main-navigation {
	width: 600px;
	float: left;
	margin: 0;
	min-height: auto;
}

#custom-seller-menu ul.main-navigation>li {
	width: 50%;
	float: left;
	margin: 0;
	/* border: 1px solid #eee; */
	border-right: none;
}

#custom-seller-menu ul.main-navigation+ul {
	width: 320px;
	float: left;
	margin: 0;
	/* border: 1px solid #eee; */
}

#custom-seller-menu ul.main-navigation>li,
#custom-seller-menu ul.main-navigation+ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 0;
	min-height: auto;
	height: auto;
	padding: 0;
}

#custom-seller-menu ul.main-navigation>li>a {
	padding: 12px 17px;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
}

#custom-seller-menu .img-fluid.cus-nav-img {
	max-width: 18px;
	margin-left: 4px;
	margin-top: -3px;
}

#custom-seller-menu ul.main-navigation>li .dropdown-content {
	display: block;
	position: relative;
	float: none;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	min-width: 0;
	top: auto;
	left: auto;
}

#custom-seller-menu ul.main-navigation>li>a.submenu-title {
	margin-top: 8px;
	margin-bottom: 8px;
}

#custom-seller-menu .dropdown-item {
	border: none;
	white-space: normal;
}

.dropdown #custom-seller-menu.active {
	display: inline-flex;
}

.cus-menu-dropdown:hover .dropdown-content {
	display: inline-flex;
	animation: fade-in 1s;
}


.cus-menu-dropdown:not(:hover) .dropdown-content.did-fade-in {
	display: inline-flex;
	animation: fade-out 0.5s;
}

@keyframes fade-in {
	from {
		opacity: 0 !important;
	}

	to {
		opacity: 1 !important;
	}
}

@keyframes fade-out {
	from {
		opacity: 1 !important;
	}

	to {
		opacity: 0 !important;
	}
}

/**
 * End : Custom Menu CSS
 */
.bootbox .modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}

@media(max-width: 768px) {
	.bootbox .modal-dialog {
		min-height: calc(100vh - 20px);
	}
}

/*Buyer Tip*/
#tip-popup .btn:before {
	content: "\f4b9";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 8px 0 3px;
}


.celebrate-img {
	/* margin-left: 20px; */
	margin-bottom: 5px;
	width: 100%;
	border-radius: 10px;
}


/**Cart page Redesign **/
.cart-item-block .text-title {
	font-size: 20px;
}

.cart-item-block .row-delete {
	/* color: #cecece; */
	font-size: 21px;
	position: absolute;
	top: -16px;
	right: 10px;
}

.cart-item-block .text-plan-price {
	margin-top: 5px;
	font-size: 30px;
	color: #707070;
	font-weight: 400;
	font-weight: 600;
	font-family: 'circular-light';
}

.text-blue {
	color: #3bade9;
}

.cart-item-block-customize .product-quantity {
	display: inline-block;
}

.cart-item-block-customize .product-quantity {
	margin-top: 0px;
	margin-bottom: 0px;
}

.brd-rad-10 {
	border-radius: 10px !important;
}

.bg-bar-blue {
	background: #3cabe9 !important;
}

.gradient .btn-green-gradient {
	background: linear-gradient(360deg, #7e27ba, #9c27b0c7);
}

.from-he-auto {
	height: 38px !important;
}

.product-quantity .bg-dada,
.bg-dada {
	background-color: #dadada;
}

.input-border-none {
	border: 0px solid !important;
}

.bg-f5f5 {
	background-color: #f5f5f5 !important;
}

.text-cu-dgrey,
.cus-slider-cs h4.text-header,
.cus-slider-cs .product-description {
	color: #717171;
}

.fw-600 {
	font-weight: 600;
}

.text-cu-lgrey {
	color: #777777;
}

.btn-lighgreen {
	background-color: #5cc134;
	border-color: #5cc134;
}

.text-color-blue {
	color: #3ba4df;
}

.cus-box-shadow-cart {
	/* box-shadow: 1px 1px 9px 2px #dfdfdf; */
	box-shadow: 0px 0px 20px rgb(0 0 0 / 0.10)
}

.popular-item.cus-box-shadow-cart {
	border: 0px solid #80808061;
}

.fs-8 {
	font-size: 8px;
}

.fs-10 {
	font-size: 10px;
}

.fs-14 {
	font-size: 14px;
}

.inpu-height-cus {
	height: 30px !important;
}

.cus-sli-arrow .cus-arrow-left {
	top: -65px;
	background: transparent;
	box-shadow: none;
	right: 20px;
	left: auto;
}

.cus-sli-arrow .cus-arrow-right {
	top: -65px;
	background: transparent;
	box-shadow: none;
	right: -20px;
	left: auto;
}

.cus-sli-arrow .cus-arrow-left img,
.cus-sli-arrow .cus-arrow-right img {
	width: 18px;
}

.cart-slider-full .slick-list {

	padding: 10px 5px;
}

.cart-slider-full .slick-track {
	margin-left: 0;
	margin-right: 0;
}

.cus-text-green {
	color: #5cc134;
}

.paypal_btn {
	/* background-color: #fec339 !important; */
}

.check-pd-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

/**Check custom **/
.check-box-main {
	display: block;
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.check-box-main input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.check-box-main .checkmark {
	position: absolute;
	top: 0px;
	left: -15px;
	height: 20px;
	width: 20px;
	background-color: #dadada;
	border-radius: 50%;
	border: 0px solid #868686;
}

.check-box-main:hover input~.checkmark {
	background-color: #ccc;
}

.check-box-main input:checked~.checkmark {
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.check-box-main input:checked~.checkmark:after {
	display: block;
}

.check-box-main .checkmark:after {
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #5cc134;
}

.text-light-green {
	color: #5cc134;
}

.fs-16 {
	font-size: 16px;
}

.prod-min-he {
	min-height: 120px;
	overflow: hidden;
}

.img-cart-thumbnail img {
	max-height: 170px;
	width: 100%;
	height: auto;
}

.paypal_btn img {
	max-height: 20px;
	width: auto;
}

.disable-class {
	opacity: 0.8;
	pointer-events: none;
}

.pd-lr-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.banner-cart .banner-radius {
	padding: 0;
	margin: 0;
	background: #d8ecfe;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	margin-left: 0px;
}

.banner-cart .banner-round {
	width: 24px;
}

.banner-cart .banner-top-layer {
	padding: 0;
	margin: 0;
	margin-right: 15px;
	border-radius: 50%;
	background: #3e64f2;
	width: 43px;
	height: 43px;
	display: inline-block;
	text-align: center;
	line-height: 43px;
	padding-left: 2px;
}

.banner-cart .banner-round {
	width: 40px;
	background: #3e64f2;
	padding: 8px;
	border-radius: 50%;
	margin-right: 10px;
}

.w-90 {
	width: 90%;
}

.w-85 {
	width: 85%;
}

img.cus-img-check {
	width: 20px;
}

.cus-box-shadow-cart .form-control.input-number {
	font-size: 16px;
}

.pending-approval {
	background-color: #272727;
	position: absolute;
	right: 0;
}

.mobile-popover {
	position: absolute;
	bottom: 21px;
	background-color: #737373;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

ul.sortable-gallery {
	position: relative;
	background: transparent;
	padding-left: 0;
	border: none;
	list-style-type: none;
}

ul.sortable-gallery li img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: antiquewhite;
	z-index: 1;
}

ul.sortable-photo li {
	position: relative;
	padding: 0;
	margin: 10px 10px 50px 15px;
}

ul.sortable-video li {
	position: relative;
	padding: 0;
	padding: 0px 12px 0px 12px;
	margin-top: 15px;
}

ul.sortable-photo li:first-child img {
	border: 3px solid #8a12dc;
}

ul.sortable-photo li img {
	height: 150px;
	object-fit: cover;
}

ul.sortable-photo li:first-child:after {
	content: 'This Is Your Cover Photo';
	position: absolute;
	/* top: 0; */
	left: 0;
	bottom: -37px;
	right: 0;
	background: #8a12dc;
	z-index: 1;
	width: 100%;
	color: #fff;
	text-align: center;
	font-weight: 400;
	padding: 8px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.star-ratings-sprite {
	background: url('../../../frontend/assets/img/ratting-star-blue.png');

	font-size: 0;
	height: 15px;
	line-height: 0;
	overflow: hidden;
	text-indent: -999em;
	width: 75px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
}

.star-ratings-sprite-rating {
	background: url('../../../frontend/images/project_image/ratting-star-purple.png');
	background-position: 0 100%;
	float: left;
	height: 15px;
	display: block;
}

.yellow-star {
	background-image: url('../../../frontend/assets/img/ratting-star-yellow.png') !important;
	width: 80px;
}

.order-detail-tab .nav-item {
	padding-left: 8px;
	padding-right: 8px;
}

.dz-progress {
	display: block !important;
}

.ajax-load {
	display: none;
	margin: 0 auto;
	max-width: 60px;
}

/*iframe#adac-widget-iframe {
    display: none !important;
}*/
.cus-show-entry {
	background: #f2f2f2;
	padding: 5px;
	margin-bottom: 16px;
	margin-left: 15px;
	margin-bottom: 15px;
	color: #000000;
}

p.cancelled-cus {
	background: #ec3853;
	padding: 3px 10px;
	border-radius: 15px;
	color: #fff;
	width: auto;
	display: inline-block;
	text-align: center;
}

.pacakge-private.prompt-btn {
	width: 100%;
	text-align: right;
}

.pacakge-private.prompt-btn button {
	width: auto;
}

/****Side bar **/
.cus-sticky {
	top: 100px;
	position: sticky;
	position: -webkit-sticky;
	overflow-y: auto;
	/* Safari */
}

header.masthead.promoheade {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	background-size: contain !important;
	background: url(../../../frontend/assets/img/LegiitPromo.jpg);
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: #F5B740;
	min-height: 330px;
}

header.promoheade::after {
	content: '' !important;
}

header.masthead.promoheade2 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
	background: url(../../../frontend/assets/img/LegiitPromo.jpg);
	/*background-size: contain !important;*/
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: #F5B740;
}

header.promoheade2::after {
	content: '' !important;
}




.promot-service {
	/* height: 150px; */
	background: #F2F2F2;
	padding: 10px 15px;
	text-align: center;
	position: relative;
	border: 1px solid #80808061;
	border-top: none;

	position: relative;
}

.promot-service:before,
.promot-service:after {
	/* content: '';
    position: absolute;
    top: calc(3.9em - 1px);
    height: 1.3em;
    width: 0.6em;
    border: 1px solid white; */
	content: '';
	display: block;
	position: absolute;
	top: calc(3.9em - 1px);
	height: 1.5em;
	width: 1.5em;
	border-radius: 100%;
	z-index: 2;
	background-color: White;
}

.promot-service:before {
	/* left: -2px;
    border-radius: 0 1em 1em 0;
	background-color: white;
    border-right-color: #cfcfcf; */
	border: 1px solid #cfcfcf;
	left: -12px;
	clip-path: circle(65% at 100% 50%);

}

.promot-service:after {
	border: 1px solid #cfcfcf;
	right: -12px;
	clip-path: circle(65% at 0 50%);
}

.promot-service .userleft p {
	font-size: 10px;
	color: #B78886;
}

.promot-service h4 {
	font-size: 16px;
	color: #000;
	text-align: center;
	margin-bottom: 4px;
	font-weight: bold;
}

.promot-service p {
	margin-bottom: 0;
	color: #666666;
	font-size: 10px;
}

.ticket-shape-bottom {
	border-bottom: 6px dashed #cfcfcf;
	position: absolute;
	bottom: -1px;
	width: 96%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}

.ticket-shape-bottom:before {
	content: '';
	border-bottom: 6px dashed #ffffff;
	position: absolute;
	bottom: -7px;
	width: 100%;
	left: 1px;
	right: 0;
	margin: auto;
	z-index: 2;
}

.ticket-shape-bottom:after {
	content: '';
	border-bottom: 6px dashed #cfcfcf;
	position: absolute;
	bottom: -6px;
	width: 100%;
	left: 0px;
	right: -4px;
	margin: auto;
	z-index: 1;
}

.ticket-circle {
	position: relative;
}

.ticket-circle:before {
	content: '';
	position: absolute;
	left: -27px;
	background: white;
	width: 11px;
	height: 30px;
	top: calc(-4.1em - 13px);
	z-index: 3;
}

.ticket-circle:after {
	content: '';
	position: absolute;
	right: -27px;
	background: white;
	width: 11px;
	height: 30px;
	top: calc(-4.1em - 13px);
	z-index: 3;
}

.copycode-promo i.copy_promo {
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	color: #C4C4C4;
}

.promot-service .copycode-promo h5.copy_promo {
	margin-bottom: 0;
}

.promot-service .copycode-promo {
	width: 100%;
	border: 2px dashed #000000;
	padding: 8px 2px;
	margin-top: 10px;
	position: relative;
	background: #f8f8f8;
}

.promot-service .copycode-promo h5.copy_promo {
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	font-weight: bold;
	font-size: 16px;
	color: #2A373B;
}

.copycode-promo i.copy_affiliate {
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
}

.promot-service .copycode-promo h5.copy_affiliate {
	margin-bottom: 0;
}

.promot-service .copycode-promo {
	width: 100%;
	border: 1px dashed #000000;
	padding: 8px 2px;
	margin-top: 10px;
	position: relative;
	background: #f8f8f8;
	border-radius: 4px;
}

.promot-service .copycode-promo h5.copy_affiliate {
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	font-weight: 400;
}

.cus-sub-header .bg-blue-grediant {
	position: absolute;
	bottom: -2.2rem;
	width: 75%;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px;
	/* background: linear-gradient(116deg, #4760ff, #0dccff ); */
	background: #029AF5;
	box-shadow: 0px 10px 20px rgba(69, 137, 178, 0.2);
	border-radius: 9px;
	/* border-radius: 7px; */
	/* box-shadow: 2px 2px 15px 0px #0000003b; */
	z-index: 1;
}

.bg-blue-grediant h4 {
	margin-bottom: 0;
}

.bg-blue-grediant a.btn.btn-primary {
	background: #fff;
	border-color: #fff;
	color: #009cfa !important;
	width: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	box-shadow: 2px 2px 15px 0px #0000003b;
	transition: 0.4s;
}

.bg-blue-grediant a.btn.btn-primary img {
	max-width: 30px;
}

.bg-blue-grediant a.btn.btn-primary img {
	margin-left: 10px;
}

.bg-blue-grediant a.btn.btn-primary:hover {
	background: #009cfa;
	border-color: #009cfa;
	color: #fff !important;
}

.cus-sub-header.container {
	position: relative;
}

.empty-banner {
	padding-top: 35px;
}

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

	/*@media screen and ( max-height: 800px ){*/
	.cus-sticky {
		height: 80vh;
	}

	.price-filter .input-group {
		width: 39%;
		float: left;
	}

	/*}*/
}

.cus-inline-block {
	display: inline-block;
}

.cus-remove-cart {
	color: #3ba4df;
}

/* The container */
.check-custom {
	display: block;
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.check-custom input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark-custom {
	position: absolute;
	top: 0px;
	left: -15px;
	height: 20px;
	width: 20px;
	background-color: #dadada;
	border: 0px solid #868686;
}

/* On mouse-over, add a grey background color */
.check-custom:hover input~.checkmark-custom {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-custom input:checked~.checkmark-custom {
	background-color: #5cc134;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-custom:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.check-custom input:checked~.checkmark-custom:after {
	display: block;
}

/* Style the checkmark/indicator */
.check-custom .checkmark-custom:after {
	left: 7px;
	top: 4px;
	width: 6px;
	height: 11px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* faq css */
.faq_card p {
	min-height: 0px;
}

.faq_link+.faq_link {
	margin-left: 0.25rem;
}

.custom_scroll {
	height: 300px;
	overflow-y: scroll;
}

/* width */
.custom_scroll::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.custom_scroll::-webkit-scrollbar-track {
	background: white;
}

/* Handle */
.custom_scroll::-webkit-scrollbar-thumb {
	background: #E4E6EF;
	border-radius: 10px;
}

/* Handle on hover */
.custom_scroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.ribbon_main {
	position: relative;
}

.ribbon {
	width: 98px;
	height: 98px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 226px;
	padding: 4px 0;
	background-color: #1b9;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	color: #fff;
	font: 400 10px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-transform: uppercase;
	text-align: center;
}

/* top left*/
.m-bid-listing .ribbon-top-left {
	top: 0%;
	left: 0%;
}

.m-bid-listing .ribbon-top-left span {
	right: -41px;
	top: 16px;
	transform: rotate(-45deg);
}

@media screen and (max-width: 992px) {
	.cus-sub-header .bg-blue-grediant {
		position: relative;
		bottom: 0;
		width: 100%;
		left: 0;
		margin-top: 3%;
		transform: translateX(0%);
		padding: 15px;
		background: linear-gradient(116deg, #4760ff, #0dccff);
		border-radius: 7px;
		box-shadow: 2px 2px 15px 0px #0000003b;
	}

	.promo-btn {
		margin-top: 15px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.cus-sub-header .bg-blue-grediant {
		bottom: -3.1rem;
	}
}

@media screen and (max-width: 767px) {
	header.masthead.promoheade {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	header.masthead.promoheade h1 {
		font-size: 1.2rem;
	}

	.login-menu a.navbar-brand {
		position: relative;
		z-index: 2;
	}

	section.search-block {
		position: relative;
		overflow: hidden;
	}
}

/**new header Css **/
.header-v-logo {
	width: 180px;
}

.header-logo {
	width: 180px;
}

.header-search .search-by {
	position: relative;
	/* background: #cccccc !important; */
	border-radius: 0px 6px 6px 0px !important;
	width: 104px !important;
	height: 42px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

.header-search .h-btn-search {
	padding: 0 !important;
	height: 37px;
	width: 95px !important;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.header-search .h-btn-search i {
	margin-right: 5px;
}

.header-search .form-control-lg {
	height: 42px;
	/* border: none; */
}

.login-icon-menu li {
	margin-right: 5px;
}

.login-menu .login-icon i {
	border: 0px solid #2b373a;
	font-size: 19px;
	padding-left: 0;
	padding-right: 0;
}

.cusdrop-right .custom-header-cart {
	right: 0;
	left: auto;
}

.cus-drop-icon .login-user-name.dropdown-toggle::after {
	content: "\f039";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 0;
	vertical-align: inherit;
}

.header-search .search-by::after {
	content: "\f078";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 0;
	vertical-align: inherit;
	position: absolute;
	right: 0px;
	top: 38%;
}

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

	.mob-row-full {
		margin-top: 20px;
	}


	.mob-row-full .col-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}

	/* .mob-row-full .col-auto.mob-pad-left-0 {
		position: absolute;
		top: -50px;
	} */

	/* .mob-row-full {
		margin-top: 10px;
	} */
	.cusdrop-right .custom-header-cart {
		right: auto;
		left: 40%;
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 768px) {
	.mob-row-full-col .col {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.mob-cartinline .col-auto a.navbar-brand {
		margin-right: 0;
	}

	.mob-cartinline .col-auto a.navbar-brand img.header-logo {
		width: 110px;
	}

	.mob-cartinline .col-auto.text-right.mob-pad-left-0 {
		padding-right: 0;
	}
}

/* @media screen and ( max-width: 370px ){
	.header-logo {
		width: 140px;
	}
} */
.header a.login.btn,
a.register.btn {
	border: none;
	letter-spacing: 0.5px;
}


.rm-custom-pading {
	padding-right: 5px !important;
	padding-left: 5px !important;
	white-space: nowrap;
}

.home-back-style {
	background-size: cover !important;
	min-height: 350px;
}

.home-back-style .container,
.home-back-style .container .row {
	min-height: 350px;
}

.home-slick-slider.slick-initialized {
	margin-bottom: 0;
}

.home-slick-slider .slick-dots li {
	width: 15px !important;
	margin: 0 3px;
}

.home-slick-slider .slick-dots li.slick-active button:before {
	color: #029AF5 !important;
	opacity: 1;
}

.home-slick-slider .slick-dots li button:before {
	font-size: 8px;
}

.home-slick-slider .custom-slider-block {
	background-color: rgb(255 255 255 / 90%);
	padding: 30px 30px 20px 30px;
	border-radius: 10px;
	box-shadow: 2px 2px 15px rgb(0 0 0 / 0.25);
}

.home-slick-slider .btn-explore {
	font-size: 16px;
	font-weight: bold;
}

header.profilemasthead {
	position: relative;
}

@media screen and (min-width: 550px) {
	header.profilemasthead {
		overflow: hidden;
		position: relative;
	}
}

header.masthead {
	overflow: hidden;
	position: relative;
}

.home-slick-slider .slick-dots li button:before {
	font-size: 13px;
	opacity: 1;
}

.home-slick-slider .slick-dots li button:before {
	color: #2A373B;
	opacity: 0.2;
}

.home-slick-slider ul.slick-dots {
	padding-left: 15px;
	max-width: 1140px;
	left: 50%;
	transform: translateX(-50%);
	text-align: left;
	bottom: 28px;
}

.home-slick-slider h1 {
	font-size: 24px !important;
	margin-bottom: 8px !important;
}

.order-in-queue {
	font-weight: bold;
	margin-top: 15px;
}

@media (min-width: 992px) {
	.home-slick-slider ul.slick-dots {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.home-slick-slider ul.slick-dots {
		max-width: 1140px;
	}
}

@media (min-width: 1600px) {
	.home-slick-slider ul.slick-dots {
		max-width: 1400px;
	}
}

@media screen and (max-width: 991px) {
	.home-slick-slider ul.slick-dots {
		text-align: center;
		bottom: 40px;
	}
}

.job_hide_rate_div .close_job_icon {
	font-size: 16px;
	color: gray;
	padding-right: 10px;
	padding-top: 3px;
}

.job_hide_rate_div .fa-check-circle-o,
.job_hide_rate_div .fa-check-circle {
	font-size: 16px;
	padding: 1px;
}

.job_hide_rate_div .vl {
	border-left: 2px solid #E0E0E0;
	height: 20px;
	padding-right: 8px;
}

.job_hide_rate_div .d_inherit {
	display: inherit;
}

.job_hide_rate_div .bid_rating {
	padding-top: 3px;
}

/* new cart page css - start */
.cart_page .rounded_div {
	border-radius: 25px;
	width: 100%;
}

.cart_price .price {
	font-size: 20px;
}

.cart_page .bg_gray {
	background-color: lightgray;
}

.cart_page .less_rounded_div {
	border-radius: 10px;
}

.cart_page .hr {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.cart_page .font_20 {
	font-size: 20px;
}

.cart_page .no_link {
	width: 100%;
	color: black;
}

.cart_page .top_none {
	top: 0px !important;
}

.cart_page .paypal_btn {
	background-color: #cece0f;
	color: blue;
}

.cart_page .coupon_box {
	display: inline-flex;
	width: 100%;
	margin-top: 20px;
}

.cart_page .font_size {
	font-size: 18px;
}

/* new cart page css - end */
.cus-search-icon i.fa {
	font-size: 24px;
	line-height: 24px;
	color: rgba(51, 51, 51, 0.7);
}

.cus-search-icon {
	display: inline-block;
	position: relative;
	float: left;
	top: 9px;
}

/**header serach css **/
@media screen and (min-width: 992px) {
	.main-header .mt-show {
		display: none !important;
	}
}

@media screen and (max-width: 992px) {
	.cus-web-search {
		display: none;
	}
}

.progress .progress_color {
	background-color: #ff6933;
	height: 80px;
}

.popover {
	max-width: 420px !important;
	/* width: 420px !important; */
}

/*** Ratting css***/
.cus-ratting-box {
	position: relative;
	padding: 15px;
	box-shadow: 0px 2px 6px 0px rgb(0 0 0 / .25);
	margin-top: 20px;
	margin-bottom: 20px;
}

.ratting-content .fs-18 {
	font-size: 18px;
	vertical-align: middle;
}

.cus-grey {
	color: gray;
}

.ratting-content {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 10px 0;
}

.ratting-content .star-ratings-sprite {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.table.table.ratting-table td.middle {

	width: 87.43%;
}

.cus-white-space-nowrap {
	white-space: nowrap;
}

.table.table.ratting-table td {
	padding: 5px 15px;
	border-top: 0px;
	vertical-align: middle;
}

.help-full-need span {
	font-size: 12px;
	font-weight: 400;
	padding: 5px 10px;
}

.help-full-need.text-primary,
.help-full-need.text-primary:hover {
	color: green !important;
}

.help-full-need.text-danger,
.help-full-need.text-danger:hover {
	color: red !important;
}

.show_rating_popup {
	cursor: pointer;
}

@media screen and (min-width: 767px) {
	.cus-w-80 {
		max-width: 80%;
	}
}

.user-avatar.cus-med {
	max-width: 36px;
	height: auto;
	margin: 0 auto;
}

.avtar-40 {
	width: 40px;
}

.cart-message {
	display: inline-block;
	vertical-align: initial;
}

#register-login-modal .modal-dialog.modal-dialog-centered {
	max-width: 400px;
}

#register-login-modal .continue-guest {
	padding: 10px 0px 15px 0px;
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 10px;
	margin-left: -30px;
	margin-right: -30px;
}

#register-login-modal .continue-guest .w-80,
.cus-w-80 {
	width: 80% !important;
}

.cus-inf-profile .inf-pofile img {
	border-radius: 50%;
	max-width: 250px;
	height: 250px;
	object-fit: cover;
}

.inf-content {
	padding: 20px;
}

.inf-content a {
	color: white;
	font-size: 14px;
}

.cus-inf-profile {
	padding-top: 30px;
}

.cus-bg-infu {
	background: #2d7bff69;
	border-radius: 10px;
	padding: 30px;
}

.cus-img-50 {
	max-width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
}

.cust-img-50 {
	max-width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 50%;
}

.fw-100 {
	font-weight: 100;
}

.fs-24 {
	font-size: 24px
}

.get_review_by_count_link {
	color: black;
}

.get_review_by_count_link:hover {
	text-decoration: underline !important;
	color: #8A12DC;
	cursor: pointer;
}

.rating_hover_effect {
	text-decoration: underline !important;
	color: #ff6933;
}

.rating_middle_hover_effect {
	border: 1px solid #e55e2d !important;
}

.comment-list .empty_review_div {
	border: 1px solid rgba(0, 0, 0, .125);
	padding: 20px !important;
	border-radius: 12px;
	box-shadow: 0px 1px 2px 0px #1018280D;
	margin: auto;
}

.cart-btn-gray {
	box-shadow: 0 3px #cccccc !important;
	background-color: #929292 !important;
	border-color: #cccccc !important;
	width: 100%;
	cursor: not-allowed;
}

.submenu-title {
	border-top: 1px solid #eee;
}

.cust-line-h {
	line-height: 1;
}

.mobile-menu-overflow {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 80vh;
}

.mobile-menu-overflow::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

.mobile-menu-overflow::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

.mobile-menu-overflow::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #e4e4e4;
}

.read_timestamp {
	color: #1876f2 !important;
}

.dropdown-menu-center {
	left: 50% !important;
	right: auto !important;
	transform: translate(-50%, 0) !important;
}

.comment-btn-web {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	position: fixed;
	z-index: 10;
	bottom: 28px;
	right: 33px;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background: -moz-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
	background: -webkit-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
	background-repeat: no-repeat;
	background-attachment: fixed;
	transform: translateY(0);
	opacity: 0.6;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
}

.bundle-service-text {
	margin-top: -10px;
	text-align: right;
}

@media screen and (max-width: 992px) {
	.cus-sort-by .dropdown-toggle {
		position: relative;
		top: 0px;
		float: right;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 375px) {
	.align-items-center.course_filter_responsive {
		flex-direction: column;
		align-items: unset !important;
	}

	.course_filter_responsive .online-seller-span {
		margin-bottom: 12px;
	}

}


#saveasteplate,
#tempalte_pop {
	z-index: 111111;
}

.bootbox.modal.fade.bootbox-confirm.show {
	z-index: 111111;
}

.bootbox.modal.fade.bootbox-confirm.show .modal-footer {
	padding-bottom: 0 !important;
}

.message_icon {
	position: relative;
}

.message-icon-span {
	position: absolute;
	right: -18px;
	top: -3px;
}

.icon-blue {
	color: #0ba1b5;
	font-size: smaller;
}

.cust-influencer-section .cus-inf-profile .inf-pofile img {
	/*border-radius: 50%;
    width: 140px;
    height: 140px;
    object-fit: cover;*/
	border-radius: 0%;
	max-width: 220px;
	max-height: 220px;
	object-fit: cover;
	margin-left: -20px;
}

.cust-influencer-section .cust-user-info {
	/*padding-top: 2px;*/
	margin-top: 40px;
}

.cust-pl-none {
	/*padding-left: 0px;*/
}

.cus-influencer .first-influencer {
	height: 250px;
}

.first-influencer .header-bg {
	background: url("../../../frontend/images/InfluencerPageBanner.png");
	background-position: right;
}

.influencer-info-mob {
	align-self: start;
}

@media screen and (max-width: 992px) {
	.influencer-info-mob h2 {
		font-size: 20px;
	}

	.influencer-info-mob h5 {
		font-size: 15px;
	}

	.influencer-info-mob .h6 {
		font-size: 15px;
	}

	.influencer-info-mob .w-75 {
		width: auto !important;
	}

	.influencer-img-mob img {
		max-width: 150px;
		max-height: 150px;
	}

	.cus-influencer .first-influencer {
		height: auto;
	}

	.cust-pl-none {
		padding-left: 15px;
	}

	.cust-pl2-none {
		padding-left: 20px;
	}

	.cust-title {
		max-width: 100%;
		flex: 100%;
	}

	.first-influencer .header-bg {
		background: url("../../../frontend/images/InfluencerPageBanner.png");
		background-attachment: fixed;
	}
}

.first-influencer .bg-white {
	background-color: #fff;
}

.first-influencer .cust-title {
	padding: 90px;
}

.header-bg {
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

section.influencer.cus-influencer {
	background: #fff;
	background-size: cover;
	background-repeat: no-repeat;
}

.cust-text-color {
	color: #000;
}

section.influencer.cus-influencer-single {
	background: url('../../../frontend/images/InfluencerPageInnerBanner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.cus-text-color {
	color: #000;
}

.cust-user-info .desc-text {
	line-height: 1.10;
}

.c-white-space-a {
	white-space: normal;
}

@media screen and (max-width: 1200px) {
	.cust-influencer-section .cus-inf-profile .inf-pofile img {
		/*max-width: 100px;
		height: 100px;*/
		max-width: 220px;
		max-height: 220px;
	}
}

@media screen and (max-width: 992px) {
	.cust-influencer-mob {
		padding-top: 30px;
		padding-bottom: 0px;
		width: auto !important;
	}

	.tab-pl-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.tab-mt-2 {
		margin-top: .5rem !important;
	}

	.cust-influencer-section .inf-pofile {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.cust-influencer-section .cust-user-info {
		text-align: center !important;
		/*margin-top: 40px;*/
	}

	.mob-cus-col-12 {
		width: 100%;
	}

	.slick_service_box {
		/* width: 300px; */
		margin: 0 auto;
	}
}

p.bundle-sub-text {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}

.service_card_preview {
	width: 50% !important;
}

.card_view_service_div {
	width: 100%;
	text-align: center;
	background-color: #8A12DC;
	border-radius: 0px 0px 20px 20px;
	height: 35px;
}

.my_service_card_div {
	border-radius: 20px;
	letter-spacing: 1px;
	overflow: hidden;
}

.my_service_card_div .product-info h4 {
	font-size: 18px;
}

.round_corner_image {
	border-radius: 20px 20px 0px 0px;
}

.my_service_card_div h4.text-header,
.my_service_card_div div {
	font-family: 'circular-medium';
}

.my_service_card_div .product-info {
	background: #fff;
	border-radius: 0px 0px 25px 25px;
}

.my_service_card_div .text-header {
	padding: 10px 15px 0px 15px;
}

.my_service_card_div .total-price {
	padding: 0px 15px 10px 15px;
}

.my_service_card_div .review {
	padding: 5px 15px 0px 15px;
	font-size: 14px;
}

.my_service_card_div .product-info {
	padding: 0;
}

.my_service_card_div img.round_corner_image {
	height: auto;
}

.view_service_link {
	margin-top: 8px;
}

.view_service_link a {
	color: white;
}

.starting_at_p {
	text-align: left !important;
	margin: 0px !important;
	font-family: 'Inter-regular' !important;
	color: rgba(38, 47, 63, 0.5) !important;
	font-size: 13px !important;
}

.check-green {
	color: #55b000;
}

#checkout-login {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* dark mode css */
.dark_mode_switch_div {
	margin-left: 15px;
}

.dark_mode_switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 25px;
}

.dark_mode_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.dark_mode_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: unset;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	width: 1.75rem;
	height: 1rem;
}

input:checked+.dark_mode_slider:before {
	transform: translateX(14px) !important;
}

.dark_mode_slider:before {
	position: absolute;
	content: "";
	height: calc(1rem - 1px);
	width: calc(1rem - 1px);
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

/* .dark_mode_slider:after{
	left: 10px !important;
} */



input:checked+.dark_mode_slider {
	background-color: #8A12DC;
}

input:focus+.dark_mode_slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.dark_mode_slider:before {
	-webkit-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
}

/* Rounded sliders */
.dark_mode_slider.dark_mode_round {
	border-radius: 34px;
	height: 20px;
	width: 36px;
}

.dark_mode_slider.dark_mode_round:before {
	border-radius: 50%;
}

.border_btm_dark_mode {
	border-bottom: 1px solid #e3e3e3;
	margin-left: 0px !important;
	padding-left: 15px !important;
}

/* dark mode css */

.cart_page #sticky_block {
	top: 100px;
	position: sticky;
}

.cart_page #sticky_block h6 {
	font-weight: 500;
}

.global-dark-text {
	color: #000000 !important;
}

/* testimonial */
.testimonial-sec {
	background: #30383b;
	padding-top: 20px;
	padding-bottom: 20px;
}

.testimonial-item {
	background: #30383b;
	margin: 10px;
	width: 80% !important;
	display: inline-block;
	margin-left: 8% !important;
}

.testimonial-avatar {
	width: 80px;
	height: 80px;
	margin-bottom: 0px;
	border-radius: 50%;
	position: relative;
	left: -12px;
	top: 20px;
}

.testimonial-quote {
	color: #454c4f;
	font-size: 55px;
}

.testimonial-name {
	text-align: center;
	color: #ffffff;
	margin-top: 30px;
	font-size: 16px;
	font-weight: 100;
}

.testimonial-sec .margin_left_34 {
	margin-left: 37%;
}

.testimonial-sec .margin_left_15 {
	margin-left: 15%;
}

.testimonial-title {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 600;
	padding-top: 15px;
	padding-left: 30px;
}

.testimonial-grid .cus-arrow-left,
.testimonial-grid .cus-arrow-right {
	background: #3a4245;
	box-shadow: none;
}

.testimonial-grid .cus-arrow-left {
	border-radius: 50%;
}

.testimonial-grid .cus-arrow-left img {
	width: 10px;
	margin-left: 5px;
}

.testimonial-grid .cus-arrow-right {
	border-radius: 50%;
}

.testimonial-grid .cus-arrow-right img {
	width: 10px;
	margin-left: 5px;
}

.testimonial-item .description_text {
	color: #969696 !important;
	padding-left: 30px;
	font-size: 20px;
}

/* new service box */
.new_service_box {
	border-radius: 10px;
	border: 1px solid #80808061;
	position: relative;
	background-color: #ffffff !important;
	box-shadow: 0px 2px 3px 0px #1018281f;

}

.new_service_box .img-fluid {
	border-radius: 10px 10px 0px 0px;
}

.new_service_box .new_service_box_title {
	color: #2a373b !important;
}

.new_service_box .new_service_box_desc {
	color: #7b7b7b !important;
}

.new_service_box .new_service_box_rating {
	color: black !important;
	font-size: 17px !important;
	padding-left: 5px !important;
}

.new_service_box .new_service_box_reviews {
	color: #898989 !important;
	padding-left: 5px !important;
}

.new_service_box .display_grid {
	display: grid !important;
}

/* new landing page */
.lp-masthead .description_text {
	color: #fff !important;
}

.landing_pg .lpRowTitles {
	padding: 0 45px 0 0 !important;
}

.landing_pg .lpRowTitles span {
	color: #029af5 !important;
	font-weight: 600;
}

.lp_gray_bg {
	background-color: #f5f5f5;
}

.landing_pg_footer .box_style_1 {
	padding-left: 100px;
	padding-right: 100px;
}

.landing_pg_footer .box_sub_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #313d41 !important
}

.landing_pg .font_color_1,
.landing_pg_footer .font_color_1 {
	color: #2a373b !important
}

.landing_pg .font_color_2,
.landing_pg_footer .font_color_2 {
	color: #606a6c !important
}

.landing_pg .font_size_18 {
	font-size: 18px;
}

.landing-page-services .cus-arrow-left {
	background: none;
	border-radius: none !important;
	box-shadow: none;
	left: -20px;
	color: #373737;
}

.landing-page-services .cus-arrow-right {
	background: none;
	border-radius: none !important;
	box-shadow: none;
	right: -65px;
	color: #373737;
}

.landing_pg_footer {
	background-color: #ffffff;
}

.landing_pg_footer .searchtext {
	border: none;
	background: #f5f6f8;
	border-right: 2px solid #dbdcde;
}

.landing_pg_footer .search-form {
	background: #f5f6f8;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 10px;
}

.landing_pg_footer .search-form button {
	background: #f5f6f8 !important;
	border: none;
	width: 100%;
	padding: 8px 12px !important;
	font-size: 13px !important;
}

.landing_pg_footer .search-form button .fa-search {
	color: #029af5 !important;
}

.landing_pg_footer .box_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
}

.landing_pg_footer .job_board_btn {
	color: #fff !important;
	background-color: #029af5 !important;
	border-color: #029af5 !important;
	padding: 12px !important;
}

.landing-page-services .cus-arrow-left img,
.landing-page-services .cus-arrow-right img {
	width: 15px;
}

.landing_pg_footer .search-form .search-by::after {
	margin-left: 1.255em;
}

/* new footer */
.footer_copyright_color,
.footer_copyright_color a {
	color: #a1a1a1 !important;
}

.footer_copyright_color .global-dark-text {
	color: #a1a1a1 !important;
}

.footer_section ul {
	color: #666666;
}

.footer_section {
	border-top: 2px solid #cbcbcb;
}

.mb-10 {
	margin-bottom: 10px;
}

.hideshowicon {
	cursor: pointer;
}

.min-width-150 {
	min-width: 150px;
}

/*****************************************new home page styles*********************************************************/
/* .font-lato {
	font-family: 'Lato', 'Helvetica Neue', 'Helvetica, Arial', 'sans-serif' !important;
} */

.text-color-1 {
	color: #8A12DC !important;
}

.text-color-2 {
	color: #2A373B !important;
}

.text-color-3 {
	color: #666666 !important;
}

.text-color-4 {
	color: #999999 !important;
}

.text-color-5 {
	color: #B3E2FF !important;
}

.text-color-6 {
	color: #333333;
}

.text-color-7 {
	color: #717678 !important;
}

.text-color-8 {
	color: #33C264;
}

.text-color-9 {
	color: white !important;
}

.text-color-10 {
	color: #ED2E7E;
}

.text-color-11 {
	color: #BBBBBB;
}

.bg-danger-red {
	background-color: #ED2E7E;
}

.bg-green {
	background-color: #AEE9D1;
	color: #027A48;
}

.bg-dark-green {
	background-color: #639377;
}

.bg-light-white {
	background-color: #FFFFFF !important;
}

.bg-light-gray {
	background-color: #B8B8B8;
}

.bg-dark-black {
	background-color: #2A373B !important;
}

.bg-dark-blue {
	background-color: #2a8dc9;
}

.bg-dark-white {
	background-color: #F5F5F5;
}

.bg-dark-grey-f2 {
	background-color: #F2F2F2;
}

.bg-tomato {
	background-color: #EA6552 !important;
}

.bg-orange {
	background-color: #ff6224;
}

.bg-dark-gray {
	background-color: #717678;
}

.bg-dark-yellow {
	background-color: #FFAC14;
}

.bg-light-gray-f0 {
	background-color: #F0F3F4;
}

.bg-light-gray-f0f2 {
	background-color: #F0F2F5 !important;
}

.font-8 {
	font-size: 8px;
}

.font-9 {
	font-size: 9px;
}

.font-10 {
	font-size: 10px;
}

.font-11 {
	font-size: 11px !important;
}

.font-12 {
	font-size: 12px;
}

.font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px !important;
}

.font-15 {
	font-size: 15px;
}

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

.font-18 {
	font-size: 18px;
}

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

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

.font-23 {
	font-size: 23px;
}

.font-24 {
	font-size: 24px !important;
}

.font-26 {
	font-size: 26px !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-34 {
	font-size: 34px !important;
}

.font-36 {
	font-size: 36px !important;
}

.font-38 {
	font-size: 36px !important;
}

.font-40 {
	font-size: 40px !important;
}

.font-61 {
	font-size: 61px !important;
}

.font-48 {
	font-size: 48px !important;
}

.border-btn {
	border: 2px solid #029AF5 !important;
	border-radius: 6px !important;
	font-weight: 700;
}

.new_service_box .new_service_box_username {
	color: #394549 !important;
	font-size: 11px;
	width: 100px !important;
}

.new_service_box .display_grid {
	display: flex !important;
	flex-direction: row-reverse;
}

.img-caption {
	position: absolute;
	left: 15%;
	bottom: 1%;
}

.bg-slider {
	background: linear-gradient(0deg, #30383B, #30383B), linear-gradient(180deg, #F3F3F4 0%, rgba(255, 255, 255, 0) 100%);
}

.slider-profile {
	width: 100px;
	height: 100px;
}

.search-icon-home-logout {
	position: absolute;
	top: 38%;
	left: 5%;
	z-index: 15;
}

.cus-sticky {
	height: auto;
	overflow-y: initial;
}

.cus-arrow-right {
	/* background-color: transparent; */
	font-size: 24px;
	color: black;
	box-shadow: none !important;
	position: absolute;
	right: -70px;
	width: 40px;
	height: 40px;
	top: 50% !important;
	transform: translate(-50%, -50%);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.cus-arrow-left {
	/* background-color: transparent; */
	right: 0;
	left: -25px;
	z-index: 1;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	color: black;
	box-shadow: none !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cus-arrow-right img {
	opacity: 0.6;
	vertical-align: baseline !important;
}

.cus-arrow-left img {
	opacity: 0.6;
	vertical-align: baseline !important;
}

.sub-header-login {
	margin-top: -320px;
}

.binocular-icon {
	position: absolute;
	left: -2%;
}

.box-icon {
	position: absolute;
	top: -30%;
	right: -10px;
}

.letter-icon {
	position: absolute;
	right: 15px;
	top: 60%;
}

.cactus-icon {
	position: absolute;
	left: -10px;
	top: 67%;
}

.group-icon {
	position: absolute;
	top: 45%;
	left: 0%;
}

.frame-icon {
	position: absolute;
	top: -10px;
	right: 10px;
}

.plant-icon {
	position: absolute;
	left: -10px;
	top: 13px;
}

.mic-icon {
	transform: translateX(-13px);
}

.coupon-banner {
	position: absolute;
	top: 0;
	right: 20px;
	width: 30%;
	z-index: 1;
}

.doted-design {
	position: absolute;
	top: 3px;
	left: 0px;
	opacity: 0.3;
}

.banner-tikmark {
	width: 10px !important;
	height: 10px !important;
}

.popular-grid-four>.cus-arrow-left {
	background-color: #3a4245 !important;
	right: 0;
	left: 100px;
	z-index: 1;
	width: 40px;
	height: 38px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	color: white !important;
	box-shadow: none !important;
	cursor: pointer;
	border-radius: 50px !important;
}

.popular-grid-four>.cus-arrow-right {
	background-color: #3a4245 !important;
	font-size: 24px;
	color: white !important;
	box-shadow: none !important;
	position: absolute;
	right: 100px;
	width: 40px;
	height: 38px;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	border-radius: 50px !important;
}

.popular-grid-four>.cus-arrow-right img {
	width: auto;
	margin-left: 5px;
}

.popular-grid-four>.cus-arrow-left img {
	width: auto;
	margin-left: 5px;
}

.popular-grid-five>.cus-arrow-left {
	background-color: transparent !important;
	right: 0;
	left: 20px;
	z-index: 1;
	width: 30px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	color: white !important;
	box-shadow: none !important;
	cursor: pointer;
}

.popular-grid-five>.cus-arrow-right {
	background-color: transparent !important;
	font-size: 24px;
	color: white !important;
	box-shadow: none !important;
	position: absolute;
	right: 0px;
	width: 30px;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.popular-grid-five>.cus-arrow-right img {
	width: auto;
}

.popular-grid-five>.cus-arrow-left img {
	width: auto;
}

.premium-container {
	/*top: -15px;*/
	padding: 10px 30px 15px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 6px;
}


.custom-ul {
	color: white !important;
	text-decoration: underline;
	text-decoration-color: #029af5;
	text-decoration-thickness: 4px;
}

.slider-proflie-img {
	width: 60px;
}

.diamond-icon {
	position: absolute;
	top: -5%;
	right: 10%;
	width: 18%;
}

.new_service_box:hover .heart {
	display: block;
	animation: 0.8s ease 0s normal forwards 1 fadein;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #8A12DC !important;
	background-color: transparent;
	border-bottom: 3px solid #8A12DC !important;
	border-color: transparent transparent #8A12DC transparent;
}

.nav-tabs .nav-item:hover .nav-link {
	border-color: transparent transparent #29a4ec transparent;
	border-bottom: none;
}

/* .card-footer-min-height {
	min-height: 51px !important;
} */

.notification-min-height {
	min-height: 190px !important;
}

.notification-profile-img {
	width: 30px;
	height: 30px;
}


.border-radius-15px {
	border-radius: 15px;
}

.border-radius-12px {
	border-radius: 12px !important;
}

.border-radius-8px {
	border-radius: 8px;
}

.border-radius-6px {
	border-radius: 6px;
}

.border-radius-3px {
	border-radius: 3px;
}

.border-radius-2px {
	border-radius: 2px;
}


.custom-order-btn {
	border: 2px solid #029AF5;
	border-radius: 6px;
}

.font-weight-400 {
	font-weight: 400;
}

.slider-separator {
	border-right: 1px solid white;
	transform: translateX(-20px);
	opacity: 0.2;
}

.cart-step-1 {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	width: 24px;
	height: 24px;
	padding: 3px 7px;
	border-radius: 100%;
}

.cart-step-2 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	width: 24px;
	height: 24px;
	padding: 3px 7px;
	border-radius: 100%;
}

.summary {
	/* background: #FFFFFF; */
	/* border: 1px solid #E5E5E5 !important;
	border-radius: 6px; */
}


.alert-primary {
	background: #f0d8ff;
	border: 1px solid #8a12dc;
	border-radius: 5px;
	width: 95%;
}

.alert-secondary {
	background: #E8E8E8;
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 95%;
}

.alert-success {
	background: #dcfcdc;
	border: 1px solid #99e0b1;
	border-radius: 5px;
	width: 100%;
}

.opacity-3 {
	opacity: 0.3;
}

.dropdown-toggle::after {
	border: none;
}

.dropdown-style {
	/* background: #FFFFFF; */
	border: 1px solid #E5E5E5 !important;
	border-radius: 6px 6px 0px 0px;
}

.dropdown-menu-border {
	background: #FFFFFF;
	border: 1px solid #E5E5E5 !important;
	border-radius: 0px 0px 6px 6px;
}

.alert-status {
	background: #FFDEF2;
	border: 1px solid #EB47AC;
	box-sizing: border-box;
	border-radius: 5px;
	width: 75%;
}

.text-wrap {
	white-space: pre-wrap !important;
}

.dropdown-toggle[aria-expanded='true']>.arrow-down {
	transform: rotate(90deg);
}

.arrow-down-btn[aria-expanded="true"]>.arrow-down {
	transform: rotate(180deg);
}


.arrow-down-btn[aria-expanded="true"] .dropdown-notification-icon {
	display: none !important;
}

.dropdown-notification-icon {
	color: white !important;
	padding: 3px 6px;
	border-radius: 100%;
	position: absolute;
	top: 10px;
}

.recent-order-img {
	/* max-height: 170px !important; */
}

.max-height {
	height: 100% !important;
}


.border-gray-1px {
	border: 1px solid #E5E5E5;
}

.border-top-gray {
	border-top: 1px solid #E6E6E6;
}

.border-top-gray-2px {
	border-top: 2px solid #E5E5E5;
}

.border-gray-2px {
	border: 2px solid #E5E5E5;
}

.border-right-gray {
	border-right: 1px solid #E5E5E5 !important;
}

.border-separate {
	border-collapse: separate;
}

.payment-switch {
	position: relative;
	display: inline-block;
	width: 51px;
	height: 25px;
}

.payment-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.payment-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.payment-slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.payment-slider {
	background-color: #8a12dc;
}

input:focus+.payment-slider {
	box-shadow: 0 0 1px #8a12dc;
}

input:checked+.payment-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.payment-slider.round {
	border-radius: 34px;
}

.payment-slider.round:before {
	border-radius: 50%;
}

.px-10 {
	padding-right: 10.5px;
	padding-left: 10.5px;
}

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

	.slider-qoute-img {
		position: absolute;
		left: 22%;
		top: -10%;
	}

	.cart-margin-top {
		margin-top: -23px !important;
	}
}

.margin_top_40 {
	margin-top: 40%;
}

@media screen and (min-width:992px) {
	.heart {
		display: none;
	}

	.cart-margin-top {
		margin-top: -50px;
	}

	.parent-diamond-btn {
		padding-right: 25% !important;
	}

	.diamond-icon {
		position: absolute;
		top: -12%;
		right: 20%;
		width: 18%;
	}

	.premium-container {
		right: 10px;
	}

	.home-slider-qoute-img {
		position: absolute;
		top: 0%;
		left: 41%;
	}

	.cus-arrow-left,
	.cus-arrow-right {
		top: 50%;
	}

	.cus-arrow-left,
	.cus-arrow-right {
		top: 50%;
	}

	.slider-qoute-img {
		position: absolute;
		left: 20%;
		top: -10%;
	}

	.parent-cart-step {
		width: 60%;
	}

	.parent-cart-step-2 {
		width: 30%;
	}

	.view-service-margin-top {
		margin-top: 57px !important;
	}

	.tag-list {
		width: 260px;
	}

	.tag-input {
		width: 350px !important;
	}

	.superstar {
		width: 260px;
	}


	/*****************DropZone*****************/
	.dropzone {
		border: 3px dashed #E5E5E5 !important;
		border-radius: 6px !important;
	}

	.min-width-95px {
		min-width: 95px;
	}

}

@media screen and (max-width:1200px) {
	.play-btn {
		width: 50px;
	}
}

@media screen and (max-width:1024px) {

	.cus-arrow-left {
		left: 20px !important;
	}

	.cus-arrow-right {
		right: -20px !important;
	}
}

@media screen and (max-width:991px) {
	.slider-qoute-img {
		position: absolute;
		left: 37%;
		top: -10%;
	}

	.parent-cart-step,
	.parent-cart-step-2 {
		width: 100%;
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 75%;
		height: 100%;
		background-color: white;
		z-index: 5;
	}

	.navbar-collapse.collapsing {
		left: -75%;
		transition: height 0s ease;
	}

	.navbar-collapse.show {
		left: 0;
		transition: left 300ms ease-in-out;
	}

	.navbar-toggler.collapsed~.navbar-collapse {
		transition: left 500ms ease-in-out;
	}
}


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

	.home-slider-qoute-img {
		position: absolute;
		top: 0%;
		left: 36%;
	}

	.sub-header-login {
		margin-top: -40%;
	}

	.cus-arrow-left {
		left: 20px !important;
	}

	.cus-arrow-right {
		right: -20px !important;
	}

	.landing_pg_footer .box_style_1 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.alert-status {
		width: 100% !important;
	}

	.alert-primary {
		width: 100% !important;
	}

	.alert-secondary {
		width: 100% !important;
	}

	.alert-success {
		width: 100% !important;
	}

	.home-slider-text-style {
		background: #2393ed;
		opacity: 0.8;
		padding: 20px;
		margin: 15px;
		border-radius: 10px;
		box-shadow: 0px 0px 25px 1px #d1d1d2;
	}

	.border-btn {
		border: none !important;
	}

	.header-logo {
		width: 114px;
	}
}


@media screen and (max-width:576px) {

	.home-slider-qoute-img {
		position: absolute;
		top: 0%;
		left: 22%;
	}

	.sub-header-login {
		margin-top: -80%;
	}

	.slider-qoute-img {
		position: absolute;
		left: 20%;
		top: -10%;
	}

	.arrow-right {
		transform: rotate(90deg);
	}

	.vimeo-width {
		width: auto;
	}

	/* .search-icon-btn{
		padding-left: 20px !important;
	} */
}

/**New header css **/

.new_trending_slider .slick-track {
	margin-left: 0;
}

.random_promo_section {
	padding-top: 2.2rem !important;
	padding-bottom: 1.5rem !important;
}

/* .no_order_yet {
	width: 70px;
    height: 70px;
    background-color: #F5F5F5;
    margin-top: 20px;
    display: block;
  	margin-left: auto;
  	margin-right: auto;
} */
.no_order_yet {
	width: 100px;
	height: 100px;
}

/**New header css **/
.dropdown-redesign .dropdown-content {
	box-shadow: 0px 11px 29px rgb(0 0 0 / 20%);
	border-radius: 15px;
	padding: 15px;
}

.dropdown-redesign .cus-dropdown-content {
	box-shadow: 0px 11px 29px rgb(0 0 0 / 20%);
	border-radius: 15px;
}

.dropdown-redesign .dropdown-content {
	background-color: #ffffff;
	min-width: 350px;
}

.dropdown-redesign .dropdown-toggle::before {
	content: '';
	border: none !important;
	display: none;
}

.dropdown-redesign .dropdown-item {
	padding: 5px !important
}

.new_landing_page .dropdown-menu.cus-dropdown-content {
	top: -23px !important;
}

.dropdown-redesign .cus-dropdown-content {
	padding: 12px !important
}

.navbar-expand-lg .dropdown-redesign .dropdown-item:hover {
	background-color: #F6F6F6 !important;
	border-radius: 6px !important;
}

.dropdown-redesign .dropdown-content {
	width: 180px;
}

span.blue-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #029AF5;
	border-radius: 50px;
}

.cus-round--dropbtn {
	color: #666666;
	background: #FFFFFF;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	transition: 0.4s;
}

.cus-round--dropbtn:hover {
	color: #8A12DC;
	background: #E8F6FF;
}

.cus-overflow-y {
	max-height: 80vh;
	overflow-y: auto;
}

.hover-bg-dark-grey-f2:hover {
	background-color: #F2F2F2;
}

.header_a_tag {
	font-family: 'Lato';
	font-weight: 700;
}

.notification_block_display {
	display: block;
}

.upgrade-to-premium {
	overflow: hidden;
}

/* .thumbnail-obj-cover img{
	object-fit: cover;
} */
.notification-profile-img {
	width: 30px;
	height: 30px;
	border-radius: 50pc;
	box-shadow: 0px 0 5px;
}

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

	.view-service-margin-top {
		margin-top: 80px;
	}
}

@media only screen and (max-width: 767px) {
	.home-slick-slider ul.slick-dots {
		background: #eeee;
		opacity: 0.8;
		padding: 4px;
		margin: 0;
		border-radius: 10px;
		box-shadow: 0px 0px 25px 1px #d1d1d2;
		width: auto;
		bottom: 5px;
	}
}

.recurring-text {
	font-size: 10px;
	font-weight: 600;
}

.order-start-date-listing {
	width: 115px;
}

.order-end-date-listing {
	width: 210px;
}

.just-same {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 80px;
	flex-wrap: wrap-reverse;
}

#cus-verify-mobile-form .select2-container {
	top: -3px !important;
}

.browse_post_job_btn {
	float: right;
	padding: 8px 27px;
	background-color: #029af5;
	color: #FFFFFF !important;
	border-radius: 7px;
}

.browse_job_title {
	padding-bottom: 40px !important;
}

.display_contents {
	display: contents !important;
}

.cust-profile-user-picture {
	min-width: 160px;
	max-width: 160px;
}

.profile-premium-bagde {
	width: 95px;
}

.custom-bg-transparent {
	background: transparent !important;
	background-color: transparent !important;
}

.custom-bg-transparent:hover,
.custom-bg-transparent:focus {
	color: #8a12dc;
	outline: none;
}

.h-max-content {
	height: max-content;
}

.pt--15 {
	top: -25px;
}

.afilliate-content-bg {
	background: #F5F5F5;
}

.premium-container .input-group {
	background-color: #ffffff;
}

.play-btn {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 28%;
}

@media screen and (max-width:1200px) {
	.play-btn {
		width: 50px;
	}
}

.portfolio-img {
	width: 100%;
	height: 62px !important;
	object-fit: cover;
	object-position: center;
}

.summary {
	/* border: 1px solid #E5E5E5 !important;
	border-radius: 6px; */
}

.seller-video-content .summary {
	border: 1px solid #E5E5E5 !important;
	border-radius: 6px;
}

.custome-dropzone-media-upload {
	justify-content: center !important;
	display: flex !important;
	padding: 2rem !important;
	text-align-last: center !important;
}

.cart-logo {
	width: 105px;
}

.cust-w-95 {
	width: 95%;
}

.max-w-5 {
	max-width: 5%;
}

.upload-media-name {
	white-space: nowrap;
	max-width: 78%;
	margin-right: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.max-w-15 {
	max-width: 15%;
}

#portfolio_form .has-error textarea {
	border: 2px solid #ED2E7E !important;
}

#portfolio_form .has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #ED2E7E;
}

#portfolio_form .has-error .help-block {
	float: right;
}

#portfolio_form .has-error .form-control:focus {
	border: 2px solid #ED2E7E !important;
}

#portfolio_form .error {
	color: #ED2E7E !important;
}

#portfolio_form .media-upload-form .help-block {
	text-align: center;
	float: none;
}

#portfolio_form .media_name {
	white-space: nowrap;
	max-width: 230px;
	margin-right: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.drag-icon,
.drag-image {
	cursor: pointer;
}

.video-player {
	width: 100%;
	max-height: 381px;
	height: auto;
	background: #000;
}

.media-upload-form .dropzone .dz-message {
	margin: 0px !important;
}

.protfolio-note {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #999999;
}

.play-btn2 {
	top: 20%;
}

.video-link {
	cursor: pointer;
}

.cust-portfolio-img {
	height: 185px !important;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: contain;
}

.cust-portfolio-video-thumb {
	object-fit: cover;
	object-position: center;
}

.show-media .media_show {
	/* width: 104px; */
	/* height: 59px; */
	object-fit: cover;
	object-position: top;
}

.portfolio-description {
	min-height: 50px;
}

#portfolio_form textarea::-webkit-input-placeholder,
#portfolio_form input::-webkit-input-placeholder {
	color: #999999;
}

#portfolio_form textarea:-moz-placeholder,
#portfolio_form input:-moz-placeholder {
	/* Firefox 18- */
	color: #999999;
}

#portfolio_form textarea::-moz-placeholder,
#portfolio_form input::-moz-placeholder {
	/* Firefox 19+ */
	color: #999999;
}

#portfolio_form textarea:-ms-input-placeholder,
#portfolio_form input:-ms-input-placeholder {
	color: #999999;
}

#portfolio_form textarea::placeholder,
#portfolio_form input::placeholder {
	color: #999999;
}

#portfolio_form textarea:focus,
#portfolio_form input:focus {
	outline: none;
}

.cart-item-block .img-fluid {
	width: 100% !important;
}

/*Profile page description css*/
.profile-sidebar .profile-description-title {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0em;
	margin-bottom: 10px;
}

.profile-sidebar .profile-description-text {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	margin-bottom: unset;
}

/*Full view image CSS*/
.custViewImage {
	cursor: pointer;
	transition: 0.3s;
}

.custViewImage:hover {
	opacity: 0.7;
}

/* The Modal (background) */
.cust-view-image-modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 10000;
	/* Sit on top */
	padding-top: 50px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

/* Modal Content (image) */
.cust-view-image-modal .modal-content {
	margin: auto;
	display: block;
	width: auto;
	max-width: 80%;
	margin-bottom: 3rem;
}

/* Caption of Modal Image */
.cust-view-image-modal #caption {
	margin: auto;
	display: block;
	width: 80%;
	font-size: 24px;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 10px 30px 0px;
}

/* Add Animation */
.cust-view-image-modal .modal-content,
#caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes zoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

/* The Close Button */
.cust-view-image-modal .close {
	position: fixed;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.cust-view-image-modal .close:hover,
.cust-view-image-modal .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.cust-view-image-modal .modal-content {
		width: 100%;
	}
}


.add_tag_btn {
	background-color: #029af5 !important;
	color: white !important;
	outline: none;
}

.tag_search_list .form-control {
	border: none !important;
	color: #495057 !important;
}

.tag_search_list .form-control:focus {
	box-shadow: none !important;
}

/* .tag_search_list .fa-search {
	padding-top: 13px !important;
} */
.tag_search_list {
	border: 1px solid #f1f1f1;
	border-radius: 10px;
}

/* .filter_tag_drop {
	background-color: #2b51b7;
	border: 1px solid #2b51b7;
	color: white;
} */
.search_drop_padding {
	padding-top: 17px;
}

.service_td {
	word-break: break-all;
}

.tag_break {
	word-break: break-word;
}

/* Service sorting css */
.sorting_service .new_service_box {
	border: none !important;
	background-color: none !important;
}

.sorting_service .thumbnail img {
	border-radius: 0%;
}

/*******************Header css******************/
.bgsearch-white,
.bgsearch-white .bg-light-gray-f0f2,
.bgsearch-white .search-by {
	background-color: #fff !important;
	border-radius: 6px;
}

.bgsearch-white {
	border: 1px solid #E5E5E6;
}

.bgsearch-grey,
.bgsearch-grey .bg-light-gray-f0f2,
.bgsearch-grey .search-by {
	background-color: #F0F1F5 !important;
	border-radius: 6px;
}

.close-icon {
	position: absolute;
	z-index: 10;
	right: 140px;
	top: 12px;
}

.arrow-down-btn[aria-expanded="true"].search-by:after {
	content: "\f077";
}

.ui-widget-content {
	background: #FFFFFF;
	box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.12);
	border-radius: 6px;
}

.ui-menu-item {
	padding: 3px 0px;
}

.ui-menu-item:hover .ui-menu-item-wrapper {
	/* background-color: #F5F5F5; */
	border: none;
}

.ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper {
	background-color: #007fff !important;
	border: none;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0px;
}

.border-right-search {
	border-right: 2px solid #D5D5D7;
	height: 25px;
	margin: auto;
}

.cus-mobile-dropdown-content {
	display: none !important;
}

.cus-navigation-arrow-rotate {
	transform: rotate(90deg) !important;
}

.search-icon-btn {
	width: 100% !important;
	border-radius: 6px 0px 0px 6px !important;
	height: 42px !important;
	padding-left: 30px !important;
	padding-right: 0px !important;
}

.profile-img-width-mobile {
	width: 34px;
	height: 34px;
}

.profile-img-width-desktop {
	width: 34px;
	height: 34px;
}

.cursor-pointer {
	cursor: pointer;
}

@media (max-width: 991px) {
	.mob-min-width-120 {
		min-width: 120px !important;
	}
}

.cust-tag-filter {
	padding: .375rem .1rem .375rem .75rem;
	margin-right: 12px;
}

.video-play-btn {
	object-fit: scale-down !important;
	object-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: top !important;
	filter: drop-shadow(2px 2px 2px gray) !important;
}

.cust-pd-15 {
	padding: 15px;
}

#showVideo {
	z-index: 99999;
}

.service-video-thumbnail {
	width: 100%;
	height: 110px;
}

@media only screen and (max-width: 630px) {
	.service-video-thumbnail {
		width: 100%;
		height: 160px;
	}
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .modal-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.show.md-effect-1 .modal-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.navbar-light .navbar-toggler-icon {
	background-image: none;
}

.header-menu-item .cust-cart-icon {
	width: unset;
}

.header-menu-item .bg-blue-hover:hover .dropdown-toggle .blue-icon {
	filter: invert(46%) sepia(68%) saturate(3255%) hue-rotate(176deg) brightness(101%) contrast(98%);
}

.header-menu-item .bg-blue-hover:hover {
	background: #B3E2FF;
	border-radius: 50%;
}

.header_search_parent_div .search-icon-btn:focus {
	box-shadow: none;
}

.header-search .header_search_input {
	border: none !important;
}

.header-search .search-icon-btn:focus {
	outline: none !important;
	box-shadow: none !important;
}

.header a.login.btn {
	border-radius: 6px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: none;
}

.req_prev_file_list table {
	margin-bottom: 0px !important;
}

.notify-dot {
	width: 5px;
	height: 5px;
	background: #029af5;
	border-radius: 20px;
	position: absolute;
	top: 20%;
	right: 29%;
	transition: border .10s;
}

/* Login dark button */
.cust-login-dark-btn {
	border: 2px solid;
	border-radius: 6px;
}

.cust-login-dark-btn:hover,
.cust-login-dark-btn:focus,
.cust-login-dark-btn:active {
	background-color: transparent;
	color: #333333;
}

.cust-login-dark-btn.btn-outline-dark:not(:disabled):not(.disabled).active,
.cust-login-dark-btn.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.cust-login-dark-btn.btn-outline-dark.dropdown-toggle {
	background-color: transparent;
	color: #333333;
}

/* End Login dark button */

/* Profile Avatar CSS */
.avatar-preview #profile_image {
	display: flex;
	overflow: hidden;
}

/*End Profile Avatar CSS */

/* Order Page New Design */
.filter_tag_dropdown.show .filter_tag_drop {
	border-radius: 6px !important;
	font-weight: 700;
}

.filter_tag_dropdown.show .filter_tag_name_list {
	color: #8a12dc !important;
}

#status_form_Search .form-control:focus {
	box-shadow: none;
	border: 2px solid #8a4db2 !important;
	border-radius: 6px !important;
}

#status_form_Search select:focus option {
	color: #ffffff !important;
	font-weight: 700;
}

#status_form_Search select:focus {
	color: #ffffff !important;
}

.view-invoid-btn {
	border: none;
	background-color: unset;
	cursor: pointer;
}

.view-invoid-btn:focus {
	outline: none;
}

.my-orders>.table thead th {
	padding-top: 30px;
	padding-bottom: 5px;
}

.my-orders>.table tbody td {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #E6E6E6;
	vertical-align: middle;
}

.my-orders>.table tbody td.custom-p-10 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #E6E6E6;
	vertical-align: middle;
}

[type="date"] {
	background: url('../../../frontend/images/calendar.png') 97% 50% no-repeat;
}

[type="date"]::-webkit-inner-spin-button {
	display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
}

.timer {
	transform: translateY(10px);
}

.completed-node {
	width: 24px;
	height: 24px;
	border-radius: 50px;
	border: 2px solid #8A12DC;
	background: url('../../../frontend/images/check2.png') #8A12DC no-repeat center;
}

.cancelled-node {
	width: 24px;
	height: 24px;
	border-radius: 50px;
	border: 2px solid #e02245;
	background: url(../../../frontend/images/dashboard/close-icon.png) #e02245 no-repeat center;
}

.in-progress-node {
	width: 24px;
	height: 24px;
	border-radius: 50px;
	border: 2px solid #8A12DC;
}

.pending-node {
	width: 24px;
	height: 24px;
	border-radius: 50px;
	background-color: #F0F1F4;
}

.vertical-line {
	position: relative;
}

.vertical-line::after {
	content: "";
	width: 2px;
	background-color: #8A12DC;
	height: 12px;
	position: absolute;
	top: 26px;
	left: 11px;

}

.dropzone {
	border: 3px dashed #E5E5E5 !important;
	border-radius: 6px !important;
}

.alert-warning {
	background: rgba(255, 172, 20, 0.12);
	border: 1px solid #FFAC14;
	box-sizing: border-box;
	border-radius: 5px;
}

.border-danger-2px {
	border: 2px solid #ED2E7E;
}

.review-profile {
	width: 96px;
	height: 96px;
	border-radius: 50px;
}

.search-icon-btn {
	width: 100% !important;
	border-radius: 6px 0px 0px 6px !important;
	height: 42px !important;
	padding-left: 30px !important;
	padding-right: 0px !important;
}

.profile-img-width-mobile {
	width: 34px;
	height: 34px;
}

.profile-img-width-desktop {
	width: 34px;
	height: 34px;
}

/* .mobile-dropdown-content{
	display: none !important;
}

.navigation-arrow-rotate{
	transform: rotate(90deg) !important;
} */

.cart-logo {
	width: 105px;
}

.invalid-promocode {
	border: 2px solid #FF6969 !important;
}

.invalid-promocode input {
	color: #FF6969 !important;
}

.w-24 {
	width: 24px;
}

.play-btn {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 20%;
}

.font-weight-800 {
	font-weight: 800;
}

.drag-icon {
	cursor: pointer;
}

.cursor-pointer {
	cursor: pointer;
}

.my-checkbox>.custom-checkbox .custom-control-label::before {
	border-radius: 0;
	background: transparent;
	border: 1px solid #E5E5E6;
	width: 16px;
	height: 16px;
}

.my-checkbox>.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	box-shadow: none;
}

.primary-outline-btn {
	border: 2px solid #029AF5 !important;
	border-radius: 6px !important;
	font-weight: 700;
}

.cus-tag-style .tm-input {
	margin-top: 15px;
}

.cus-tag-style .tm-tag {
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	font-size: 10px;
	background-color: #F5F5F5;
	color: #333333;
	box-shadow: none;
	font-weight: bold;
}

.cus-tag-style .tm-tag-remove {
	color: #333333;
	opacity: 1 !important;
}

.tag-input {
	width: 250px;
}

.cus-delivery-icon {
	top: -28px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.order-service-single-image {
	width: 100%;
	height: 200px;
}

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

	.tag-list {
		width: 260px;
	}

	.tag-input {
		width: 350px !important;
	}

	.superstar {
		width: 260px;
	}

	.order-service-single-image {
		width: 100%;
		height: 100px;
	}

	.min-height-55-px {
		min-height: 55px;
	}
}

.view-order-detail-btn:hover {
	color: #333333 !important;
}

.view-order-detail-btn {
	display: inline-block;
	position: relative;
}

.view-order-detail-btn:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #333333;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.view-order-detail-btn:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

/* Spinner CSS */
.lds-spinner {
	margin: 20px 0px 0px 0px;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.lds-spinner>div {
	background-color: #029af5;
	height: 100%;
	width: 6px;
	display: inline-block;
	margin-left: 5px;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.lds-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.lds-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.lds-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.lds-spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

/* Spinner CSS */

@media (max-width: 991px) {
	.order-pagination .pagination {
		justify-content: flex-start;
	}

	.my-orders .min-w-335 {
		min-width: 335px;
	}
}

.card-body .delivery-note p {
	min-height: unset !important;
}

.new-seller-review .br-theme-css-stars .br-widget a:after {
	font-size: 30px;
}

.new-seller-review .br-theme-css-stars .br-widget a.br-active:after {
	color: #8A12DC;
}

.new-seller-review .br-theme-css-stars .br-widget {
	height: 44px;
}

.new-seller-review .br-theme-css-stars .br-widget a {
	height: 40px;
	width: 25px;
}

.new-seller-review .br-theme-css-stars .br-widget a.br-selected:after {
	color: #8A12DC;
}

.modal .modal-header button:focus {
	outline: none !important;
}

.tip-button {
	background-color: transparent;
	display: block;
	text-align: center;
	width: 100%;
	padding: 0.5rem;
	cursor: pointer;
	border: 2px solid transparent;
	margin-bottom: 0px;
}

.tip-button.selected {
	border: 2px solid #8A12DC;
	box-sizing: border-box;
	color: #8A12DC;
}

.tip-button:focus {
	outline: none;
}

#frm_tip_checkout .cus-checkmark input:checked~.checkmark {
	background-color: #8A12DC;
	box-shadow: none;
	border: none;
}

#frm_tip_checkout .cus-checkmark input:checked~.checkmark::after {
	left: 7px;
	top: 3px;
}

.attachment-section.card-body p {
	min-height: unset;
}

@media (max-width: 575.98px) {
	.order-tip-section .tip-table {
		display: table !important;
	}
}

/* End Order Page New Design */
/* Begin : Service listing page */
.service-listings .sortby-listing {
	display: flex;
	align-items: center;
	justify-content: right;
}

.service-listings .online-seller-span {
	display: flex;
	align-items: center;
}

.service-listings .category-toggle {
	top: 0;
	margin-bottom: 0;
}

/* End : Service listing page */

/* blogs - start */
#sort_by_cat {
	border: 1px solid;
	padding: 12px;
	border-radius: 26px;
	color: gray;
}

#sort_by_cat option {
	position: absolute;
	will-change: transform;
	top: 0px;
	left: 0px;
	transform: translate3d(381px, -72px, 0px);
	display: block;
	background-color: #f1f1f1;
	color: black;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
	z-index: 1;
	padding: 12px;
}

.blog_post_box .thumbnail img {
	height: 200px;
}

.category_box {
	height: 300px;
	position: relative;
	background-color: black;
}

.category_box img {
	height: 300px;
	opacity: 0.5;
}

.category_box .img-caption-cat {
	position: absolute;
	left: 2%;
	top: 2%;
}

.blog_cat_header {
	-moz-box-shadow: 0 5px 13px -5px #ccc;
	-webkit-box-shadow: 0 5px 13px -5px #ccc;
	box-shadow: 0 5px 13px -5px rgba(0, 0, 0, .125);
	position: relative;
	border-top: 1px solid #ccc;
}

.blog_cat_header .dropdown-menu {
	margin: 0;
}

.blog_detail_sidebar .card-img-top {
	height: 200px;
	width: 300px;
}

.blog_detail_sidebar .user-detail {
	margin-top: 0px;
}

/* blogs - end */

.review-addition-terms {
	border: 1px solid #e5e5e5;
	height: 250px;
	overflow: auto;
	padding: 10px;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 10px;
	background: #E8E8E8;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.review-addition-terms::-webkit-scrollbar {
	display: none;
}

.re-text-strike {
	text-decoration: line-through !important;
}

.re-discounted-price {
	color: #5cc132 !important;
	padding-right: 3px;
}

.re-listing-price {
	font-size: 16px !important;
}

.disabledslider {
	background-color: #8a12dc73 !important;
}

/*******************Accordion design**********************/

/* @media only screen and (max-width: 767px) {

	.cus-close-btn,
	.activate-btn {
		display: block;
		width: 36px;
		height: 36px;
		line-height: 32px;
		text-align: center;
		border: 2px solid grey !important;
	}

	.cus-deactive {
		display: none;
	}

	.cus-close-btn {
		display: none;
	}

	.cus-filter-icon {
		filter: invert(53%) sepia(8%) saturate(8%) hue-rotate(355deg) brightness(93%) contrast(92%);
		max-width: 22px !important;
		line-height: 36px;
	}

	.cus-filter-icon-close {
		filter: invert(59%) sepia(94%) saturate(3705%) hue-rotate(174deg) brightness(93%) contrast(108%);
	}

	.cus-close {
		border: 2px solid #029af5 !important;
	}
} */
@media only screen and (max-width: 992px) {

	.cus-close-btn,
	.activate-btn {
		display: block;
		width: 36px;
		height: 36px;
		line-height: 32px;
		text-align: center;
		border: 2px solid grey !important;
	}

	.cus-deactive {
		display: none;
	}

	.cus-close-btn {
		display: none;
	}

	.cus-filter-icon {
		filter: invert(53%) sepia(8%) saturate(8%) hue-rotate(355deg) brightness(93%) contrast(92%);
		max-width: 22px !important;
		line-height: 36px;
	}

	.cus-filter-icon-close {
		filter: invert(59%) sepia(94%) saturate(3705%) hue-rotate(174deg) brightness(93%) contrast(108%);
	}

	.cus-close {
		border: 2px solid #029af5 !important;
	}
}

@media only screen and (min-width: 991px) {
	.cus-deactive {
		display: block !important;
	}
}

/* Cart Add ons Text Color */
.extras-text-color {
	color: #2A373B !important;
}

/* END Cart Text Color */

header.masthead.byusforusbanner {
	padding-top: 7rem !important;
	padding-bottom: 7rem !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: #F5B740;
}

.btn.disabled,
.btn:disabled,
.cursor-no-drop {
	cursor: no-drop;
}

.text-nowrap {
	white-space: nowrap;
}

.app-options .card-body {
	padding: 0.5rem;
	margin-bottom: 10px;
	max-width: 111px;
	display: inline-flex;
}

.make-hidden {
	display: none !important;
}

@media (max-width: 767px) {
	.verify-app-container {
		width: 100%;
	}
}

/* Switch Toggle CSS */
.pm-switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 88px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	border-radius: 18px;
	cursor: pointer;
}

.pm-switch-lg {
	position: relative;
	display: block;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	border-radius: 18px;
	cursor: pointer;
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 12px;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}

.switch-label:before,
.switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}

.switch-input:checked~.switch-label {
	background: #8a12dc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked~.switch-label:before {
	opacity: 0;
}

.switch-input:checked~.switch-label:after {
	opacity: 1;
}

.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked~.switch-handle {
	left: 56px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.pm-switch-lg .switch-input:checked~.switch-handle {
	left: 68px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.pm-switch-lg .switch-label:before,
.pm-switch-lg .switch-label:after {
	font-weight: bold;
	text-shadow: unset;
}

.pm-switch-lg .switch-label:before {
	color: #d1d1d1 !important;
}

.pm-switch-lg .switch-label {
	background: #8d8d8d;
}

/* Transition  ========================== */
.switch-label,
.switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

/* END Switch Toggle CSS */

/* Overlayer */
.overlayer {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
}

/* END Overlayer */

.overflow-hidden {
	overflow: hidden;
}

/* Review mobile css */
@media (max-width: 767px) {
	.min-w-sm-130 {
		min-width: 130px !important;
	}

	.min-w-sm-400 {
		min-width: 400px !important;
	}
	.add_on_btn1 {
		top: 0px !important;
	}
	.add_on_btn {
		top: 8px !important;
	}	
}

/* END Review mobile css */

.min-h-100 {
	min-height: 100% !important;
}

.cust-word-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* Header Remove marker */
#li-remove-marker {
	list-style-type: none;
}

/* Header Remove marker */

.no-min-height,
.no-min-height p {
	min-height: unset !important;
}

/* Social Media Icon */
.social-icon-black {
	filter: grayscale(1);
}

.active.social-icon-black:hover {
	filter: none;
}

/* END - Social Media Icon */

.ck-editor__editable_inline {
	min-height: 200px;
}

/* General */
.unset-min-height p {
	min-height: unset !important;
}

/* END General */

/* CKEditor */
:root {
	--ck-z-default: 1000 !important;
	--ck-z-modal: calc(var(--ck-z-default) + 999999) !important;
}

/* END CKEditor */
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
	position: unset !important;
}

.custom-control-input:checked~.custom-control-label::before {
	color: #fff !important;
	border-color: #8A12DC !important;
	background-color: #8A12DC !important;
}

.skrill-logo {
	width: 65px;
}

figure.image img {
	width: 100%;
}

/* Collapase Arrow */
#courseContentList .panel-title::before {
	content: "\f107";
	color: #333;
	top: -2px;
	margin-right: 15px;
	font-family: "FontAwesome"
}

#courseContentList .panel-title[aria-expanded="true"]::before {
	content: "\f106";
}

.update-content {
	display: none;
}

@media (min-width: 767px) {
	.update-content-input {
		width: 300px !important;
	}

	.card-header:hover .edit-course-content {
		display: inline;
	}

	.edit-course-content {
		display: none;
	}
}

.article-dropzone {
	border: 3px dashed #E5E5E5 !important;
	border-radius: 6px !important;
}

.cust-dash-border {
	border: 2px dashed #c5c5c5;
}

.no-filter {
	filter: none !important;
}

#courseContentList {
	list-style-type: none;
}

/* Collapase Arrow */

.opacity-0 {
	opacity: 0;
}

/*******************Course design**********************/
.course_bg-light-primary-blue {
	background-color: #f0faff !important;
}

.course_what-you-learn-tikmark {
	width: 33px !important;
	height: 33px !important;
}

.course_bg-course-banner {
	background: url('../../../frontend/images/course-banner.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.font-28 {
	font-size: 28px !important;
}

.course_w-20 {
	width: 20px !important;
}

.course_w-32 {
	width: 32px !important;
}

.course_h-32 {
	height: 32px !important;
}

.course_w-40 {
	width: 40px !important;
}

.course_h-40 {
	height: 40px !important;
}

.course_w-110 {
	width: 110px !important;
}

.course_h-110 {
	height: 110px !important;
}

.course_text-black {
	color: #000000;
}

.course_bg-light-green {
	background-color: #8A12DC;
}

.course_bg-light-green:hover {
	background-color: #6C13A9;
}

.course_text-light-green {
	color: #76BE4B;
}

.course_text-dark-green {
	color: #518133;
}

.course_readmore-text-style-1 {
	-webkit-mask-image: linear-gradient(0deg, transparent -20px, red 120px);
}

.course_readmore-text-style-2 {
	-webkit-mask-image: linear-gradient(0deg, transparent -20px, red 66px);
}


@media screen and (min-width: 767px) {
	.course_cus-w-60 {
		width: 60% !important;
	}

	.course_sticky-position {
		position: sticky;
		top: 85px;
		z-index: 4;
	}
}

@media screen and (max-width: 766px) {
	.course_sticky-position {
		position: sticky;
		top: 83px;
		z-index: 4;
	}
}

@media screen and (min-width: 991px) {
	.course_mt-140 {
		margin-top: -180px;
	}
}

.course-read-less {
	transform: rotate(180deg);
}

.price-filter .input-group input {
	height: unset !important;
}

.pc-z-index-1 {
	z-index: 1;
}

/*** Course design page ***/
.course-details-header .header-logo {
	width: 100px;
}

.course-fixed-right {
	position: fixed;
	width: 33.33%;
	top: 80px;
}

.course-height-fxed {
	z-index: 11111;
	border: 1px solid #f7f9fa;
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100vh - 141px);
}

.cus-flex-border {
	padding: 15px;
	border: 1px solid #dee2e6;
	border-radius: 0;
	margin-top: 0;
	border-bottom: 0px;
}

.course-right-sidebar-full .couser-right-full {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	flex: 0 0 100%;
}

.course-right-sidebar-full .couser-right-full-width-80 {
	width: 80%;
	margin: 0 auto;
}

.right-sidebar-toggle .course-content-show-arrow {
	top: 46px;
	position: absolute;
	border: 1px solid #dee2e6;
	border-right: 0;
	right: 20px;
	transition: transform 400ms cubic-bezier(.2, 0, .38, .9);
	display: flex;
	align-items: center;
	padding: 10px;
	margin-top: 10px;
	z-index: 11;
	animation: 0.4s;
	background: #000000ba;
	color: #fff;
}

.right-sidebar-toggle .course-content-show-arrow:hover {
	transform: translateX(0px);
}

.right-sidebar-toggle .course-content-show-arrow:hover .course-details-span {
	transform: translateX(0px);
	opacity: 1;
	width: auto;
	height: auto;
}

.course-content-close {
	cursor: pointer;
}

.course-content-show-arrow .course-details-span {
	opacity: 0;
	width: 0;
	display: inline-block;
	height: 0;
	animation: 0.4s;
	padding-left: 5px;
}

.course-details-span {
	display: none;
}

.right-sidebar-toggle .course-content-show-arrow {
	display: none;
}

.course-right-sidebar-full .course-content-show-arrow {
	display: flex;
}

.course-video-embed {
	min-height: 517px;
	overflow: hidden;
	display: block;
	position: relative;
}

.course_sticky-position_tab {
	top: 81px;
}

.cou-border-radius-0 {
	border-radius: 0;
}

.read-more-faded {
	max-height: 450px;
	-webkit-mask-image: linear-gradient(#fff, #fff, rgba(255, 255, 255, 0));
}

.couser-content-full {
	max-height: none;
	-webkit-mask-image: none;
}

.courseread-more-btn {
	display: block;
}

.text-warp-elips {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.read-down-more {
	display: none;
}

.couser-content-up .read-up-more {
	display: none;
}

.couser-content-up .read-down-more {
	display: flex;
}

.mob-course-show {
	display: none;
}

.course-btn {
	border: 1px solid;
	display: inline-block;
	padding: 4px 8px;
	text-align: center;
}

.course-cion-color {
	color: #02d7bf;
}

.combo-btn-section {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, .125);
	margin-top: 15px;
}

.combo-btn-section .detail-point {
	padding-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, .125);
}

@media screen and (max-width: 992px) {
	.couser-right-hide {
		display: none;
	}

	.right-sidebar-toggle .course-content-show-arrow {
		display: none;
	}

	.course_sticky-position_tab {
		position: relative;
		top: 0;
	}
}

@media screen and (max-width: 767px) {
	.course-mob-hide {
		display: none;
	}
}

.mob-course-show {
	display: inline-block;
}

.mob-tab-content {
	width: 100%;
}

.course-article-embed {
	height: 517px;
	z-index: 11111;
	overflow-x: hidden;
	overflow-y: auto;
}

.view-aricle-screen {
	padding: 20px;
}

.view-aricle-screen.fullscreen {
	background-color: #FFFFFF;
	padding: 20px;
}

.course-article-embed {
	display: block;
}

.course-article-embed-mob {
	display: none;
}

.course-article-embed #fullscreen-toggle-btn {
	position: absolute;
	top: 10px;
	right: 20px;
}

.course-article-embed.fullscreen #fullscreen-toggle-btn {
	position: fixed;
	top: 10px;
	right: 20px;
}

#fullscreen-toggle-btn {
	opacity: 0.6;
}


/* Loader */
.overview-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #0000008a;
}

.overview-html-loader {
	border: 9px solid #f3f3f3;
	/* Light grey */
	border-top: 9px solid #3498db;
	/* Blue */
	border-radius: 50%;
	display: block;
	position: relative;
	top: 42%;
	margin: auto;
	width: 90px;
	height: 90px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.next-content-btn-arrow {
	border-right: 0;
	right: 0;
}

.previous-content-btn-arrow {
	border-left: 0;
	left: 0;
}

.next-content-btn-arrow,
.previous-content-btn-arrow {
	position: absolute;
	border: 1px solid #dee2e6;
	transition: transform 400ms cubic-bezier(.2, 0, .38, .9);
	display: flex;
	align-items: center;
	padding: 10px;
	top: 47%;
	z-index: 11;
	animation: 0.4s;
	background: #000000ba;
	color: #fff;
	opacity: 0.6;
}

.next-content-btn-arrow span,
.previous-content-btn-arrow span {
	margin-top: -3px;
}

.next-content-btn-arrow:hover,
.previous-content-btn-arrow:hover {
	opacity: 1;
	color: #ffffff;
}

.mobile-curriculum-item-img {
	height: 200px;
	width: 100%;
}

.mobile-curriculum-item-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	display: flex;
	text-transform: capitalize;
	align-items: center;
	justify-content: center;
	background-color: rgba(28, 29, 31, .7);
}

@media screen and (max-width: 767px) {
	.overview-html-loader {
		top: 29%;
	}

	.course-video-embed {
		min-height: 185px;
	}

	.view-aricle-screen.fullscreen .fullscreen-toggle-view-mob {
		display: none;
	}

	.fullscreen .course-article-embed-mob #fullscreen-toggle-btn {
		position: fixed;
		top: 10px;
		right: 20px;
	}

	.view-aricle-screen {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		text-align: center;
	}

	.fullscreen .course-article-embed-mob {
		display: block;
	}

	.course-article-embed-mob {
		height: 100%;
		z-index: 11111;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.course-article-embed {
		display: none;
	}

	.next-content-btn-arrow,
	.previous-content-btn-arrow {
		opacity: 1;
		padding: 7px;
		font-size: 10px;
		color: #ffffff;
	}

	.next-content-btn-arrow span,
	.previous-content-btn-arrow span {
		margin-top: unset;
	}
}

.active-content-media {
	background-color: #ddf1ff !important;
}

.hover-content-bg:hover {
	background-color: #ddf1ff !important;
}

.monthly-course-price {
	padding: 0 6px;
	font-size: 12px;
}

.w-70 {
	width: 70%;
}

/** Blog page css added**/
.cus-width-maintain img {
	max-width: 100%;
}

.cus-width-maintain iframe {
	max-width: 100%;
}

.overlayout-section {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
}

.dropdown-content {
	z-index: 5;
}

.margin-none .star-ratings-sprite {
	margin: unset;
}

/* JWplayer CSS */
.jw-rightclick.jw-reset {
	display: none !important;
}

.course-slide-menu .slick-prev {
	left: 0;
}

.course-slide-menu .slick-next {
	right: 0;
}


.slick-prev:before,
.slick-next:before {
	color: #4f4f4f;
}

.course-slide-menu .slick-list {
	margin: 0 22px;
}

#description img {
	max-width: 100%;
}

.hide-child-overflow .bootstrap-tagsinput {
	overflow: auto;
}

.hide-child-overflow .bootstrap-tagsinput input {
	width: 100%;
}

.cust-dropzone-error .cust-dash-border {
	border-color: #ff4343 !important;
}

.cust-dropdown-item .dropdown-item:focus,
.cust-dropdown-item .dropdown-item:hover,
.cust-dropdown-item .dropdown-item:active {
	background-color: #007fc9;
}

/***Make thumb size equal**/
/* .new_service_box {
	width: 260px !important;
	margin: 0 auto;
} */

.popular-grid-three .slick-slide {
	text-align: center;
}

.popular-grid-three .slick-slide .new_service_box {
	text-align: left;
}

.popular-grid-seven .slick-slide {
	text-align: center;
}

.popular-grid-seven .slick-slide .new_service_box {
	text-align: left;
}

.popular-grid-one .slick-slide {
	text-align: center;
}

.popular-grid-one .slick-slide .new_service_box {
	text-align: left;
}

.new_service_box .thumbnail img {
	height: 170px !important;
	width: 100% !important;
}

.popular-grid-seven .new_service_box {
	width: auto !important;
	margin: 0 auto;
}

body .new_service_box .banner-tikmark {
	width: 10px !important;
	height: 10px !important;
}

.white-space-pre-line {
	white-space: pre-line;
}

.category-title {
	color: #333333;
	font-size: 20px;
}

.category-decription {
	color: #26272a;
	font-size: 18px;
	white-space: pre-line;
}

#toc a:hover {
	text-decoration: underline !important;
}

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

#toc ul ul {
	display: inline;
}

#toc ul ul li {
	margin-left: 1.5em;
}

#toc li {
	list-style: none;
}

.toc-html h1,
.toc-html h2,
.toc-html h3,
.toc-html h4,
.toc-html h5,
.toc-html h6 {
	scroll-margin-top: 9rem;
	/* whatever is a nice number that gets you past the header */
}

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

	.toc-html h1,
	.toc-html h2,
	.toc-html h3,
	.toc-html h4,
	.toc-html h5,
	.toc-html h6 {
		scroll-margin-top: 6rem;
		/* whatever is a nice number that gets you past the header */
	}
}

.desktop-browse-mega-menu .dropdown:last-child .dropdown-menu {
	margin: 0;
	right: 0;
	left: unset;
}

@media (min-width: 1200px) {
	.sticky-filter-header {
		/* position: sticky;
		top: 50px; */
		z-index: 99;
		background-color: white;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.sticky-filter-header {
		/* position: sticky;
		top: 113px; */
		z-index: 99;
		background-color: white;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

.datepicker>div {
	display: block
}

.cke_reset_all table {
	z-index: 100008 !important;
}

.datepicker.datepicker-dropdown.dropdown-menu {
	font-family: 'Lato';
	font-size: 15px;
	font-weight: 100;
}

.datepicker.datepicker-dropdown.dropdown-menu td.day.disabled {
	color: #999;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
	content: unset !important;
}

@media screen and (max-width:992px) {
	.custom_select_width_full {
		width: 100% !important;
	}
}

@media screen and (min-width:767px) {
	.cus-text-md-right {
		text-align: right;
	}
}

.premium-btn .quick-checkout-btn {
	/* box-shadow: 0 3px #0087d7;
	border-color: #029af5; */
	width: 100%;
}

/* .quick-checkout-btn:before {
	content: "\f291" !important;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 8px 0 3px;
}

.quick-checkout-btn {
	color: #fff !important;
}

.quick-checkout-btn:hover {
	border-color: #6C13A9;
	background-color: #6C13A9 !important;
} */

.blog-description {
	font-size: 16px;
}

.post-description {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.post-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.message-count-badge {
	background: #ff0000;
	min-width: 20px;
	height: 20px;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	right: -6px;
	padding: 5px;
	font-size: 9px;
	text-align: center;
}

.custom-video-bagde {
	position: absolute;
	right: 18px;
	top: 42px;
	z-index: 10;
}

.custom-intro-video-img {
	width: 100% !important;
	height: 280px;
	border-radius: 7px;
	object-fit: cover;
}

.video-lable {
	position: absolute;
	right: 0;
	left: 0;
	display: table;
	font-weight: bold;
	top: 0;
	margin: auto;
	font-size: 13px;
	z-index: 1;
}

.video-lable:before {
	content: '';
	background: #ffffff;
	width: 77px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: -1;
	border-bottom-right-radius: 10px;
	transform: rotate(0deg) skew(-45deg);
}

.video-lable:after {
	content: '';
	background: #ffffff;
	width: 77px;
	height: 25px;
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 10px;
	border-bottom-left-radius: 10px;
	transform: rotate(0deg) skew(45deg);
}

.intro-video-play-button {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: table;
	height: 75px !important;
}

.new-play-btn {
	width: auth !important;
	height: 60px;
}

.new-play-btn:hover {
	filter: grayscale(41%) brightness(70%) saturate(353%) !important;
	-webkit-filter: grayscale(41%) brightness(70%) saturate(353%) !important;
	-moz-filter: grayscale(41%) brightness(70%) saturate(353%) !important;
}

.share-icon .fa-facebook {
	color: #4267B2;
}

.share-icon .fa-twitter {
	color: #1DA1F2;
}

.share-icon .fa-whatsapp {
	color: #25D366;
}

.cart-item-block .img-fluid {
	width: 100% !important;
	object-fit: cover;
	height: auto;
}

.legt-grid-view {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.legt-listing-container.legt-grid-view {
	min-height: 370px;
	grid-gap: 16px;
}

.legt-card-layout {
	width: 100%;
	min-width: 245px;
}


.legt-card-layout .new_service_box .thumbnail.thumbnail-obj-cover,
.slick-slide .new_service_box .thumbnail.thumbnail-obj-cover {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	padding-bottom: 60%;
}

.legt-card-layout .new_service_box .thumbnail.thumbnail-obj-cover a,
.slick-slide .new_service_box .thumbnail.thumbnail-obj-cover a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.legt-card-layout .new_service_box .thumbnail.thumbnail-obj-cover img,
.slick-slide .new_service_box .thumbnail.thumbnail-obj-cover img {
	object-fit: cover;
	height: 100% !important;
	width: 100% !important;
}


.legt-listing-container.legt-grid-view-4 .legt-card-layout .new_service_box .thumbnail.thumbnail-obj-cover {
	padding-bottom: 65%;
}

.new_service_box .favorite-action {
	position: absolute !important;
	top: 5px !important;
	right: 5px;
	width: auto !important;
	height: auto !important;
	left: auto !important;
	cursor: pointer;
}

.new_service_box .delete-action {
	position: absolute !important;
	top: 5px !important;
	right: 5px;
	width: auto !important;
	height: auto !important;
	left: auto !important;
	cursor: pointer;
}

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

	.container,
	.container-sm {
		padding-left: 32px;
		padding-right: 32px;
		max-width: 100%;
	}
}

@media only screen and (max-width: 1024px) {

	.container,
	.container-md,
	.container-sm {
		max-width: 100%;
	}
}

@media only screen and (min-width: 600px) {
	.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 16px;
	}

	.legt-listing-container.legt-grid-view-4 {
		grid-template-columns: repeat(2, 1fr);
		display: grid;
		grid-gap: 16px;
	}

	.cus-grid-full {
		grid-column-end: span 2;
	}
}

@media only screen and (min-width: 800px) {
	.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 16px;
	}

	.legt-listing-container.legt-grid-view-4 {
		grid-template-columns: repeat(3, 1fr);
	}

	.cus-grid-full {
		grid-column-end: span 2;
	}
}

@media only screen and (min-width: 1200px) {
	.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 32px;
	}

	.cus-grid-full {
		grid-column-end: span 3;
	}

	.legt-listing-container.legt-grid-view-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}

.legit-drop-scroll-y {
	max-height: 180px;
	overflow-y: auto;
	z-index: 1111 !important;
}

.legit-drop-scroll-y::-webkit-scrollbar {
	width: 3px;
}

/* Track */
.legit-drop-scroll-y::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.legit-drop-scroll-y::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
.legit-drop-scroll-y::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.price-filter button[type=submit] {
	border: 1px solid #ccc !important;
}

/***********************************Account new design***********************************************/
.bg-login-banner {
	background: url("../../../frontend/images/loginBanner.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.register-text-dark-black {
	color: #202223;
}

.register-text-light-gray {
	color: #6D7175;
}

.register-bg-light-gray {
	background-color: #F6F6F7 !important;
}

.register-bg-medium-gray {
	background-color: #E4E5E7 !important;
}

.register-bg-light-primary {
	background-color: #8a12dc !important;
}

.register-bg-dark-primary {
	background-color: #8a12dc !important;
	border-color: #8a12dc !important;
}

.register_radio input:checked+.service_label {
	background-color: #F6F6F7 !important;
}

.register-w-100px {
	width: 100px !important;
}

.register-h-100px {
	height: 100px !important;
}

.register .avatar-upload .avatar-edit {
	left: 110px !important;
	top: -5px !important;
}

.register .avatar-upload .avatar-preview {
	width: 120px !important;
	height: 120px !important;
}

.cus_account.nav-tabs .nav-link {
	font-weight: 600 !important;
	text-transform: none !important;
	font-size: 16px !important;
}

.cus_account.nav-tabs .nav-item.show .nav-link,
.cus_account.nav-tabs .nav-link.active {
	border-bottom: none !important;
}


.cus-buyer-dropdown .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	position: absolute;
	right: 10px;
	top: 45%;
}

.cus-buyer-dropdown .dropdown-menu {
	background: #FFFFFF !important;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1) !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.cus-buyer-dropdown .dropdown-menu {
		left: 19% !important;
	}
}


.cus-register-shadow {
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1) !important;
	border-radius: 4px !important;
}

.cus-account-table {
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25) !important;
	border-radius: 8px !important;
}

.account-table-footer {
	background: #FAFBFB !important;
}

.cus-seller-switch .checkslider {
	border: 1px solid #ccc;
	background-color: #ccc;
}

.cus-seller-switch .checkslider:before {
	background-color: #fff;
}

.cus-seller-switch.cus-switch input:checked+.checkslider {
	background-color: #8A12DC;
}

.update-profile-btn .btn.register-bg-light-primary {
	background: #8a12dc !important;
}

.update-profile-btn .btn.register-bg-light-primary:hover {
	background-color: #6C13A9 !important;
}

.cus-table-overflow-auto {
	overflow-x: auto;
}

.z-10 {
	z-index: 10;
}

@media only screen and (max-width: 767px) {
	.account-w-100 {
		width: 100% !important;
	}
}

.social-upload {
	position: relative;
	width: 100%;
	border: 1px solid #a9a9a9;
	min-height: 150px;
	border-radius: 8px;
	overflow: hidden;
}

.social-upload .social-edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;
}

.social-upload .social-edit input {
	display: none;
}

.social-upload .social-edit .remove-selected-file {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}

.social-upload .social-edit .remove-selected-file:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
}

.social-upload .social-edit .remove-selected-file:after {
	content: "\f00d";
	font-family: 'FontAwesome';
	color: #757575;
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}

.social-upload .social-preview {
	position: relative;
}

.socialFeed_card_shadow .social-post-timer {
	border: solid 2px #D72C0D;
	padding: 5px 12px 5px 12px;
	border-radius: 5px;
	text-align: center;
	width: fit-content;
	color: #D72C0D;
}

.bg-light-danger {
	background-color: #ff8888;
	color: #6e2f2f;
}

.bg-light-sky-blue {
	background-color: #50bddd;
	color: #005861;
}

.capitalize-letter {
	text-transform: capitalize;
}

@media screen and (max-width: 500px) {
	.g-recaptcha {
		transform: scale(0.62);
		transform-origin: 0 0;
	}
}

#navbarNavDropdown1 .main-navigation li.nav-item.dropdown {
	padding: 8px 10px;
}

.cus_account.nav-tabs {
	top: 180px;
	position: sticky;
}

.dropdown.cus_account>.dropdown-toggle {
	min-height: 44px;
	border-radius: 8px;
}

.dropdown.cus_account>.dropdown-toggle::after {
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	position: absolute;
	right: 10px;
	top: 40%;
}

.dropdown.cus_account:last-child .dropdown-menu {
	margin: auto;
}

/******************************single product add to cart**********************************/
.cart_bg_green {
	background-color: #8a12dc;
}

.cus_cart_section .card-header {
	background-color: #F0F3F4;
}

.cart_bg_gray {
	background-color: #F0F1F5;
}

.cart_text_dark_green {
	color: #008000;
}

.cart_position_fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 4;
}

.cart_br_top {
	padding-top: 0px !important;
	border-radius: 15px 15px 0px 0px;
}

.card_notch {
	border: 2px solid #DCDDE2;
	width: 40px;
	border-radius: 6px;
}

.cart-arrow-down-btn[aria-expanded="true"] .cart-arrow-down {
	transform: rotate(180deg);
}

.mh-150px {
	max-height: 150px;
}

.mp-card-scroll {
	max-height: 350px;
	overflow: scroll;
}

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

.reve-shot {
	position: relative;
	overflow: hidden;
}

.active-pop-cart-bg {
	background-color: #ffffff !important;
}

@media screen and (max-height: 466px) {
	.cus-cart-d-none {
		display: none !important;
	}
}


/****************************blog page redesign**********************************/
.bg-blog-gray {
	background-color: #F0F1F4;
}

.blog-text-slate-gray {
	color: #74859B;
}

.font-37 {
	font-size: 37px;
}

.font-42 {
	font-size: 42px;
}

.min-h-250px {
	min-height: 250px;
}

.blog-box-style {
	border: 1px solid #E5E5E5;
	border-radius: 8px;
}

.blog-border-gray {
	opacity: 0.2;
	border-top: 2px solid #333333;
}

.fw-500 {
	font-weight: 500;
}

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

.new-blog-img-style {
	height: 240px;
	width: 100%;
	object-fit: cover;
}

.blog-recent-post {
	position: sticky;
	top: 150px;
	border: 1px solid #DFDFDF;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}

.blog-table-content {
	border: 1px solid #DFDFDF;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}

.blog-post-head {
	background-color: #f7f7f7;
	font-size: 16px;
	color: #000000;
	border-bottom: 1px solid #D8D8D8;
	font-weight: bold;
}

.community-img {
	position: absolute;
	width: 100%;
	opacity: 0.3;
}

.dropdown.cus_blog>.dropdown-toggle::after {
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	position: absolute;
	right: 10px;
	top: 40%;
}

.dropdown.cus_blog:last-child .dropdown-menu {
	margin: auto;
}

.rotate-90 {
	transform: rotate(90deg);
}

.blog-scroll-margin h1,
.blog-scroll-margin h2,
.blog-scroll-margin h3,
.blog-scroll-margin h4,
.blog-scroll-margin h5,
.blog-scroll-margin h6 {
	scroll-margin-top: 9rem;
}

.max-h-300px {
	max-height: 300px;
}

.max-h-350px {
	max-height: 350px;
}

.object-fit-cover {
	object-fit: cover;
}

.opacity-6 {
	opacity: 0.6;
}

.opacity-8 {
	opacity: 0.8;
}

.blog-title {
	position: absolute;
	bottom: 0px;
	text-align: center;
	left: 0px;
	margin: auto;
	width: 100%;
	background: #000000b8;
	height: 45px;
	padding-top: 2%;
	transition: .5s ease;
}

.blog-category-box {
	border-radius: 15px;
	cursor: pointer;
}

.blog-category-box:hover .blog-title {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.cus-blog-scroll::-webkit-scrollbar {
	height: 5px;
}

.cus-blog-scroll::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.cus-blog-scroll::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}


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

	.blog-scroll-margin h1,
	.blog-scroll-margin h2,
	.blog-scroll-margin h3,
	.blog-scroll-margin h4,
	.blog-scroll-margin h5,
	.blog-scroll-margin h6 {
		scroll-margin-top: 12rem;
	}
}

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

	.blog-scroll-margin h1,
	.blog-scroll-margin h2,
	.blog-scroll-margin h3,
	.blog-scroll-margin h4,
	.blog-scroll-margin h5,
	.blog-scroll-margin h6 {
		scroll-margin-top: 5rem;
	}
}

/************************************new home page**************************************/
.cus-min-h-366px {
	min-height: 366px;
}

.cus-follow-btn {
	border: 1px solid #BABFC3;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	padding: 5px 12px;
}

.cus-text-wrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.fw-500 {
	font-weight: 500;
}

.socialFeed_card_shadow {
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	padding: 20px;
}

.social-bg-light-gray {
	background-color: #F3F3F3;
}

.social-icon-color {
	color: #9599A5;
}

.text-social-yellow-color {
	color: #F9B50B;
}

.text-social-dark-blue {
	color: #4875a8;
}

.social-like:hover>.fa-heart {
	color: red;
}

.text-social-blue {
	color: #2C6ECB;
}

.bg-social-profile {
	background: url('../../../frontend/images/Rectangle89.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.dropdown .dropdown-z-index {
	z-index: 99 !important;
}

/* Important part */
#feedPostModel .modal-dialog {
	overflow-y: initial !important
}

#feedPostModel .modal-body {
	min-height: 10px !important;
}

.post-feed-section-body {
	overflow-y: scroll;
	max-height: 50vh;
	mask-image: linear-gradient(to top, transparent, black),
		linear-gradient(to left, transparent 17px, black 17px);
	mask-size: 100% 20000px;
	mask-position: left bottom;
	-webkit-mask-image: linear-gradient(to top, transparent, black),
		linear-gradient(to left, transparent 17px, black 17px);
	-webkit-mask-size: 100% 20000px;
	-webkit-mask-position: left bottom;
	transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}

.post-feed-section-body::-webkit-scrollbar {
	width: 10px;
}

/* Track */
.post-feed-section-body::-webkit-scrollbar-track {
	background: #ebebeb;
}

/* Handle */
.post-feed-section-body::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
.post-feed-section-body::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.post-feed-section-body:hover {
	-webkit-mask-position: left top;
}

#feed-post-note {
	overflow: hidden;
	min-height: 5rem;
	resize: none;
}

.btn-feed-post.btn:disabled {
	background-color: #888 !important;
}

.meta-image {
	width: 100%;
}

@media (min-width: 767px) {
	.meta-image {
		height: 350px;
	}
}

.ul_li_spacing dl,
ol,
ul {
	list-style-position: inside;
}

/* @font-face {
	font-family: 'SFPro';
	src: url('../../../frontend/fonts/FontsFree-Net-SFProText-Regular.ttf');
}

.font-SFPro {
	font-family: 'SFPro';
} */

.feed-post-profile .star-ratings-sprite {
	margin: 0px !important;
}


.socialFeed_sticky-position::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

.socialFeed_sticky-position::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

.socialFeed_sticky-position::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #e4e4e4;

}

.socialFeed_sticky-position {
	position: sticky;
	top: 185px;
	z-index: 4;
	height: 80vh;
	overflow: auto;
}

.sticky-sidebar-profile {
	position: sticky;
	top: 185px;
	z-index: 4;
}

.social-like .text-danger {
	color: #dc3545 !important;
}

.feed-fixed-content {
	height: 150px !important;
	overflow: hidden !important;
	-webkit-mask-image: linear-gradient(0deg, transparent -20px, red 66px);
}

.footer-hidden {
	display: none !important;
}

.job_description_post::first-letter {
	text-transform: capitalize;
}

/* .premium-btn .btn-subscribe {
	background-color: #002a54 !important;
	box-shadow: 0 3px #005cb5 !important;
	border-color: #002a54;
	color: #FFFFFF;
} */

.btn-cancel-subscribe::before {
	content: none !important;
}

.disabled-cart-btn,
.disabled-cart-btn:hover {
	/* box-shadow: 0 3px #7b7b7b !important; */
	background-color: #8a12dc !important;
	border-color: #b8b8b8 !important;
	color: #fff !important;
}

.cus-unsend-btn {
	border: 1px solid #BABFC3;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	padding: 5px 12px;
	font-weight: 100;
}

.unsend_post_section {
	background-color: lightgray;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: -21px !important;
}

/*************************************************************/
.review-feed-post-overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: auto;
	width: 100%;
	background-image: linear-gradient(#ecececdb, #ecececdb, #1212128a);
	height: 100%;
	padding: 10px;
	transition: .5s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.review-feed-post-box {
	position: relative;
	overflow: hidden;
}

.review-feed-star-color {
	color: #f86900;
}

.comment_post_section {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: -21px !important;
}

.comment-bg {
	background-color: #F0F1F5 !important;
	border-radius: 15px;
	padding-left: 10px !important;
	padding-top: 5px;
	padding-bottom: 9px;
}

.comment-gif {
	flex-wrap: wrap;
	overflow-y: scroll;
	height: 200px;
}

.pt-10 {
	padding-top: 10px;
}

.vertical-super {
	vertical-align: super;
}

.legiit-verified-bagde-img {
	height: 15px;
	width: 15px;
}

@media only screen and (max-width: 992px) {
	.force-change-pass-content {
		width: 75% !important;
	}
}

.premier-badge {
	margin-left: 65px;
	position: absolute;
	right: -8px;
	top: -23px;
	cursor: default !important;
	background-color: #F4EBFF;
	padding: 6px;
	border-radius: 5px 0 0 5px;
}

.home-premier-badge {
	position: absolute;
	right: -28px;
	bottom: 0;
	border-radius: 0px !important;
}

.upcoming-badge {
	position: absolute;
	right: -8px;
	top: -23px;
	background-color: #FFEAF7;
	padding: 6px;
	border-radius: 5px 0 0 5px;
}

.home-upcoming-badge {
	margin-left: 116px;
	position: absolute;
	right: -28px;
	bottom: 0;
	border-radius: 0px !important;
}

.text-underline-hover:hover {
	text-decoration: underline;
}

/************************ Password Information Meter *************************/
.password-info-section {
	background: #f9f9f9;
	left: 20px;
	position: absolute;
	z-index: 10;
	border: 1px solid #c6c6c6;
	border-radius: 6px;
	margin-top: 15px;
	min-width: 290px !important;
}

.password-info-section h4 {
	display: block;
	font-size: 14px;
	padding: 16px 10px;
	color: black;
	text-align: center;
	margin-bottom: 0px;
}

.password-info-section ul {
	list-style: outside none none;
	font-weight: 900;
}

.password-info-section ul li {
	padding: 10px 45px;
}

.password-info-section .valid {
	background: rgba(0, 0, 0, 0) url("../../../frontend/assets/img/valid-icon.png") no-repeat scroll 16px 10px;
	color: green;
	line-height: 21px;
}

.password-info-section .invalid {
	background: rgba(0, 0, 0, 0) url("../../../frontend/assets/img/invalid-icon.png") no-repeat scroll 17px 10px;
	line-height: 21px;
}

.password-info-section::before {
	background: #f9f9f9;
	content: "";
	height: 18px;
	margin-top: -9.5px;
	position: absolute;
	transform: rotate(42deg);
	width: 19px;
	right: 50%;
	border-left: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
}

.password-info-section .close-password-info-model {
	position: absolute;
	top: -15px;
	background: #767676ba;
	padding: 8px;
	border-radius: 20px;
	height: 30px;
	width: 30px;
	right: -15px;
	color: white;
}

#create_sub_users_modal .modal-content,
#security_modal .modal-content {
	overflow: unset !important;
}

.comment-open {
	background-color: lightskyblue;
}

.gif-image {
	max-width: 100%;
	position: relative;
}

@media screen and (max-width: 400px) {
	.cus-m-pt-5 {
		padding-top: 5px;
		padding-left: 10px;
	}
}

@media screen and (min-width: 400px) {
	.cus-mr-5 {
		margin-right: 5px;
	}
}

.gif-default {
	height: 100px;
}

.social-feed-legiit-logo {
	height: 40px !important;
	width: 40px !important;
	border-radius: 50%;
	padding: 2px;
	background-color: #ffffff;
}

.premier-service-checkbox input:checked~.checkmark {
	box-shadow: none !important;
	border-color: #2d7bff !important;
	background-color: #2d7bff !important;
}

.up-coming-service-checkbox input:checked~.checkmark {
	box-shadow: none !important;
	border-color: #2d7bff !important;
	background-color: #2d7bff !important;
}

.upcoming_text {
	font-size: 14px;
	margin-left: 30px;
	margin-top: 3px;
	font-weight: 700;
}

.tt-dataset {
	min-width: 150px;
	color: #212529;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 0.25rem;
}

.tt-suggestion {
	cursor: pointer;
}

.tt-suggestion:hover {
	background: #f1f7ff !important;
}

.tt-menu {
	z-index: 9999 !important;
}

#privacy_policy .text-justify {
	text-align: justify;
}

#privacy_policy p {
	margin-top: 10px;
}

#privacy_policy ul.text-justify li {
	padding-left: 20px !important;
	line-height: 20px;
}

#privacy_policy .subul {
	padding-left: 40px !important;
}

#privacy_policy .subul ul {
	padding-left: 20px !important;
}

#privacy_policy .text-green {
	color: #16ffd8;
}

#privacy_policy {
	padding: 50px 100px 50px 100px;
}

#privacy_policy h3 {
	padding-bottom: 15px;
}

#privacy_policy .text-dark {
	color: #3a494d;
}

#privacy_policy ol.text-justify li {
	padding-left: 20px !important;
	line-height: 20px;
}


#premier .text-justify {
	text-align: justify;
}

#premier p {
	margin-top: 10px;
}

#premier ul.text-justify li {
	padding-left: 20px !important;
	line-height: 20px;
}

#premier .subul {
	padding-left: 40px !important;
}

#premier .subul ul {
	padding-left: 20px !important;
}

#premier .text-green {
	color: #16ffd8;
}

#premier {
	padding: 50px 100px 50px 100px;
}

@media screen and (max-width: 770px) {

	#premier,
	#privacy_policy,
	#terms {
		padding: 30px;
	}
}

#premier h3 {
	padding-bottom: 15px;
}

#premier .text-dark {
	color: #3a494d;
}

#premier ol.text-justify li {
	padding-left: 20px !important;
	line-height: 20px;
}

.cms-description img {
	max-width: 100% !important;
}

.custom-show-more-service-btn {
	border: 1px solid #D0D5DD;
	border-radius: 8px;
	width: 200px;
	color: #344054;
}

@media screen and (min-width: 767px) {
	.custom-show-more-service-btn:hover {
		color: #8A12DC !important;
		border-color: #8A12DC !important;
	}
}

.custom-show-more-service-btn:focus {
	box-shadow: none !important;
}

.min-w-auto {
	min-width: auto;
}

/* afiliate service in my profile */

.affiliate-btn-pos {
	top: 5px;
	position: absolute;
	padding: 1px 12px !important;
}

/* .is-affiliate {
	color: #fff !important;
	background-color: #337ab7 !important;
	border-color: #2e6da4 !important;
} */

.myprofile-mainsection {
	padding: 10px 15px 15px !important;
	border: none !important;
}

.title-affiliate-section {
	background-color: #8A12DC;
}

.profile-socialfeed-div {
	height: 1000px;
	overflow-y: scroll;
	overflow-x: hidden;
	mask-size: 100% 20000px;
	mask-position: left bottom;
	-webkit-mask-size: 100% 20000px;
	-webkit-mask-position: left bottom;
	transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}

.profile-socialfeed-div::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.profile-socialfeed-div::-webkit-scrollbar-track {
	background: #ebebeb;
}

/* Handle */
.profile-socialfeed-div::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
.profile-socialfeed-div::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.ajax-loader-layout {
	display: none;
}

.show-more-profile-btn {
	font-family: 'Lato';
	font-weight: 600;
}

.favorite-custom-pos {
	position: static !important;
	cursor: pointer;
}

@media screen and (max-width:576px) {
	.custom .custom-detail-service-favorite.affiliate-margin-top {
		margin-top: 0.5rem !important;
	}
}

.no-post-btn {
	font-family: 'Lato';
	font-weight: 600;
	font-size: 30px;
	padding-top: 120px;
}

.requirements_image img {
	max-width: 100% !important;
}


/********************Dashboard UI**********************/
.dashboard-box {
	background-color: white;
	border: 1px solid #EAECF0;
	border-radius: 24px;
	padding: 15px 0px;
}

.speed-box {
	background: #F8F8F8;
	border: 1px solid #E3E4ED;
	border-radius: 6px;
	padding: 10px;
}

.dashboard-text-black {
	color: #101828 !important;
}

.dashboard-text-gray {
	color: #999999;
}

.dashboard-text-slate-gray {
	color: #475467;
}

.dashboard-text-green {
	color: #027A48;
}

.dashboard-text-blue {
	color: #2199D6;
}

.dashboard-text-red {
	color: #C8191C;
}

.dashboard-text-tomato {
	color: #E3413E;
}

/* Harsh css for new design legiit score bg colors start*/
.dashboard-bg-light-purple {
	background-color: #F7F1FF;
}

.dashboard-bg-light-orange {
	background-color: #FFF2EB;
}

.dashboard-bg-light-blue {
	background-color: #EFF7FF;
}

.dashboard-bg-light-green {
	background-color: #ECFDF3 !important;
}

.dashboard-text-light-purple {
	color: #7612BA;
}

.dashboard-text-light-orange {
	color: #C15112;
}

.dashboard-text-light-blue {
	color: #116BBE;
}

.dashboard-text-light-green {
	color: #027A48;
}

.legiit-score-pre-dot {
	height: 8px;
	width: 8px;
	margin-right: 5px;
}

.backlinks-dot {
	background-color: #8A12DC;
}

.on-page-seo-dot {
	background-color: #FF5C00;
}

.rank-tracking-dot {
	background-color: #5CB1FF;
}

.uptime-dot {
	background-color: #4BCE68;
}

.max-h-128 {
	max-height: 128px;
}

/* Harsh css for new design legiit score bg colors end*/

.dashboard-bg-light-green {
	background-color: #AEE9D1;
}

.dashboard-bg-light-green2 {
	background: rgba(214, 244, 226, 0.5);
}

.dashboard-bg-light-red {
	background-color: #FED9D8;
}

.dashboard-bg-light-blue {
	background-color: #DBF3FF;
}

.dashboard-bg-light-gray {
	background-color: #F8F8F8;
}

.mobile-dot {
	display: inline-block;
	width: 8.22px;
	height: 8px;
	background-color: #8A12DC;
	border-radius: 50%;
}

.desktop-dot {
	display: inline-block;
	width: 8.22px;
	height: 8px;
	background-color: #B762F1;
	border-radius: 50%;
}

.tablet-dot {
	display: inline-block;
	width: 8.22px;
	height: 8px;
	background-color: #E0B2FF;
	border-radius: 50%;
}

.rank-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #D9D9D9;
	border-radius: 50%;
}

.mh-450px {
	max-height: 450px;
}

.dashboard-checkbox .custom-control-label::before {
	border: #666666 solid 2px;
	border-radius: 0rem;
}

.dashboard-checkbox .custom-control-input:checked~.custom-control-label::before {
	box-shadow: none;
}

.dashboard-checkbox .custom-control-input~.custom-control-label::before {
	box-shadow: none;
}

.dashboard-checkbox .custom-control-label::after {
	position: absolute;
	top: 0.5rem;
	cursor: pointer;
}

.setcomplete.dashboard-checkbox .custom-control-label::after {
	cursor: not-allowed !important;
}

.dashboard-checkbox .custom-control-label::before {
	position: absolute;
	top: 0.5rem;
}

.dashboard-scroll::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.dashboard-scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.dashboard-scroll::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 3px;
}

/* Handle on hover */
.dashboard-scroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}

select.dashboard {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url('../../../frontend/images/Arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	background-size: 12px;
}

.draggable-item:hover select.dashboard {
	background-color: #eaeaea;
}

.dashboard-border-right-gray {
	border-right: 1px solid #DFE0EB;
}

.dashboard-audit-label {
	font-family: 'Lato';
	background: #E86D3C;
	border-radius: 50px;
	color: #FFFFFF;
	font-size: 13px;
	padding: 3px 8px;
}

.dashboard-box .table thead tr th {
	border-top: none;
	border-bottom: none;
	color: #252733;
}

.dashboard-box .table thead tr th:nth-child(1),
.dashboard-box .table thead tr th:nth-child(4),
.dashboard-box .table tbody tr td:nth-child(1),
.dashboard-box .table tbody tr td:nth-child(4) {
	border-left: none !important;
	border-right: none !important;
}

.dashboard-box .table tbody {
	text-transform: capitalize;
}

.popular-grid-one.dashboard:after {
	content: '';
	position: absolute;
	right: -17px;
	top: 0;
	width: 120px;
	height: 100%;
	background: linear-gradient(270deg, #FFFFFF 33.2%, rgba(255, 255, 255, 0) 121.6%);
	opacity: 0.9;
}

.popular-grid-one.dashboard .slick-list {
	padding: 0 10% 0 0;
}

.draggable-item {
	width: inherit;
	-webkit-transition: transform 0.25s ease-in-out;
	-moz-transition: transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	-webkit-transition: box-shadow 0.25s ease-in-out;
	-moz-transition: box-shadow 0.25s ease-in-out;
	-o-transition: box-shadow 0.25s ease-in-out;
	transition: box-shadow 0.25s ease-in-out;
}

.draggable-item:hover {
	cursor: pointer;
	/* background-color: #eaeaea; */
}

/* styles during drag */
.draggable-item.ui-sortable-helper {
	background-color: #e5e5e5;
	-webkit-box-shadow: 0 0 8px rgba(53, 41, 41, 0.8);
	-moz-box-shadow: 0 0 8px rgba(53, 41, 41, 0.8);
	box-shadow: 0 0 8px rgba(53, 41, 41, 0.8);
	transform: scale(1.015);
	z-index: 100;
}

.draggable-item.ui-sortable-placeholder {
	background-color: #ddd;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}

@media screen and (min-width: 992px) {
	.dashboard-sticky {
		top: 110px;
		position: sticky;
		z-index: 2;
	}
}

.br-bottom-0 {
	border-radius: 10px 10px 0px 0px;
}

.dashboard-empty-table-btn {
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border: 1px solid #BABFC3;
	border-radius: 4px;
	background: #FFFFFF;
}

.dashboard-empty-table-btn:hover {
	border: 1px solid #FFFFFF;
	background: #BABFC3;
	color: #FFFFFF !important;
}

.dashboard-empty-data-popup {
	position: absolute;
	width: 90%;
	margin: auto;
	left: 0;
	right: 0;
	top: 20%;
}

.dashboard_setting_select2 {
	z-index: 0 !important;
}

@media screen and (max-width: 768px) {
	.dashboard_setting_page {
		position: sticky !important;
		top: 90px !important;
		z-index: 1 !important;
	}
}

.dashboard_setting_page {
	position: sticky;
	top: 115px;
	z-index: 1;
	background-color: #f8f8f8;
}

.dashboard-empty-data-popup.analytics {
	top: 8%;
}

.dashboard-empty-data-popup.audiit {
	top: auto;
}

.dashboard-empty-op {
	opacity: 0.2;
	filter: blur(2px);
}

/************new premier style************/

.premier-back-style {
	background-image: url('../../../frontend/images/premier-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 400px;
}

.premier-primary-outline-btn {
	border: 2px solid #029AF5;
	border-radius: 6px;
	font-weight: 700;
	color: #029AF5;
	background-color: white;
}

.premier-primary-outline-btn:hover {
	color: white;
	background-color: #029AF5;
}

.premier-badge-pos {
	height: 40px;
	position: absolute;
	right: -27px;
	bottom: -9px;
}


.premier-main-container-pos {
	margin-top: -150px;
}

@media screen and (min-width:576px) {
	.premier-main-container-pos {
		margin-top: -235px;
	}
}

.toc-html p {
	font-size: 18px;
	line-height: 30px;
}

.toc-html li {
	font-size: 18px;
	line-height: 30px;
}

.service-reply-border {
	border-bottom: 1px solid #E5E5E5;
}

@media screen and (max-width: 770px) {
	.mw-100 {
		width: 100% !important;
	}
}

.review_username {
	max-width: 85%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.review_dot {
	height: 0.4em;
	width: 0.4em;
	background-color: #E5E5E5;
	border-radius: 50%;
	display: inline-block;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.review_user_image {
	margin-right: 10px;
}

.line-h-1 {
	line-height: 1;
}

.word-break-inherit {
	word-break: inherit;
}

.blog-content img {
	max-width: 100%;
}

.blog-content li p {
	display: contents;
}

.min-height-0 {
	min-height: 0px !important;
}

.deivcetoken-pill {
	width: fit-content;
}

.cover-photo {
	height: 220px !important;
	border-radius: 12px;
}

#cover_photo {
	border-radius: 12px;
	object-fit: cover;
}

.pt--200 {
	top: -25px;
}

.profile-section {
	/* top: -50px; */
	position: relative;
}

.profile-text {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	#cover_photo{
		object-fit: unset !important;
	}
}
@media screen and (min-width: 768px) {
	.save-cover-photo {
		position: absolute;
		top: 0;
		right: 0;
	}
}
@media screen and (min-width: 1000px) {
	.profile-text {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 2;
		width: 100%;
	}
}

@media screen and (min-width: 651px) and (max-width: 900px) {
	.profile-text {
		z-index: 2;
	}
}

@media screen and (min-width: 651px) and (max-width: 999px) {
	.pt--200 {
		top: -110px;
	}

	/* .profile-section{
		top: -110px;
	} */
}

@media screen and (min-width: 1000px) {
	.pt--200 {
		top: -200px;
	}

	.profile-section {
		/* top: -165px; */
	}
}

@media screen and (max-width: 650px) {
	.cover-photo {
		height: 15vh !important;
		margin-top: 2px;
	}
	#cover_photo {
		object-fit: cover;
	}

	.popover {
		width: 300px !important;
		margin-left: 10px !important;
		z-index: 3 !important;
		max-height: 100px;
		overflow-y: scroll;
	}
}

.text-black {
	color: #000000;
}

.badge-upload-cover {
	background-color: #62d9ec;
	border-radius: 25px;
	cursor: pointer;
}

/* @media screen and (min-width: 550px) {
	.badge-right{
		float: right;
		margin-top: 20px;
	}
} */
.upload-cover-dot {
	background-color: #005cb5;
	border-radius: 50%;
	height: 7px;
	width: 7px;
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.custom-cover-dropdown-right {
		right: 0px;
		left: auto;
	}
}

.z-index-1 {
	z-index: 1;
}

.cover-popup-box li {
	border-bottom: none !important;
}

/* .popover.show{
	z-index: 99 !important;
} */


/**********************************black friday promos***********************************/
.promos-breadcrumb li a {
	color: #808080;
	font-weight: 700;
	font-family: 'Lato';
}

.promos-text-timer {
	color: #00b9e4;
}

.promos-deal-box-vector {
	position: absolute;
	left: 18px;
	top: 0;
	opacity: 0.3;
	z-index: -1;
}

.deals-text-pos {
	display: none;
	/* position: absolute; */
	top: 15px;
	right: 0;
	letter-spacing: 8px;
	top: flex;
	word-break: break-all;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-weight: bold;
}

.promos-deal-box:hover .deals-text-pos {
	display: none;
}

.position-static {
	position: static !important;
}

.promos-deal-box {
	position: absolute;
	left: -5px;
	background: #F6B740;
	border: 1px solid #FFDA94;
	border-radius: 6px;
	width: 180px;
	min-height: 131px;
	z-index: 99;
	padding: 20px;
	display: inline-block;
	overflow: hidden;
	transition: 0.8s;
}

.promos-deal-box:hover {
	/* left: -5px; */
}

/* .promo-box-pos-sticky{
	position: sticky;
	top: 170px;
	z-index: 99;
} */

.promos-deal-box-pos {
	position: fixed;
	top: 260px !important;
}

/* Shak css for promo banner for only for chat wide open */
.wide_chat_open .promos-deal-box-pos {
	position: fixed;
	top: 450px !important;
}
/* Shak css for promo banner for only for chat wide open END */

@media screen and (max-width: 576px) {
	.promos-deal-box-pos {
		top: 230px !important;
	}

	/* Shak css for promo banner for only for chat wide open */
	.wide_chat_open .promos-deal-box-pos {
		position: fixed;
		top: 230px !important;
	}
	/* Shak css for promo banner for only for chat wide open END */
}

@media screen and (max-width: 768px) {
	.promos-deal-box {
		display: none;
	}
}

/* @media screen and (min-width: 1280px) {
	.promos-deal-box{
		left: -225px;
	}
	.promos-deal-box:hover{
		left: -75px;
	}
}

@media screen and (min-width: 1600px) {
	.promos-deal-box{
		left: -245px;
	}
	.promos-deal-box:hover{
		left: -95px;
	}
} */

.promo-flipclock.flipclock {
	display: flex;
	justify-content: center;
}

.promo-flipclock .leaf {
	display: flex;
	flex-direction: column;
	margin: 0 8px;
	perspective: 300px;
}

.promo-flipclock .leaf:nth-child(1):before,
.promo-flipclock .leaf:nth-child(2):before,
.promo-flipclock .leaf:nth-child(3):before {
	content: ':';
	position: absolute;
	right: -14px;
	top: 20%;
	color: white;
	font-size: 35px;
}

.promo-flipclock .leaf::after {
	content: attr(data-label);
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 8px;
	transform: translateX(-50%);
	color: #00b9e4;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Lato';
	text-transform: uppercase;
}

.promo-flipclock .top,
.promo-flipclock .bottom,
.promo-flipclock .leaf-front,
.promo-flipclock .leaf-back {
	position: relative;
	display: block;
	height: 45px;
	width: 95px;
	background-color: #00b9e4;
	color: white;
	overflow: hidden;
	border-color: #2d3748;
}

.promo-flipclock .top span,
.promo-flipclock .bottom span,
.promo-flipclock .leaf-front span,
.promo-flipclock .leaf-back span {
	position: absolute;
	left: 50%;
	width: 100%;
	height: 90px;
	text-align: center;
	font-family: "Lato", sans serif;
	line-height: 85px;
	transform: translateX(-50%);
	font-style: normal;
	font-weight: 300;
	font-size: 51px;
	letter-spacing: -0.085em;
	font-feature-settings: 'ordn' on;
}

.promo-flipclock .leaf._3-digits .top,
.promo-flipclock .leaf._3-digits .bottom,
.promo-flipclock .leaf._3-digits .leaf-front,
.promo-flipclock .leaf._3-digits .leaf-back {
	width: 95px;
}

.promo-flipclock .top:before,
.promo-flipclock .leaf-front:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	background-color: #010101;
	bottom: -5px;
	left: -5px;
}

.promo-flipclock .top:after,
.promo-flipclock .leaf-front:after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	background-color: #010101;
	bottom: -5px;
	right: -5px;
}

.promo-flipclock .bottom:before,
.promo-flipclock .leaf-back:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	background-color: #010101;
	top: -5px;
	left: -5px;
}

.promo-flipclock .bottom:after,
.promo-flipclock .leaf-back:after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	background-color: #010101;
	top: -5px;
	right: -5px;
}

.promo-flipclock .top,
.promo-flipclock .leaf-front {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	margin-bottom: 2px;
	/* border-bottom-style: solid;
	border-bottom-width: 1px; */
}

.promo-flipclock .top span,
.promo-flipclock .leaf-front span {
	top: 0;
}

.promo-flipclock .leaf-front {
	position: absolute;
	z-index: 10;
}

.promo-flipclock .bottom,
.promo-flipclock .leaf-back {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	/* border-top-style: solid;
	border-top-width: 1px; */
}

.promo-flipclock .bottom span,
.promo-flipclock .leaf-back span {
	bottom: 0;
}

.promo-flipclock .leaf-back {
	position: absolute;
	top: 45px;
	z-index: 10;
}

@media screen and (max-width: 600px) {
	.promo-flipclock.flipclock {
		padding: 6.6666666667vw;
	}

	.promo-flipclock .leaf::after {
		margin-top: 1.3333333333vw;
		font-size: 2.3333333333vw;
	}

	.promo-flipclock .top,
	.promo-flipclock .bottom,
	.promo-flipclock .leaf-front,
	.promo-flipclock .leaf-back {
		height: 10.6666666667vw;
		width: 20vw;
	}

	.promo-flipclock .top span,
	.promo-flipclock .bottom span,
	.promo-flipclock .leaf-front span,
	.promo-flipclock .leaf-back span {
		height: 21.3333333333vw;
		font-size: 13.3333333333vw;
		line-height: 21.3333333333vw;
	}

	.promo-flipclock .leaf._3-digits .top,
	.promo-flipclock .leaf._3-digits .bottom,
	.promo-flipclock .leaf._3-digits .leaf-front,
	.promo-flipclock .leaf._3-digits .leaf-back {
		width: 24.6666666667vw;
	}

	.promo-flipclock .top,
	.promo-flipclock .leaf-front {
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}

	.promo-flipclock .bottom,
	.promo-flipclock .leaf-back {
		border-bottom-left-radius: 1vw;
		border-bottom-right-radius: 1vw;
	}

	.promo-flipclock .leaf-back {
		top: 10.6666666667vw;
	}
}

.promo-flipclock .leaf-front {
	transform-origin: bottom center;
	transform: rotateX(0deg);
	transform-style: preserve-3d;
	transition-delay: 0.3s;
}

.promo-flipclock .leaf-back {
	transform-origin: top center;
	transform: rotateX(90deg);
	transform-style: preserve-3d;
	transition-delay: 0s;
}

/* .bottom::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: black;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	filter: blur(10px);
  }
   */
.promo-flipclock .flip .leaf-front {
	transform: rotateX(-90deg);
	transition: transform 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in;
	transition-delay: 0s;
	color: black;
	background-color: #737373;
}

.promo-flipclock .flip .leaf-back {
	transform: rotateX(0deg);
	transition: transform 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in;
	transition-delay: 0.3s;
}

.promo-flipclock .flip .bottom::before {
	transition: height 0.3s ease-in-out;
	transition-delay: 0.15s;
	height: 100%;
}

/** start Blck friday sales **/

.black-friday-promo-page {
	padding: 20px 0;
	font-size: 24px;
	font-family: 'Lato';
	font-weight: bold;
	color: #202020;
}

.black-friday-promo-page .sale-text-announcement .black-friday-offers {
	margin: 0 4px;
	font-family: 'Lato';
	letter-spacing: 0.4px;
}

.black-friday-promo-page .sale-text-announcement .black-friday-offers a {
	border: none;
	border-bottom: 2px dashed #19a4f6;
	color: #19a4f6;
	font-size: 24px;
	padding-bottom: 3px;
}

.black-friday-promo-page .sale-text-announcement .black-friday-offers ul.dropdown-menu li a.black-friday-promo-option {
	color: #212121;
	border: none;
	font-size: 16px;
	font-weight: 500;
}

.black-friday-promo-page .sale-text-announcement .black-friday-offers ul.dropdown-menu {
	padding: 5px 10px 10px;
	background-color: #f1f1f1;
	width: auto;
}

.black-friday-promo-page .sale-text-announcement .black-friday-offers a.dropdown-toggle::after {
	display: none;
}

@media only screen and (max-width: 767px) {
	.black-friday-promo-page {
		padding: 20px 0;
		font-size: 16px;
	}

	.black-friday-promo-page .sale-text-announcement .black-friday-offers a {
		font-size: 16px;
	}

	.black-friday-promo-page .sale-text-announcement .black-friday-offers ul.dropdown-menu li a.black-friday-promo-option {
		font-size: 14px;
	}
}

/** end Blck friday sales **/



/************************setting style******************************/
.settings-tabs li a {
	color: #6D7175;
	font-weight: 700;
	font-size: 14px;
}

.settings-tabs li a.active {
	color: #202223;
	padding-bottom: 19px;
	border-bottom: 3px solid #029AF5;
}

.settings-box {
	background-color: white;
	border: 1px solid #DFE0EB;
	border-radius: 8px;
	padding: 10px 0px;
}

select.settings {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../images/select-arrow.png');
	background-position: center right;
	background-repeat: no-repeat;
}

select.settings:focus-visible {
	outline: none;
}

@media screen and (min-width: 992px) {
	.settings-sticky {
		top: 180px;
		position: sticky;
		z-index: 2;
	}
}

@media screen and (max-width: 575px) {
	.settings-tabs li a.active {
		padding-bottom: 3px;
	}
}

.custom-select-2-tag .select2-selection__choice {
	color: #8A12DC !important;
	background-color: #F4EBFF !important;
	border: 1px solid #E2D2F6 !important;
	border-radius: 6px !important;
	font-size: 14px;
}

.custom-select-2-tag .select2-selection__choice__remove {
	color: #8a12dc !important;
}

#dashboard_analytics_module:hover {
	cursor: pointer !important;
}

.analytics_icon {
	width: 20px !important;
}

.todo-list-icon-style {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background-color: #F9F1FF !important;
}

.todo-list-icon-style:hover i {
	color: #8A12DC !important;
}



.caption-text-slate-gray {
	color: #64748B;
}

#user_device_category .highcharts-container {
	margin: auto;
}

@media screen and (min-width: 768px) {
	.dropdown.dashboard-dropdown .dropdown-menu {
		left: 32px !important;
	}
}

.coupon-banner .banner-tikmark {
	width: 10px !important;
	height: 10px !important;
}

/*****************************************blog table style**********************************************/
.blog-content.cus-blog-table-style table {
	width: 100% !important;
	margin-bottom: 1rem;
	color: #212529;
	border: 1px solid #ccc;
	font-size: 18px;
	max-width: 100%;
}

.blog-content.cus-blog-table-style table td,
.blog-content.cus-blog-table-style table th {
	padding: 0.75rem;
	vertical-align: top;
	border: 1px solid #ccc;
}

@media only screen and (max-width: 991px) {
	.blog-table-responsive {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.text-transform-none {
	text-transform: none !important;
}

.dashboard-new-span {
	position: absolute;
	right: 18px;
	top: -4px;
}




/***************************************update home page without login************************************/
/* 05-01-2023 */

.left-5-percent {
	left: 5%;
}

.bottom-5-percent {
	bottom: 5%;
}

.bottom-7-percent {
	bottom: 7%;
}

.line-height-30 {
	line-height: 30px;
}

.max-w-500 {
	max-width: 500px;
}

.new-job-board-bg {
	min-height: 480px;
	background-image: url("../../../frontend/assets/img/new-job-board-bg.png"),
		radial-gradient(63.26% 184.31% at 91.01% 28.84%, #2bcad7 0%, #02a0ef 100%);
	background-position: right;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 991px) {
	.new-job-board-bg {
		background-position: left;
	}
}

.bg-yellow-new {
	background-color: #f9b50b;
}

.font-32 {
	font-size: 32px;
}

.line-height-38 {
	line-height: 38px;
}

.new-text-black {
	color: #231f20;
}

.unique-popular-service .nav-tabs .nav-link.active {
	color: #231f20 !important;
	border-bottom: 3px solid #231f20 !important;
}

.unique-popular-service .nav-tabs .nav-link {
	color: #666666 !important;
}

.unique-popular-service .cus-arrow-left,
.unique-popular-service .cus-arrow-right {
	background-color: transparent;
}

.cus-box-cd {
	max-width: 261px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	margin: 0 auto;
	text-align: left;
}

.cus-box-cd .cus-box-footer {
	border-top: 1px solid #e5e5e5;
}


.l-h-16 {
	line-height: 16px;
}

.border-black {
	border: 2px solid #2a373b;
}

.max-w-300 {
	max-width: 300px;
}

.new-excellent-slider {
	max-width: 795px;
	margin: 0 auto;
}

.new-excellent-slider .excellent-box {
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.11);
}

.learn-something-new button.prev-arrow,
.learn-something-new button.next-arrow {
	position: absolute;
	top: 50%;
	border: none;
	background-color: transparent;
	z-index: 99;
	width: 40px;
}

.learn-something-new button.prev-arrow img,
.learn-something-new button.next-arrow img {
	width: 20px;
	opacity: 0.6;
}

.learn-something-new button.prev-arrow {
	left: 0;
	transform: translate(-100%, 50%);
}

.learn-something-new button.next-arrow {
	right: 0;
	transform: translate(100%, 50%) rotate(180deg);
}

@media only screen and (max-width: 991px) {
	.learn-something-new button.prev-arrow {
		left: 0;
		transform: translate(-50%, 50%);
	}

	.learn-something-new button.next-arrow {
		right: 0;
		transform: translate(50%, 50%) rotate(180deg);
	}
}

.excellent-section button.prev-arrow,
.excellent-section button.next-arrow {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.11);
	z-index: 99;
}

.excellent-section button.prev-arrow img,
.excellent-section button.next-arrow img {
	width: 20px;
	opacity: 0.6;
}

.excellent-section button.prev-arrow {
	left: 0;
	transform: translate(-50%, -50%);
}

.excellent-section button.next-arrow {
	right: 0;
	transform: translate(50%, -50%) rotate(180deg);
}

.excellent-position {
	position: absolute;
	top: 5%;
	left: 40%;
	transform: translate(-30%, 0);
}

.excellent-pos-2 {
	position: relative;
	z-index: 9;
}

.home_page_mt .mt-17 {
	margin-top: -17px;
}

/***************************************Design Bugs Resolved************************************/

.bottom-8-percent {
	bottom: 8%;
}

.bottom-1-percent {
	bottom: 1%;
}

@media only screen and (max-width: 767px) {
	.unique-popular-service .nav-tabs .nav-link {
		padding: 0.5rem 0.3rem;
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	.unique-popular-service .nav-tabs .nav-link {
		padding: 0.5rem 0.3rem;
		font-size: 12px;
	}
}


@media only screen and (max-width: 991px) and (min-width: 600px) {
	.text-medium-center {
		text-align: center;
	}
}

.border-2-width {
	border-width: 2px;
}

.less-z-index-new {
	z-index: 99 !important;
}

.new-search-arrow::after {
	content: "\f078";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 0;
	vertical-align: inherit;
	right: 25px;
	top: 38%;
}

@media only screen and (max-width: 767px) {
	.phone-screen-border-remove {
		border: none !important;
	}
}


/*---------------------INstant delivery Tooltip STARTS----------------------------*/

.instant-delivery-tooltip
{
	position: relative;
}

.instant-delivery-tooltip a {
	font-weight: 900;
}

.instant-delivery-tooltip span.tooltip-custom-focus-instant {
	position: absolute;
	word-break: break-word;
	top: -6px;
	left: 10px;
	transform: translate(-50%, -100%);
	background: black;
	color: #fff;
	padding: 4px 6px;
	max-width: 255px;
	min-width: 255px;
	z-index: 1001;
	border-radius: 8px;
	margin: 0 auto;
	text-align: center;
	visibility: hidden;
}

.instant-delivery-tooltip span.tooltip-custom-focus-instant.visible {
	visibility: visible;
}

.instant-delivery-tooltip span.on-focus-tooltip-custom-instant {
	position: relative;
	z-index: 98;
	cursor: pointer;
	color: #fff;
	background-color: #8A12DC;
	border-radius: 11px;
	text-align: center;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.instant-delivery-tooltip span.tooltip-custom-focus-instant:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.dashboard-sortable .dashboard-box:nth-child(1) .instant-delivery-tooltip .tooltip-custom-focus-instant {
	position: absolute;
	word-break: break-word;
	transform: unset;
	bottom: unset;
	left: unset;
	right: -3px;
	top: 32px;
	background: black;
	color: #fff;
	padding: 4px 6px;
	max-width: 255px;
	min-width: 255px;
	z-index: 99;
	border-radius: 8px;
	margin: 0 auto;
	text-align: center;
}

.dashboard-sortable .dashboard-box:nth-child(1) .instant-delivery-tooltip span.tooltip-custom-focus-instant:after {
	border-color: transparent transparent black transparent;
	top: -10px;
	left: unset;
	right: 7px;
}

.instant-delivery-tooltip.custom-tooltip-with-margin {
	margin-top: 4px;
	margin-right: 10px;
}

@media only screen and (min-width: 1200px) {
	.dashboard-sortable .dashboard-box:nth-child(2) .instant-delivery-tooltip .tooltip-custom-focus-instant {
		position: absolute;
		word-break: break-word;
		transform: unset;
		bottom: unset;
		left: unset;
		right: -3px;
		top: 32px;
		background: black;
		color: #fff;
		padding: 4px 6px;
		max-width: 255px;
		min-width: 255px;
		z-index: 99;
		border-radius: 8px;
		margin: 0 auto;
		text-align: center;
	}

	.dashboard-sortable .dashboard-box:nth-child(2) .instant-delivery-tooltip span.tooltip-custom-focus-instant:after {
		border-color: transparent transparent black transparent;
		top: -10px;
		left: unset;
		right: 7px;
	}
}

@media only screen and (max-width: 464px) {
	.instant-delivery-tooltip span.tooltip-custom-focus-instant{
		left: 65px;
	}
	.instant-delivery-tooltip span.tooltip-custom-focus-instant:after{	
		left: 29%;
	}
}
/*---------------------INstant delivery Tooltip ENDS----------------------------*/

/***************************************Tooltip design************************************/



.custom-display-tooltip {
	position: absolute;
	right: 10px;
	top: 10px;
}

.custom-display-tooltip span.tooltip-custom-focus {
	position: absolute;
	word-break: break-word;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -100%);
	background: black;
	color: #fff;
	padding: 4px 6px;
	max-width: 255px;
	min-width: 255px;
	z-index: 1001;
	border-radius: 8px;
	margin: 0 auto;
	text-align: center;
	visibility: hidden;
}

.custom-display-tooltip span.tooltip-custom-focus.visible {
	visibility: visible;
}

.custom-display-tooltip span.on-focus-tooltip-custom {
	position: relative;
	z-index: 89;
	color: #fff;
	background-color: #8A12DC;
	border-radius: 11px;
	text-align: center;
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}

.custom-display-tooltip span.tooltip-custom-focus:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.payment-radio-btn .custom-control-label::before {
	border: 2px solid #D5D5D7;
	width: 20px;
	height: 20px;
}

.payment-radio-btn .custom-control-label::after {
	width: 20px;
	height: 20px;
}

.dashboard-sortable .dashboard-box:nth-child(1) .custom-display-tooltip .tooltip-custom-focus {
	position: absolute;
	word-break: break-word;
	transform: unset;
	bottom: unset;
	left: unset;
	right: -3px;
	top: 32px;
	background: black;
	color: #fff;
	padding: 4px 6px;
	max-width: 255px;
	min-width: 255px;
	z-index: 99;
	border-radius: 8px;
	margin: 0 auto;
	text-align: center;
}

.dashboard-sortable .dashboard-box:nth-child(1) .custom-display-tooltip span.tooltip-custom-focus:after {
	border-color: transparent transparent black transparent;
	top: -10px;
	left: unset;
	right: 7px;
}

.custom-display-tooltip.custom-tooltip-with-margin {
	margin-top: 4px;
	margin-right: 10px;
}

@media only screen and (min-width: 1200px) {
	.dashboard-sortable .dashboard-box:nth-child(2) .custom-display-tooltip .tooltip-custom-focus {
		position: absolute;
		word-break: break-word;
		transform: unset;
		bottom: unset;
		left: unset;
		right: -3px;
		top: 32px;
		background: black;
		color: #fff;
		padding: 4px 6px;
		max-width: 255px;
		min-width: 255px;
		z-index: 99;
		border-radius: 8px;
		margin: 0 auto;
		text-align: center;
	}

	.dashboard-sortable .dashboard-box:nth-child(2) .custom-display-tooltip span.tooltip-custom-focus:after {
		border-color: transparent transparent black transparent;
		top: -10px;
		left: unset;
		right: 7px;
	}
}

@media only screen and (max-width: 1325px) {
	.custom-display-tooltip span.tooltip-custom-focus {
		left: 0%;
		transform: translate(-92%, -100%);
	}

	.custom-display-tooltip span.tooltip-custom-focus:after {
		left: 95%;
	}
}



/* Cookie widget tool css */
#CookiebotWidget {
	left: 60px !important;
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
	display: none !important;
}

/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
	display: none !important;
}

.disable_current_message {
	pointer-events: none !important;
}



/***************************************service week badge************************************/
.custom_service_of_week_box {
	width: 100%;
	margin: 0 auto;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	background: #fff;
}

.custom_service_of_week_box a.custom_service_week_btn {
	border: 1px solid #EBEBEB;
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	font-family: 'Lato';
	padding: 8px 9px;
	color: #3A414F;
}

.custom_service_of_week_box a.custom_service_week_btn img {
	width: 20px;
}

.custom_service_of_week_box .service_week_body .service_week_detail {
	position: absolute;
	background-color: #1661D8;
	width: 100%;
	bottom: 0;
}

@media only screen and (max-width: 1500px) {
	.custom_service_of_week_box .service_week_body .service_week_detail {
		position: absolute;
		bottom: -20px;
	}

	.custom_service_of_week_box .service_week_box .service_week_footer {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 991px) {
	.custom_service_of_week_box .service_week_body .service_week_detail {
		position: relative;
		bottom: 0px;
	}

	.custom_service_of_week_box .service_week_box .service_week_footer {
		margin-top: 0px;
	}
}

.custom_service_of_week_box .service_week_body .service_profile {
	max-width: 90px;
}

/* .custom_service_of_week_box .service_footer_detail p span{
	color: #009FE3;
} */

.new_service_week_parent .service_week_badge_position {
	margin: 0;
	position: absolute;
	top: 0;
	right: 12px;
	height: auto !important;
	max-width: 94px;
}

.new_service_week_parent .service_week_badge_position img {
	width: 100%;
	height: auto !important;
}


.custom_product_slider_service_Week .service_week_detail_figure {
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 1;
	max-width: 116px;
}

.service_week_box .service_week_body .service_week_banner img {
	width: 100%;
}

.new-service-of-week-label {
	margin-left: 116px;
	position: absolute;
	right: -12px;
	bottom: -8px;
	border-radius: 0px !important;
}

.custom_service_of_week_box .service_week_body .service_week_figure_badge {
	position: absolute;
	right: 10px;
	max-width: 123px;
	top: -40px;
}

@media only screen and (max-width: 1200px) {
	.custom_service_of_week_box .service_week_body .service_week_figure_badge {
		max-width: 102px;
		top: -70px;
	}
}

@media only screen and (max-width: 991px) {
	.custom_service_of_week_box .service_week_body .service_week_figure_badge {
		top: -40px;
	}
}

@media only screen and (max-width: 576px) {
	.custom_service_of_week_box .service_week_body .service_week_figure_badge {
		max-width: 70px;
	}

	.service_week_box .service_week_detail .detail_text p,
	.service_week_box .service_week_detail .detail_text span {
		font-size: 14px !important;
	}
}

.disable_current_message {
	pointer-events: none !important;
}

.payment-radio-btn .custom-control-label::before {
	border: 2px solid #D5D5D7;
	width: 20px;
	height: 20px;
}

.payment-radio-btn .custom-control-label::after {
	width: 20px;
	height: 20px;
}

.dashboard-overview-campaigns-dropdown .dropdown:last-child .dropdown-menu {
	margin: unset !important;
}

.dashboard-overview-campaigns-dropdown .dropdown .dropdown-menu {
	top: 8px !important;
}

.dashboard-overview-campaigns-dropdown .dropdown .dropdown-menu .dropdown-item:hover {
	color: #ffffff !important;
	background-color: #029af5 !important;
}

.pm-dashboard-overview-border {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}

.pm-overview-border-left {
	border-left: 1px solid #dee2e6;
}

@media (min-width: 576px) and (max-width: 992px) {
	.pm-dashboard-overview-border {
		border-right: unset !important;
	}
}

@media (max-width: 575px) {
	.pm-dashboard-overview-border {
		border-left: unset !important;
		border-right: unset !important;
		border-bottom: 1px solid #dee2e6;
		border-top: 1px solid #dee2e6;
	}
}

@media (max-width: 767px) {
	.pm-overview-border-left {
		border-left: unset !important;
		border-top: 1px solid #dee2e6;
	}
}

.cursor-not-allowed {
	cursor: not-allowed !important;
}

.custom_new_service_addons .custom_service_addon_heading {
	color: #3A414F;
}

.custom_new_service_addons .custom_addon_box {
	position: relative;
}

.custom_new_service_addons .custom_addon_box:after {
	position: absolute;
	content: "";
	background: #E5E5E5;
	width: 90%;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* .custom_new_service_addons .custom_addon_box:last-child:after{
	display: none;
} */
.custom_new_service_addons .custom_service_detail {
	max-width: 468px;
}

.custom_new_service_addons .custom_service_title {
	color: #2D2D2D;
	font-weight: 700;
	line-height: initial;
}

.custom_new_service_addons .custom_days_title {
	color: #595959;
	line-height: 17px;
}

.custom_new_service_addons .custom_service_description {
	color: #595959;
	margin-top: 10px;
	margin-bottom: 0;
}

.palace-blue-custom-color {
	color: #3362AB;
}

.custom_new_service_addons .custom_service_checkbox {
	height: 1rem;
	width: 1.25rem;
	cursor: pointer;
	margin-top: 3px;
}

@media only screen and (max-width: 1199px) {
	.custom_new_service_addons .custom_service_right {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px;
	}
}

.custom_service_addon_body .custom_service_right .summary {
	background-color: #ffffff;
}

.campaign-dropdown-scroll {
	max-height: 450px;
	overflow-y: auto;
}

.campaign-dropdown-scroll::-webkit-scrollbar {
	width: 4px;
}

.campaign-dropdown-scroll::-webkit-scrollbar-thumb {
	background: #b0b0b0;
}

.campaign-dropdown-scroll::-webkit-scrollbar-track {
	background: transparent;
}

/***************************************course new design page css************************************/

.new_custom_course_masthead {
	background-color: #2A373B;
	background: url('../../../frontend/assets/img/landing_page_default_banner.png') #2A373B no-repeat bottom;
}

.new_custom_course_masthead .custom_badge_list .badge {
	display: inline-block;
	color: #fff;
	background-color: #47575B;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	padding: 4px 8px;
}

.new_custom_course_sorting .sort_by_new_custom .new_custom_dropdown {
	border: 1px solid;
	padding: 6px 10px;
	border-radius: 5px;
	color: gray;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
}

.new_custom_course_sorting .sort_by_new_custom ul.sort-by-custom-dropdown-menu {
	z-index: 9;
}

.new_course_custom_wrapper .find-result {
	border: 1px solid #E4E4E4;
	border-radius: 5px;
}

.new_course_custom_wrapper .find-result .find-result-head {
	border-bottom: 1px solid #E4E4E4;
	padding: 10px;
}

.new_course_custom_wrapper .find-result .find-result-head h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 0;
}

.new_course_custom_wrapper .find-result .card {
	border: none;
	position: relative;
}

.new_course_custom_wrapper .find-result .card:after {
	position: absolute;
	content: "";
	background: #E4E4E4;
	width: 95%;
	bottom: 0;
	height: 1px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.new_course_custom_wrapper .find-result .card .card-header {
	background: transparent;
	border: none;
}

.new_course_custom_wrapper h5 {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #636363;
}

.new_course_custom_wrapper .find-result .price-box {
	padding: 8px;
}

/* .new_course_custom_wrapper .find-result .custom-clear-btn {
	background-color: #fff;
	border: 1px solid #CBCBCB;
	color: #CBCBCB;
	font-weight: 400;
	font-size: 14px;
	/* line-height: 20px; 
} */

.new_course_custom_wrapper .find-result .custom-new-btn-group {
	position: relative;
	margin-top: 12px;
}

.new_course_custom_wrapper .find-result .price-section {
	border-bottom: 1px solid #E4E4E4;
}

/* .new_course_custom_wrapper .find-result .custom-new-btn-group::before {
    position: absolute;
    content: "";
    background: #E4E4E4;
    width: 95%;
    top: 0;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
} */


.new_course_custom_wrapper .find-result .btn-link.collapsed i.fas.fa-angle-down {
	transform: rotate(270deg);
	transition: 0.3s ease-in-out;
}

.new_course_custom_wrapper .find-result .btn-link i.fas.fa-angle-down {
	transform: rotate(360deg);
	transition: 0.3s ease-in-out;
}

.new_course_custom_wrapper .find-result .card .card-header h5 button {
	color: #636363;
	text-decoration: none;
	font-family: 'Inter-regular' !important;
}

.new_course_custom_wrapper .find-result .card .card-header h5 button:focus {
	box-shadow: none;
	text-decoration: none;
}

.new_course_custom_wrapper .find-result .card .card-body {
	padding: 0px 10px 10px 20px;
}

.new_course_custom_wrapper .find-result .card .card-body a {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #9C9C9C;
	padding: 5px;
}

.new_course_custom_wrapper .custom_course_detail_box {
	border: 1px solid #EDEDED;
	border-radius: 10px;
	padding: 8px;
}

.new_course_custom_wrapper .custom_course_detail_box .course_left .star-group .text-count {
	line-height: 14px;
}

.new_course_custom_wrapper .custom_course_detail_box .detail-section-title {
	font-weight: 700;
	font-size: 16px;
	color: #2A373B;
}

.new_course_custom_wrapper .custom_course_detail_box .detail-section-text {
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 0;
	color: #231F20;
}

.new_course_custom_wrapper .custom_course_detail_box .duration {
	margin: 6px 0;
}

.new_course_custom_wrapper .custom_course_detail_box .duration .duration-detail {
	font-weight: 400;
	font-size: 12px;
	color: #7E7E7E;
	position: relative;
}

.new_course_custom_wrapper .custom_course_detail_box .duration .duration-detail:after {
	position: absolute;
	content: "";
	background: #7E7E7E;
	width: 2px;
	height: 2px;
	right: 3px;
	bottom: 7px;
	border-radius: 50%;
}


.new_course_custom_wrapper .custom_course_detail_box .course_by {
	font-weight: 400;
	font-size: 12px;
	color: #7E7E7E;
}

.new_course_custom_wrapper .custom_course_detail_box .course_by span {
	color: #3362AB;
}

.new_course_custom_wrapper .custom_course_detail_box .img-box.course-display-img {
	width: 275px;
}

.category-name.active {
	color: #2d7bff;
}

.subcategory-name.active {
	color: #8A12DC !important;
}

.new_course_custom_wrapper .custom_course_detail_box .course_price {
	font-weight: 700;
	font-size: 16px;
	color: #2A373B;
	line-height: 22px;
}

@media only screen and (max-width: 1024px) {
	.new_course_custom_wrapper .custom_course_detail_box .img-box.course-display-img {
		width: 275px;
	}
}

@media screen and (max-width:991px) {
	.new_course_custom_wrapper .custom_course_detail_box .img-box.course-display-img {
		width: 210px;
	}
}


@media only screen and (min-width: 768px) {
	.new_course_custom_wrapper .custom_course_detail_box .course-detail-img {
		min-width: 280px;
		max-width: 280px;
	}
}

@media only screen and (max-width: 767px) {
	.new_course_custom_wrapper .custom_course_detail_box .course_left {
		width: 100%;
	}

	.new_course_custom_wrapper .custom_course_detail_box .course-detail-img {
		width: 100%;
	}
}

@media only screen and (max-width: 576px) {
	.new_course_custom_wrapper .custom_course_detail_box .course_left {
		flex-direction: column;
	}

	.new_course_custom_wrapper .custom_course_detail_box .img-box.course-display-img {
		width: 100%;
	}

	.new_course_custom_wrapper .custom_course_detail_box .course_left .img-box img {
		width: 100%;
	}

	.new_course_custom_wrapper .custom_course_detail_box .img-box.course-display-img {
		width: 100%;
	}
}

@media only screen and (max-width: 430px) {
	.new_course_custom_wrapper .custom_course_detail_box .course_price {
		font-size: 16px;
	}
}

.price-filter-bg {
	background-color: #F1F1F1;
}

.new_course_custom_wrapper .price-box .input-group-addon::after {
	content: " ";
	position: absolute;
	border-left: 2px #E4E4E4 solid;
	height: 45%;
	left: 27px;
	top: 10px;
}

.course-filter-section {
	position: sticky;
	top: 185px;
	z-index: 4;
	overflow: auto;
}

.course-detail-img .favorite-action {
	position: absolute !important;
	top: 5px !important;
	right: 5px;
	width: auto !important;
	height: auto !important;
	left: auto !important;
	cursor: pointer;
}

.course_left .img-box:hover .heart {
	display: block;
	animation: 0.8s ease 0s normal forwards 1 fadein;
}

.campaign-dropdown-scroll {
	max-height: 450px;
	overflow-y: auto;
}

.campaign-dropdown-scroll::-webkit-scrollbar {
	width: 4px;
}

.campaign-dropdown-scroll::-webkit-scrollbar-thumb {
	background: #b0b0b0;
}

.campaign-dropdown-scroll::-webkit-scrollbar-track {
	background: transparent;
}

/*************************************** Redesign checkout extra ************************************/

.custom_new_service_addons {
	background-color: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0px 4px 12px 0px #0E18321A;
}

.custom_new_service_addons .custom_service_addon_heading {
	color: #3A414F;
}

.custom_new_service_addons .custom_addon_box {
	position: relative;
}

/* .custom_new_service_addons .custom_addon_box:after {
	position: absolute;
	content: "";
	background: #E5E5E5;
	width: 90%;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
} */

/* .custom_new_service_addons .custom_addon_box:last-child:after{
	display: none;
} */
.custom_new_service_addons .custom_service_detail {
	max-width: 468px;
}

.custom_new_service_addons .custom_service_title {
	color: #38243C;
	font-weight: 700;
}

.custom_new_service_addons .custom_days_title {
	color: #877C89;
	line-height: 17px;
}

.custom_new_service_addons .custom_service_description {
	color: #59637B;
	margin-bottom: 0;
}

.palace-blue-custom-color {
	color: #3362AB;
}

.custom_new_service_addons .custom_service_checkbox {
	height: 16px;
	width: 16px;
	cursor: pointer;
	margin-top: 3px;
}

.custom_new_service_addons .custom-control-input:checked~.custom-control-label::before {
	color: #fff !important;
	border-color: #8A12DC !important;
	background-color: #8A12DC !important;
}

.custom_new_service_addons .custom-control-label::before {
	border: #E5E5E5 solid 1px;
	border-radius: 3px;
}

.custom_addon_box:hover {
	background-color: #F3F3F3;
}

.custom_addon_box:hover .service-quantity {
	background-color: #ffffff;
}

.custom_addon_arrow[aria-expanded="true"] .arrow-right {
	transform: rotate(90deg);
}

.custom_addon_arrow[aria-expanded="true"] .custom_addon_arrow_notification {
	display: none !important;
}

.custom_addon_arrow_notification {
	display: inline-block;
	height: 8px;
	width: 8px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-radius: 100%;
	background-color: #EB47AC;
}

@media only screen and (max-width: 1199px) {
	.custom_new_service_addons .custom_service_right {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px;
	}
}

.custom_service_addon_body .custom_service_right .summary {
	background-color: #ffffff;
}

.grecaptcha-badge {
	bottom: 95px !important;
}


/*************************************** Service Listing page ************************************/

.service-listing-banner {
	background-color: #2A373B;
	background: url('../../../public/frontend/images/service-listing-banner.png') no-repeat;
}

.service-listing-banner .custom_badge_list .badge {
	display: inline-block;
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	padding: 4px 8px;
}

.service-listing-detail .dropdown-toggle::after {
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.service-listing-detail .list-group-item+.list-group-item {
	border: 1px solid rgba(0, 0, 0, .125) !important;
}

.service-listing-new-box.legt-listing-container.legt-grid-view {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 32px;
}

.service-legit-seo-btn button.position-absolute {
	transform: translate(-50%, 0%);
	bottom: 15px;
	left: 50%;
	line-height: 17px;
}

.service-listing-new-box.legt-listing-container.legt-grid-view {
	min-height: 370px;
	grid-gap: 16px;
}

.service-list-breadcrumb a {
	color: #BBBBBB;
}

.service-active {
	color: #808080 !important;
}

.user-avatar.small.service {
	width: 32px;
	height: 32px;
	margin-bottom: 0px;
}

.service-listing-new-box.legt-grid-view {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.new-course-box .avtar {
	max-width: 32px;
}

.service-verified-badge img {
	width: 11px;
	height: 11px;
}

.sellers-slider {
	border-radius: 12px;
}

.sellers-slider .slick-arrow {
	box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.11) !important;
}



.sellers-slider .slick-arrow img {
	width: 11px;
	height: 11px;
}

.sellers-slider .cus-arrow-left {
	left: -50px;
}

.sellers-slider .cus-arrow-right {
	right: -90px;
}

.legiit-blog .blog-head-line {
	width: calc(100% - 180px);
	border-top: 1px solid #CFCFCF;
	top: 13px;
	right: 15px;
}

.span-min-width {
	min-width: 63px !important;
}

.full-width-image img {
	width: 100%;
}

.seo-image-box {
	width: 265px;
	height: 388px;
}

.thumbnail_yellow_btn {
	bottom: 12px;
	left: 14px;
}

.thumbnail_yellow_btn button {
	padding: 10px;
	line-height: 15px;
}

.service-listing-detail .list-group-item .btn:focus {
	box-shadow: none !important;
}

.service-listing-detail .list-group-item:first-child {
	border-radius: 4px 0 0 4px;
}

.service-listing-detail .list-group-item:last-child {
	border-radius: 0px 4px 4px 0px;
}

@media only screen and (min-width: 1200px) {
	.service-listing-new-box.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(4, 1fr) !important;
		grid-gap: 16px;
	}

	.half-size-box.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(2, 1fr) !important;
		grid-gap: 16px;
	}
}

@media only screen and (min-width: 992px) {
	.half-size-box.legt-card-layout {
		min-width: 100% !important;
		height: 100%;
	}

}



@media only screen and (max-width: 1024px) {
	.sellers-slider .cus-arrow-left {
		left: -25px !important;
	}

	.sellers-slider .cus-arrow-right {
		right: -65px !important;
	}

	/* .half-size-box.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(1, 1fr) !important;
		grid-gap: 16px;
	} */
}

@media only screen and (min-width: 600px) {
	.service-listing-new-box.legt-listing-container.legt-grid-view {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.service-listing-new-box.legt-listing-container.legt-grid-view {
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.seller-name-head-txt {
		right: 22px;
		bottom: 35px !important;
	}
}

/*************************************** Service Listing Seller page ************************************/
.seller-listing-banner {
	background: url('../../../public/frontend/images/sellers-bg-img.png') no-repeat;
}

.seller-listing-banner .custom_badge_list .badge {
	background: rgba(255, 255, 255, 0.2);
}

.seller-name-head-txt {
	right: 22px;
	bottom: 13px;
}

.btn-gmsd-upgrate {
	font-weight: 500;
	color: #ff6224;
	border-color: #ff6224;
}

.btn-gmsd-upgrate:hover {
	background-color: #ff6224;
	border-color: #ffe484;
	color: #fff;
}

/*************************************** Service Detail css ************************************/

.border-rounded-bottom-4 {
	border-radius: 0 0 4px 4px;
}

.border-rounded-top-4 {
	border-radius: 4px 4px 0px 0px;
}

.service-detail-head {
	border-bottom: 1px solid #E5E5E5;
}

.service_review_dot {
	height: 8px;
	width: 8px;
	background-color: #E5E5E5;
	border-radius: 50%;
	display: inline-block;
	margin-top: 9px;
}

.service-detail-tab .nav-link {
	background-color: #EBEBEB;
}

.card-premium-head {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-top: -39px;
	background: linear-gradient(108.48deg, #5002F5 25.48%, #7902D7 83.3%);
	border-radius: 6px 6px 0px 0px;
}

.service_course_text {
	display: inline-block;
	width: calc(100% - 20px);
}

.card-premium-head span:before {
	content: "\f559";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 8px 0 3px;
	font-size: 15px;
}

.service-detail-tab li {
	border-right: 1px solid #fff !important;
}

.service-detail-tab li:last-child {
	border-right: unset !important;
}

.service-detail-tab li .nav-link.active {
	border: unset !important;
	color: #2A373B !important;
	border-radius: 4px 4px 0px 0px;
}

.service-detail-sticky-position {
	position: sticky;
	top: 198px;
	z-index: 4;
}

.service_detail_premium_price_card {
	display: none;
}

@media only screen and (max-width: 991px) {
	.card-premium-head {
		margin: 0 !important;
	}
}


@media only screen and (max-width: 768px) {
	.service_detail_premium_price_card {
		display: block;
	}

	.service-detail-premium-mobile {
		z-index: 9;
	}

	.service-detail-premium-mobile .card-body p {
		min-height: auto !important;
	}
}

.search-console-tooltip {
	position: absolute !important;
	height: 15px !important;
	width: 14px !important;
	font-size: 12px !important;
	top: -8px !important;
}

.daterangepicker.dropdown-menu {
	z-index: 98 !important;
}

#query-table_filter input {
	padding: .375rem .75rem !important;
	border-radius: .25rem !important;
	border: 1px solid #ced4da !important;
}

.cus_account .dropdown-menu {
	transform: translate3d(0px, 0px, 0px) !important;
	top: 35px !important;
}

#query_table {
	overflow-x: auto;
}

.z-index-999 {
	z-index: 999 !important;
}

/*************************************** Order Cancellation page ************************************/

.bg-dark-red {
	background-color: #DD4649;
}

.text-dark-red {
	color: #DD4649;
}

.cancel-data {
	margin-top: 60px;
}

.cancel-service p {
	line-height: 21px;
}

.request_withdraw_btn {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

/* Dashboard edit widget css start */
.badge-edit-widgets {
	background-color: #F9F1FF;
	border-radius: 25px;
	cursor: pointer;
	color: #8A12DC;
	border: 1px solid #E2D2F6 !important;
	border-radius: 6px !important;
	font-size: 14px;
	font-weight: 600;
}

.badge-save-widgets {
	border: 1px solid #d0d5dd !important;
	border-radius: 25px;
	cursor: pointer;
}

.module-enable-disable-switch {
	position: absolute;
    right: 40px;
    z-index: 99;
    top: 10px;
}

.toggel-switch-parent-class .checkslider:before {
	height: 14px !important;
	width: 14px !important;
	bottom: 2px !important;
}

.toggel-switch-parent-class .cus-switch {
	height: 20px;
	width: 36px;
}

.toggel-switch-parent-class .cus-switch input:checked+.checkslider:before {
	-webkit-transform: translateX(15px) !important;
	transform: translateX(15px) !important;
	background-color: #fff;
}

.toggel-switch-parent-class .cus-seller-switch .checkslider:before {
	background-color: #828b97;
}

@media (max-width: 575px) {
	.toggle_center {
		top: -138px;
	}
}

@media (max-width: 320px) {
	#user_device_category {
		margin-left: -35px;
	}

	#uptime_monitor_graph,
	#counter_section_div {
		flex-wrap: wrap;
	}
}

/* #dashboard_device_category_module, #dashboard_analytics_user_traffic, #dashboard_analytics_graphs{
	background-color: #fff !important;
} */

/* Dashboard edit widget css end */
/* Vivek's Css header start */
#scrollable-dropdown-menu .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}

.content_wrapper,
.content_wraper {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tt-suggestion {
	padding-left: 0px !important;
}

.cart_icon_div span {
	width: 10px;
	height: 10px;
	background-color: #8A12DC;
	border: 2px solid #F6F6F6;
	border-radius: 20px;
	top: 23%;
	right: 20%;
}

/* Vivek's Css header end */

/* Shak's css for dark mode visible of snapt logo on service details right sidebar */
body.web-dark-mode .powered-by-snapt img {
	filter: invert(1);
}
/* Shak's css for dark mode visible of snapt logo on service details right sidebar end */

/* Shak's css for dark mode visible of snapt logo on service details right sidebar end */


/* Hrsh's Css for blur dashboard left sidebar items start */
.li-blur{
	position: relative;
}
.a-blur{
	filter: blur(3px);
	pointer-events: none;
	user-select: none;
}
.li-blur .custom-display-tooltip{
	top: 7px;
}

.li-blur .instant-delivery-tooltip{
	top: 7px;
}
/* Hrsh's Css for blur dashboard left sidebar items end */

/* Shak's css for mobile responsiveness of category banners */

/* Media query for tablets */
@media (max-width: 768px) {

	.service_banner {
		background-size: cover !important;
		background-position: 100% 0% !important;
		padding: 40px !important;
	}

	.service_banner h4#category_name_banner {
		font-size: 16px !important;
	}

}

/* Media query for mobile phones */
@media (max-width: 576px) {

	.service_banner {
		background-size: cover !important;
		background-position: 100% 0% !important;
		padding: 10px 20px !important;
	}

	.service_banner h4#category_name_banner {
		font-size: 16px !important;
	}

}


/* Shak's css for mobile responsiveness of category banners end */

.dashboard-trial-expired-popup{
	position: absolute;
    width: 70%;
    margin: auto;
    left: 50%;
    right: 0;
    top: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}
/* Hrsh's Css for blur dashboard left sidebar items end */

.table-row-job:hover{
	background-color:rgba(0,0,0,.075) !important;
}
.web-dark-mode .table-row-job:hover{
	background-color:rgba(0,0,0,.075) !important;
}
.dashboard-box-competitor {
	background-color: white;
	/* border: 1px solid #EAECF0; */
	border-radius: 12px;
}

.dashboard-box-competitor .table thead tr th {
	border-top: none;
	border-bottom: none;
	color: #252733;
}

.dashboard-box-competitor .table thead tr th:nth-child(1),
.dashboard-box-competitor .table thead tr th:nth-child(4),
.dashboard-box-competitor .table tbody tr td:nth-child(1),
.dashboard-box-competitor .table tbody tr td:nth-child(4) {
	border-left: none !important;
	border-right: none !important;
	/* border-radius: 8%; */
}

.subcategory-mobile{
	white-space: break-spaces;
    word-break: break-word;
}
.table-row-job:hover{
	background-color:rgba(0,0,0,.075) !important;
}
.web-dark-mode .table-row-job:hover{
	background-color:rgba(0,0,0,.075) !important;
}


/* Shak's Css for announement bar start */
.announcement-mode {
	background-color: #000;
	display: block;
	padding: 8px 30px;
	color: #2b373a;
	font-size: 0.875em;
	font-weight: 700;
	transition: all .15s ease-in-out;
}

.announcement-mode a {
	text-decoration: none !important;
	color: #ffff;
}

/* Shak's Css for announement bar end */

/* Shak's Css for business analysis */





.swot_analysis_header {
	padding-bottom: 0px !important;
}
.swot_analysis {
	padding-top: 0px !important;
}

/* Styles for devices with a maximum width of 767px (typical for smartphones) */
@media only screen and (max-width: 767px) {
	.business-analysis-header {
		flex-wrap: wrap !important;
		justify-content: center !important;
		padding-bottom: 20px;
	}

	.business-analysis-wrapper {
		padding: 0px;
	}

	.business-analysis-wrapper h2 {
		font-size: 30px;
	}
}


/* Shak's Css for business analysis end */


/* Pooja's Css for keyword ranking start */
.keyword-tooltip{
	position: relative;
	right: -5px;
	top: 0;
	display: block !important;
}


.keyword-tooltip span.tooltip-custom-focus {
	position: absolute;
	word-break: break-word;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -100%);
}

@media only screen and (max-width: 1325px) {
	.keyword-tooltip span.tooltip-custom-focus:after {
		left: 50%;
	}	
}
/* Pooja's Css for keyword ranking end */

/* Pooja's Css for campaign favicon start */
.campaignFavicon {
	background:#ffe9c3; 
	border-radius : 12px; 
	display:inline-block;
}

.campaignNameDiv {
	width: calc(100% - 55px);
}
/* Pooja's Css for campaign favicon end */



/* Shak's Css for dark mode bg */
.new_course_custom_wrapper .custom_course_detail_box, .web-dark-mode .new_course_custom_wrapper .custom_course_detail_box {
	border: 1px solid #80808061 !important;
	background-color: #ffff !important;
}

body.web-dark-mode .new_course_custom_wrapper .custom_course_detail_box, .web-dark-mode .new_course_custom_wrapper .custom_course_detail_box {
	border: 1px solid #80808061 !important;
	background-color: #252228 !important;
}
/* Shak's Css for dark mode bg end */

/* Ravi's Css for Pricing Page */
.pricing-wrapper{
	background: url(/img/homepage/bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom: 80px;
}
/* Ravi's Css for Pricing Page End */

.wh-20px{
	width: 20px;
	height: 20px
}

.report_link {
	color: black;
}

.report_link:hover {
	color: #AA38F8 !important;
}

.ml-250 { 
	margin-left: 250px !important;
}

.new_course_custom_wrapper .custom_course_detail_box .course_sponsor {
    font-weight: 400;
    font-size: 14px;
    color: #2A373B;
    line-height: 22px;
	text-align: right;
}

.add_reply_only {
	background-color: #8a12dc !important;
	border-color: #8a12dc !important;
}

#render_tag_list{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
}

.private_feedback_card {
	border: 1px solid #8A12DC;
	background: #FAF2FF;
}

.pt-20 {
    padding-top: 20px !important;
}

#table-sparkline .keyword-tooltip span.tooltip-custom-focus{
    left: 95px !important;
}
#table-sparkline .keyword-tooltip span.tooltip-custom-focus:after{
	left: 40px !important;
}

.setting_select_protocol{
	min-height: 44px !important;
    border: 1px solid #d0d5dd !important;
    box-shadow: 0px 1px 2px 0px #1018280d !important;
    border-radius: 8px 0 0 8px;
}

.new-home-services .cus-arrow-left{
	border: 1px solid #eaecf0 !important;
}

.ai_recomendation_switch{
	top: 30px;
	right: 30px !important;
}

#newfeature-popup .modal-content{
	padding: 0 50px !important;
}
#newfeature-popup .cus-arrow-left{
	background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 23px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1) !important;
}
#newfeature-popup .cus-arrow-right{
	right: -65px;
}
#newfeature-popup .close{
	position: absolute;
    height: 104px;
    right: 12px;
    top: -35px;
}

.list-style-none{
	list-style: none;
}
.new_service_for_hover:hover{
	.heart{
		display: block;
		animation: 0.8s ease 0s normal forwards 1 fadein;
	}
}
.fav-btn{
	position: absolute !important;
    top: 5px !important;
    right: 5px;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    cursor: pointer;
	z-index: 999999999999999999999999999999999;
}

.react_header {
    position: sticky !important;
    top: 0px !important;
    background: #fff !important;
    z-index: 1001 !important;
    /* margin-bottom: 15px !important; */
}

@media (max-width: 1024px) {
    .header-menu-new {
        margin-left: 10px !important;
    }
}
@media (max-width: 813px) {
    .header-manual-container {
        .header-menu-new{
            a {
                padding: 0 10px !important;
            }
        }
    }
}

@media (max-width: 991px) {
    .header-manual-container {
        width: 100%;
        max-width: 90% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .header-manual-container {
        width: 100%;
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .header-manual-container {
        width: 100%;
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1600px) {
    .header-manual-container {
        width: 100%;
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ============================================
   SIDEBAR CUSTOM STYLES
   ============================================ */

/* Smooth scrollbar for sidebar */
.sidebar-scrollbar::-webkit-scrollbar {
	width: 6px;
}

.sidebar-scrollbar::-webkit-scrollbar-track {
	background: transparent;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb {
	background: rgba(156, 163, 175, 0.3);
	border-radius: 3px;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
	background: rgba(156, 163, 175, 0.5);
}

.dark .sidebar-scrollbar::-webkit-scrollbar-thumb {
	background: rgba(75, 85, 99, 0.5);
}

.dark .sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
	background: rgba(75, 85, 99, 0.7);
}

/* Smooth transitions for Alpine.js */
[x-cloak] {
	display: none !important;
}

/* Promo popup backdrop blur */
.promo-backdrop {
	backdrop-filter: blur(4px);
}

/* Health score animation */
@keyframes dashProgress {
	from {
		stroke-dashoffset: 87.96;
	}
}

.health-score-circle {
	animation: dashProgress 1s ease-out forwards;
}

/* Sponsored service image loading */
.sponsored-img {
	background: linear-gradient(
			90deg,
			rgba(243, 244, 246, 1) 0%,
			rgba(229, 231, 235, 1) 50%,
			rgba(243, 244, 246, 1) 100%
	);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

.dark .sponsored-img {
	background: linear-gradient(
			90deg,
			rgba(31, 41, 55, 1) 0%,
			rgba(55, 65, 81, 1) 50%,
			rgba(31, 41, 55, 1) 100%
	);
	background-size: 200% 100%;
}

/* Hover effects */
.sidebar-item-hover {
	transition: all 0.15s ease-in-out;
}

.sidebar-item-hover:hover {
	transform: translateX(2px);
}

/* Badge pulse animation */
@keyframes pulse-badge {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.8;
	}
}

.badge-pulse {
	animation: pulse-badge 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Loading overlay for campaign switch */
.campaign-loading-overlay {
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0.8);
}

.dark .campaign-loading-overlay {
	background: rgba(31, 41, 55, 0.8);
}

/* Promo slide transition */
.promo-slide-enter {
	opacity: 0;
	transform: translateX(100%);
}

.promo-slide-enter-active {
	opacity: 1;
	transform: translateX(0);
	transition: all 0.3s ease-in-out;
}

.promo-slide-leave {
	opacity: 1;
	transform: translateX(0);
}

.promo-slide-leave-active {
	opacity: 0;
	transform: translateX(-100%);
	transition: all 0.3s ease-in-out;
}

/* AI Assistant button glow effect */
@keyframes ai-glow {
	0%, 100% {
		box-shadow: 0 0 5px rgba(147, 51, 234, 0.3);
	}
	50% {
		box-shadow: 0 0 20px rgba(147, 51, 234, 0.6);
	}
}

.ai-assistant-glow {
	animation: ai-glow 3s ease-in-out infinite;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.sidebar-mobile-hidden {
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out;
	}

	.sidebar-mobile-show {
		transform: translateX(0);
	}
}

@media (min-width: 768px) {
	.ml-md-64 {
		margin-left: 16rem; 
	}
}

/* Print styles */
@media print {
	[x-cloak],
	.sidebar,
	.promo-popup,
	.docked-promo {
		display: none !important;
	}
}

/* make.com integration description was not visible */
.dark .card-body {
	color: #000;
}