*, body { font-family: Roboto,sans-serif; /*transition: all .3s ease 0s; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; */}
body{ background: #ECEEF5; overflow-x:hidden;  font-size:14px; }
html, body{ height:100%; }
body, p, form, input, h1, h2, h3, h4, h5, h6, p, form, ul, li, ol, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { font-family: 'Roboto'; color:#000;}
a{ color:#4F46E5; text-decoration:none; font-family: 'Roboto'; }
a:hover, a:focus, a:active { text-decoration:none; color:#282828;}
button, a, input, textarea{ outline:0 !important; }
a, button, a:hover, button:hover{ transition: .15s ease-in-out;}
.font-weight-400{
	font-weight:400;
}
.font-weight-700{
	font-weight:700;
}
.disabled {
	pointer-events: none !important;
}
.form-control{
	font-size:14px;
}
.dropdown-menu{
	border-radius:0;
}
.alert{
	font-size: 13px;
	border-radius: 0;
	padding: 7px 10px;
}
/* Margin */
.v-align-2{
	vertical-align:2px;
}
.m-all-0{ margin:0px !important;} .m-all-10{ margin:10px !important;} .m-all-20{ margin:20px !important;} .m-all-30{ margin:30px !important;} .m-all-40{ margin:40px !important;}

.m-l-0{ margin-left:0px !important;} .m-r-0{ margin-right:0px !important;} .m-t-0{ margin-top:0px !important;} .m-b-0{ margin-bottom:0px !important;}

.m-l-1{ margin-left:1px !important;} .m-l-2{ margin-left:2px !important;} .m-l-3{ margin-left:3px !important;} .m-l-4{ margin-left:4px !important;} .m-l-5{ margin-left:5px !important;} .m-l-6{ margin-left:6px !important;} .m-l-7{ margin-left:7px !important;} .m-l-8{ margin-left:8px !important;} .m-l-9{ margin-left:9px !important;}

.m-r-1{ margin-right:1px !important;} .m-r-2{ margin-right:2px !important;} .m-r-3{ margin-right:3px !important;} .m-r-4{ margin-right:4px !important;} .m-r-5{ margin-right:5px !important;} .m-r-6{ margin-right:6px !important;} .m-r-7{ margin-right:7px !important;} .m-r-8{ margin-right:8px !important;} .m-r-9{ margin-right:9px !important;}

.m-t-1{ margin-top:1px !important;} .m-t-2{ margin-top:2px !important;} .m-t-3{ margin-top:3px !important;} .m-t-4{ margin-top:4px !important;} .m-t-5{ margin-top:5px !important;} .m-t-6{ margin-top:6px !important;} .m-t-7{ margin-top:7px !important;} .m-t-8{ margin-top:8px !important;} .m-t-9{ margin-top:9px !important;}

.m-b-1{ margin-bottom:1px !important;} .m-b-2{ margin-bottom:2px !important;} .m-b-3{ margin-bottom:3px !important;} .m-b-4{ margin-bottom:4px !important;} .m-b-5{ margin-bottom:5px !important;} .m-b-6{ margin-bottom:6px !important;} .m-b-7{ margin-bottom:7px !important;} .m-b-8{ margin-bottom:8px !important;} .m-b-9{ margin-bottom:9px !important;}

.m-l-10{ margin-left:10px !important;} .m-r-10{ margin-right:10px !important;} .m-t-10{ margin-top:10px !important;} .m-b-10{ margin-bottom:10px !important;}

.m-l-15{ margin-left:15px !important;} .m-r-15{ margin-right:15px !important;} .m-t-15{ margin-top:15px !important;} .m-b-15{ margin-bottom:15px !important;}

.m-l-20{ margin-left:20px !important;} .m-r-20{ margin-right:20px !important;} .m-t-20{ margin-top:20px !important;} .m-b-20{ margin-bottom:20px !important;}

.m-l-25{ margin-left:25px !important;} .m-r-25{ margin-right:25px !important;} .m-t-25{ margin-top:25px !important;} .m-b-25{ margin-bottom:25px !important;}

.m-l-30{ margin-left:30px !important;} .m-r-30{ margin-right:30px !important;} .m-t-30{ margin-top:30px !important;} .m-b-30{ margin-bottom:30px !important;}

.m-l-35{ margin-left:35px !important;} .m-r-35{ margin-right:35px !important;} .m-t-35{ margin-top:35px !important;} .m-b-35{ margin-bottom:35px !important;}

.m-l-40{ margin-left:40px !important;} .m-r-40{ margin-right:40px !important;} .m-t-40{ margin-top:40px !important;} .m-b-40{ margin-bottom:40px !important;}

.m-l-45{ margin-left:45px !important;} .m-r-45{ margin-right:45px !important;} .m-t-45{ margin-top:45px !important;} .m-b-45{ margin-bottom:45px !important;}

.m-l-50{ margin-left:40px !important;} .m-r-50{ margin-right:40px !important;} .m-t-50{ margin-top:40px !important;} .m-b-50{ margin-bottom:40px !important;}

/* Padding */
.p-all-0{ padding:0px !important;} .p-all-10{ padding:10px !important;} .p-all-20{ padding:20px !important;} .p-all-30{ padding:30px !important;} .p-all-40{ padding:40px !important;}

.p-l-0{ padding-left:0px !important;} .p-r-0{ padding-right:0px !important;} .p-t-0{ padding-top:0px !important;} .p-b-0{ padding-bottom:0px !important;}

.p-l-1{ padding-left:1px !important;} .p-l-2{ padding-left:2px !important;} .p-l-3{ padding-left:3px !important;} .p-l-4{ padding-left:4px !important;} .p-l-5{ padding-left:5px !important;} .p-l-6{ padding-left:6px !important;} .p-l-7{ padding-left:7px !important;} .p-l-8{ padding-left:8px !important;} .p-l-9{ padding-left:9px !important;}

.p-r-1{ padding-right:1px !important;} .p-r-2{ padding-right:2px !important;} .p-r-3{ padding-right:3px !important;} .p-r-4{ padding-right:4px !important;} .p-r-5{ padding-right:5px !important;} .p-r-6{ padding-right:6px !important;} .p-r-7{ padding-right:7px !important;} .p-r-8{ padding-right:8px !important;} .p-r-9{ padding-right:9px !important;}

.p-t-1{ padding-top:1px !important;} .p-t-2{ padding-top:2px !important;} .p-t-3{ padding-top:3px !important;} .p-t-4{ padding-top:4px !important;} .p-t-5{ padding-top:5px !important;} .p-t-6{ padding-top:6px !important;} .p-t-7{ padding-top:7px !important;} .p-t-8{ padding-top:8px !important;} .p-t-9{ padding-top:9px !important;}

.p-b-1{ padding-bottom:1px !important;} .p-b-2{ padding-bottom:2px !important;} .p-b-3{ padding-bottom:3px !important;} .p-b-4{ padding-bottom:4px !important;} .p-b-5{ padding-bottom:5px !important;} .p-b-6{ padding-bottom:6px !important;} .p-b-7{ padding-bottom:7px !important;} .p-b-8{ padding-bottom:8px !important;} .p-b-9{ padding-bottom:9px !important;}

.p-l-10{ padding-left:10px !important;} .p-r-10{ padding-right:10px !important;} .p-t-10{ padding-top:10px !important;} .p-b-10{ padding-bottom:10px !important;}

.p-l-15{ padding-left:15px !important;} .p-r-15{ padding-right:15px !important;} .p-t-15{ padding-top:15px !important;} .p-b-15{ padding-bottom:15px !important;}

.p-l-20{ padding-left:20px !important;} .p-r-20{ padding-right:20px !important;} .p-t-20{ padding-top:20px !important;} .p-b-20{ padding-bottom:20px !important;}

.p-l-25{ padding-left:25px !important;} .p-r-25{ padding-right:25px !important;} .p-t-25{ padding-top:25px !important;} .p-b-25{ padding-bottom:25px !important;}

.p-l-30{ padding-left:30px !important;} .p-r-30{ padding-right:30px !important;} .p-t-30{ padding-top:30px !important;} .p-b-30{ padding-bottom:30px !important;}

.p-l-35{ padding-left:35px !important;} .p-r-35{ padding-right:35px !important;} .p-t-35{ padding-top:35px !important;} .p-b-35{ padding-bottom:35px !important;}

.p-l-40{ padding-left:40px !important;} .p-r-40{ padding-right:40px !important;} .p-t-40{ padding-top:40px !important;} .p-b-40{ padding-bottom:40px !important;}

.p-l-45{ padding-left:45px !important;} .p-r-45{ padding-right:45px !important;} .p-t-45{ padding-top:45px !important;} .p-b-45{ padding-bottom:45px !important;}

.p-l-50{ padding-left:50px !important;} .p-r-50{ padding-right:50px !important;} .p-t-50{ padding-top:50px !important;} .p-b-50{ padding-bottom:50px !important;}

.border-left-none{ border-left:none !important;} .border-right-none{ border-right:none !important;} .border-top-none{ border-top:none !important;} .border-bottom-none{ border-bottom:none !important;} .border-all-none{ border:none !important;}


.form-control, .btn.focus, .btn:focus, .custom-select:focus, .form-control:focus, .custom-control-input:focus ~ .custom-control-label:before{
	box-shadow:none;
	border-radius: 0;
}
.form-control:focus, .stripe-focus {
	border-color: #b5b1f4;
}

.stripe-invalid {
	border-color: #eb1c26;
}
.custom-select:focus {
    border-color: #b5b1f4;
}

.positionRelative{
	position:relative;
}
/***Loader***/
.loader-main{
	width:100%;
	height:75px;
	float:left;
	position:relative;
	background:#f5f6f8;
	z-index:0;
}
.ekko-lightbox-loader{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	background: rgb(247, 247, 247);
	z-index: 3;
}
.ekko-lightbox-loader > div{
	width:40px;
	height:40px;
	position:relative;
	text-align:center
}
.ekko-lightbox-loader > div > div{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #214fc6;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	animation: a 2s infinite ease-in-out;
	z-index: 4;
}
.ekko-lightbox-loader > div > div:last-child{
	animation-delay:-1s;
	opacity: .7;
}
@keyframes a{
	0%,to{transform:scale(0);
		-webkit-transform:scale(0)
		}
	50%{
		transform:scale(1);
		-webkit-transform:scale(1)
		}
	}
/***Loader***/
/* FullPage-Loader */
.FullPage-ekko-lightbox-loader{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	background: rgba(255,255,255,0.9);
	z-index: 5;
}
.FullPage-ekko-lightbox-loader > div{
	width:50px;
	height:50px;
	position:relative;
	text-align:center;
}
.FullPage-ekko-lightbox-loader > div > div{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #214fc6;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	animation: a 2s infinite ease-in-out;
	z-index: 6;

}
.FullPage-ekko-lightbox-loader > div > div:last-child{
	animation-delay:-1s;
	opacity: .7;
}
@keyframes a{
	0%,to{transform:scale(0);
		-webkit-transform:scale(0)
		}
	50%{
		transform:scale(1);
		-webkit-transform:scale(1)
		}
	}
/* Start mini-Loader */
.ekko-disabled-loader-main{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	background: transparent;
	z-index: 9;
}
.ekko-disabled-loader{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 9;
}
.ekko-disabled-loader > div{
	width:40px;
	height:40px;
	position:relative;
	text-align:center
}
.ekko-disabled-loader > div > div{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #214fc6;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	animation: a 2s infinite ease-in-out;
	z-index: 4;
}
.ekko-disabled-loader > div > div:last-child{
	animation-delay:-1s;
	opacity: .7;
}
@keyframes a{
	0%,to{transform:scale(0);
		-webkit-transform:scale(0)
	}
	50%{
		transform:scale(1);
		-webkit-transform:scale(1)
	}
}
/* End mini-Loader */
.container{max-width:1400px; position: relative;}
.img-responsivee{ max-width:100%;}

html, body {
	min-height: 100vh;
	margin: 0;
	display: flex;
	flex-direction: column;
}
/* Start main-section */
.main-section {
	flex: 1 0 auto;
	position: relative;
	padding-bottom: 0;
}

	/* Start header */
	.header{
		background-color: #262626;
		padding:15px 0px 15px 0px;
		position:relative;
	}
	.header-logo{
		float:left;
		max-width:126px;
		margin-top: 3px;
	}
	.header-logo img{
		max-width:100%;
		height: auto;
	}
	.header-right-area{
		float:right;
		position:relative;
		margin:0;
	}
	.header-search-icon{
		background: none;
		border: none;
		line-height: 40px;
		width: 40px;
		color: #fff;
		font-size: 18px;
		padding: 0;
		float: right;
		text-align: center;
		cursor:pointer;
	}
	.header-right-area .search-area{
		padding: 0;
		margin-top: -1px;
		float: right;
		position: relative;
		width: auto;
		margin-left: 20px;
		z-index: 1;
	}
	.header-search-main-area{
		float: right;
		position: relative;
		overflow: hidden;
		max-width: 310px;
		height: 40px;
		transition: all .5s ease;
	}
	.header-search-main-area:hover, .header-search-main-area.serchinput-show{
		max-width: 310px;
	}

	.header-search-main-area .inner-search-icon{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 19px;
		line-height: 38px;
		padding: 0;
		color: #6b7280;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0;
		width: 40px;
		z-index:1;
		transition: all .3s ease;
	}
	.header-search-main-area:hover .inner-search-icon,
	.header-search-main-area.serchinput-show .inner-search-icon,
	.header-search-main-area:focus-within .inner-search-icon {
		color:#4F46E5;
	}
	.header-search-main-area .inner-search-icon svg{
		width:22px;
	}
	.header-search-main-area .inner-search-icon:hover{
		color: #6366F1;
	}
	/* Always-visible search input on desktop */
	.header-search-main{
		float: right;
		background: transparent;
		width: 310px;
		height: 38px;
		border: none;
		padding: 0 40px 0 16px;
		font-size: 14px;
		color: #282828;
		transition: all 0.3s;
		border-right: transparent;
		border: 1px solid hsl(0, 0%, 90%);
		opacity: 1;
		transform: translateX(0);
		background: #fefefe;
		border-radius: 6px;
	}
	.header-search-main:focus{
		outline: none;
		border-color: #6366f1;
		box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
	}
	.header-search-main-area:hover .header-search-main, .header-search-main-area.serchinput-show .header-search-main{
		opacity: 1;
		transform:translateX(0px);
	}
	.header-search-main.header-search-visible{
		transition: all 0.3s;
		width: 353px;
		padding: 0 40px 0 16px;
		border-right: #4F46E5 3px solid;
	}
	.headerSearchIcon{
		display: inline-block;
	}
	.headerSearchIcon.fa-search{
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		transform: rotate(0);
	}
	.headerSearchIcon.fa-times{
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		transform: rotate(180deg);
	}
	/**/
	.header-mobile-search-icon{
		width: 29px;
		height:29px;
		float:right;
		font-size: 19px;
		line-height: 38px;
		padding: 0;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor:pointer;
		display:none;
		position:relative;
	}
	.header-mobile-search-icon svg{
		width: 22px;
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.header-mobile-search-icon .search-svg{
		transition: .15s ease-in-out;
		margin-left:0;
	}
	.header-mobile-search-icon .cross-svg{
		transition: .15s ease-in-out;
		visibility:hidden;
		opacity:0;
		margin-left:15px;
	}
	.header-mobile-search-icon.show .cross-svg{
		visibility:visible;
		opacity:1;
		margin-left:0;
	}
	.header-mobile-search-icon.show .search-svg{
		visibility:hidden;
		opacity:0;
		margin-left:15px;
	}
	.search-area.min-hide{
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		z-index: 1;
		transition: .15s ease-in-out;
		margin-top:-15px;
	}
	
	.search-area.min-hide .header-search-main-area{
		width:100%;
		max-width:100%
	}
	.search-area.min-hide .header-search-main-area .header-search-main{
		width:100%;
		height:40px;
	}
	.search-area.min-hide .header-search-main-area .inner-search-icon{
		height:40px;
	}
	.search-area.min-hide .header-search-main-area:hover,
	.search-area.min-hide .header-search-main-area.serchinput-show{
		max-width:100%
	}
	/**/
	.header-right-menu{
		float:right;
		position:relative;
	}
	.header-right-menu a.userSignin{
		position: relative;
		background: #464646;
		color: #fff;
		font-weight: 500;
		padding: 0 15px;
		line-height: 36px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
		max-width: 147px;
		float: right;
		margin-left:10px;
	}
	@media only screen and (max-width: 700px){
		.header-right-menu a.userSignin{
			padding: 0 13px;
			line-height: 30px;
			top:-1px;
			font-size:12px;
		}
	}
	.header-right-menu a:hover.userSignin{
		background:#565656;
	}
	.header-right-menu a.userIcon{
		position: relative;
		background: transparent;
		color: #fff;
		font-weight: 500;
		padding: 0 15px 0 0;
		line-height: 38px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
		max-width: 147px;
		float: right;
		margin-top: -1px;
	}
	.header-right-menu a.userIcon::after{
		width: 0;
		height: 0;
		content: "";
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-bottom: 0;
		border-left: 4px solid transparent;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0,-50%);
		color: #fff;
	}
	.header-right-menu a:hover.userIcon{
		background:transparent;
	}
	.header-right-menu a.userIcon img{
		width:20px;
	}
	.header-right-menu a.userIcon span.headerUserIcon{
		position: relative;
		float: left;
		line-height: 21px;
		margin: 8px 6px 0 0;
	}
	.header-right-menu a.userIcon span.headerUserIcon:before{
		content:'';
		width:6px;
		height:6px;
		background:#5de095;
		position:absolute;
		right:2px;
		bottom:2px;
		border-radius:100px;
	}
	.header-right-menu a.userIcon.active span.headerUserIcon:before{
		background:#38c75a;
	}
	.header-right-menu a.userIcon .usernameh{
		
	}
	
	/*.headerMenudd */
	.headerMenudd{
		padding: 0 !important;
		margin: 0 !important;
		border-radius: 8px !important;
		right: 0px !important;
		margin-top: 0 !important;
		left: auto !important;
		top: 106% !important;
		box-shadow: hsla(0, 0%, 0%, 0.05) 0 0 15px !important;
		border:none !important;
		min-width: auto !important;
		border-radius: 0 !important;
	}
	.headerMenuddMain{
		padding: 14px 25px;
		overflow: auto;
		max-height: 300px;
	}
	.headerMenuddUser{
		position:relative;
	}
	.headerMenuddUserClose{
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
		font-size: 18px;
	}

	/* Header Menu Dropdown */

	.dropdownItem .headerMenudd{
		visibility: hidden !important;
		opacity:0 !important;
		transform: translateY(-10px) !important;
		transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s !important;
		display:initial !important;
		position:absolute;
	}
	.dropdownItem.show .headerMenudd{
		display:initial !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 3 !important;
		transform: translateY(0) !important;
		transition-delay: 0s, 0s, 0.3s !important;
	}
	
	/* End Header menu Dropdown */
	
	
	/* Start Dropdown Inner Area */
	.usersignUPSection{
		min-width:210px;
		text-align:left;
	}
	.dd-title{
		font-size:20px;
		font-weight:700;
		margin-bottom:10px;
	}
	.dd-desc{
		font-size:14px;
		font-weight:400;
		margin-bottom:15px;
	}
	.dd-have-problem{
		font-size:13px;
	}
	
	
	
	.online-menu{
		min-width:225px;
	}
	.online-menu ul{
		margin:0;
		padding:15px 0 10px 0;
		list-style:none;
	}
	.online-menu ul li:first-child{
		margin:0 20px 8px 20px;
		padding-bottom:5px;
		border-bottom:#ccc 1px solid;
	}
	.online-menu ul li a{
		padding: 5px 20px;
		background: rgba(255, 255, 255);
		margin: 2px 0 5px 0;
		border-radius: 5px;
		color: gray;
		display: block;
		font-size: 14px;
		/**/
		background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, transparent), color-stop(50%, #4F46E5), to(#4F46E5));
		background-image: -webkit-linear-gradient(right, transparent, transparent 50%, #4F46E5 50%, #4F46E5);
		background-image: linear-gradient(to left, transparent, transparent 50%, #4F46E5 50%, #4F46E5);
		background-position: 100% center;
		background-repeat: no-repeat;
		background-size: 201% 70%;
		-webkit-transition: 0.15s background 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition: 0.15s background 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	.online-menu ul li a:hover{
		color:#4F46E5;
		background-position: 96.5% center;
		text-decoration: none;
	}
	.online-menu ul li.header-logout a{
		color: #fe5151;
	}
	.online-menu ul li.header-logout a:hover{
		color: #c80000;
		background-image: linear-gradient(to left, transparent, transparent 50%, #c80000 50%, #c80000);
	}
	/* End Dropdown Inner Area */
	
	/* Start header-cart area */
	.header-cart{
		float:right;
		margin-right:8px;
	}
	.header-cart .header-notifyIcons{
		height: 40px;
		width: 30px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
	}
	.header-cart .header-notifyIcons svg{
		width:21px;
	}
	.header-cart .header-notifyIcons .badgeNotify{
		position: absolute;
		right: 0px;
		top: 2px;
		background: #fff;
		border-radius: 100px;
		font-weight: 700;
		color: #282828;
		padding: 2px 4px;
		font-size: 11px;
		box-shadow: 0 5px 5px rgba(0,0,0,0.2);
		width: 15px;
		height: 15px;
		line-height: 11px;
	}
	.header-cart .header-notifyIcons .badgeNotifyFilled {
		background: #ca3737;
		color: #fff;
	}
	.header-cart .header-notifyIcons:last-child{
		margin-right:8px;
	}
	.header-cart .header-notifyIcons:hover{
		color:#6366f1;
	}
	.header-cart .header-notifyIcons i.notify{
		position:relative;
	}
	.header-cart .header-notifyIcons i.notify:after{
		content: "";
		width: 7px;
		height: 7px;
		background: red;
		position: absolute;
		border-radius: 100px;
		left: 0;
		top: 0;
		margin: -2px 0 0 -2px;
	}
	/* End header-cart area */
	
	/* Start OurProducts nav area */
	.ourProducts-nav{
		float:right;
		display:flex;
	}
	.ourProducts-nav a{
		line-height:36px;
		display:flex;
		align-items:center;
		font-size:13px;
		color:#fff;
		font-weight:400;
		text-transform:uppercase;
		padding:0 11px;
		opacity: .7;
		transition: all .5s ease;
	}
	.ourProducts-nav a .notify:after{
		content:"";
		width:7px;
		height:7px;
		background:red;
		position:absolute;
		border-radius:100px;
		left:0;
		top:0;
		margin: -2px 0 0 -2px;
	}
	.ourProducts-nav a i, .ourProducts-nav a .icon, .ourProducts-nav a svg{
		width: 18px;
		margin-right:7px;
		position: relative;
	}
	.ourProducts-nav a:hover{
		opacity: 1;
	}
	/* Start OurProducts nav area */
	
	/* Start Slider area */
	.slider-area{
		padding:35px 0 30px;
		background-color: #ECEEF5;
		background-image: linear-gradient( 180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100% );
	}
	/* End Slider area */
	
	/* Start Slider Bottom Area */
	.sliderBottomArea{
		padding: 32px 0;
		flex-direction: row;
		padding-top: 64px;
		padding-bottom: 96px;
		display: flex;
	}
	@media only screen and (max-width: 1280px){
		.sliderBottomArea{
			padding-top: 35px;
			padding-bottom: 50px;
		}		
	}
	@media only screen and (max-width: 992px){
		.sliderBottomArea{
			padding-top: 5px;
			padding-bottom: 15px;
			background:#fff;
		}		
	}
	.sliderBottomLeft{
		display: block;
		width: 50%;
		margin-right: 24px;
		position: relative;
	}
	@media only screen and (max-width: 992px){
		.sliderBottomLeft{
			display:none;
		}		
	}
	.sliderBottomLeft::before {
		content: '';
		width: 120%;
		height: 100%;
		border: 1px dashed #282828;
		position: absolute;
		top: 12px;
		right: -12px;
	}
	.sliderBottomLeftInner{
		display: flex;
		justify-content: flex-end;
		background: rgba(255, 255, 255, .8);
		padding: 40px 25px 35px 20px;
		position: relative;
	}
	.sliderBottomLeftInner img{
		max-width:100%;
	}
	.sliderBottomRight{
		max-width: 670px;
		width: 50%;
		padding: 24px;
	}
	@media only screen and (max-width: 992px){
		.sliderBottomRight{
			width: 100%;
			max-width: 100%;
			text-align: center;
		}		
	}
	.sliderBottomDetails{
		position: relative;
	}
	.sliderBottomDetails .left-details-slider h3{
		max-width: 768px;
		margin: 0 0 20px 0;
		font-size: 30px;
		font-weight: 700;
		color: #282828;
	}
	@media only screen and (max-width: 1280px){
		.sliderBottomDetails .left-details-slider h3{
			font-size: 25px;
		}		
	}
	@media only screen and (max-width: 992px){
		.sliderBottomDetails .left-details-slider h3{
			max-width: 100%;
		}		
	}
	.sliderBottomDetails .left-details-slider p{
		font-size: 20px;
		font-weight: 300;
		color: #282828;
		max-width:769px;
		margin: 0 0 30px;
	}
	@media only screen and (max-width: 1280px){
		.sliderBottomDetails .left-details-slider p{
			font-size: 16px;
			font-weight: 400;
		}		
	}
	@media only screen and (max-width: 992px){
		.sliderBottomDetails .left-details-slider p{
			max-width: 100%;
		}		
	}
	.sliderBottomDetails .right-bottom-btn{
		font-weight: 500;
		color: #fff;
		font-size: 16px;
		background: #4F46E5;
		line-height: 44px;
		padding: 0 22px;
		display: inline-block;
		margin: 2px 0 0 0;
	}
	@media only screen and (max-width: 1280px){
		.sliderBottomDetails .right-bottom-btn{
			line-height: 38px;
			padding: 0 18px;
		}		
	}
	.sliderBottomDetails .right-bottom-btn:hover{
		background:#6366F1;
	}
	/* End Slider Bottom Area */
	
	/* Start fourblocks */
	.fourBlocks-area{
		background:#eceef5;
		padding:40px 0;
	}
	.fourBlocks-area h4{
		font-size:20px;
		color:#282828;
		font-weight:700;
		margin:0 0 15px 0;
		text-transform:uppercase;
	}
	.fourBlocks-area h4 i{
		font-size:27px;
		color:#282828;
		vertical-align: -3px;
		margin-right: 13px;
	}
	.fourBlocks-area p{
		font-weight:300;
		color: #343a40;
		text-align:justify;
		line-height:25px;
	}
	.fourBlocks-area .fourblocks-dividers:before{
		content:"";
		position:absolute;
		height:100%;
		width:1px;
		left:-3px;
		background:#ebebeb;
	}
	.fourBlocks-area .fourblocks-dividers:first-child:before{
		background:transparent;
	}
	/* End fourblocks */
	
	/* Start ourProducts-title-area */
	.ourProducts-title-area{
		padding:25px 0;
		position:relative;
	}
	@media only screen and (max-width: 1280px){
		.ourProducts-title-area{
			padding: 45px 0 25px 0;
		}
	}
	.ourProducts-title-area h2{
		text-align:center;
		margin:0;
		font-size: 32px;
		color: #282828;
		line-height: 1.25;
		font-weight: 700;
		margin-bottom: 24px;
	}
	@media only screen and (max-width: 1280px){
		.ourProducts-title-area h2{
			font-size: 25px;
		}		
	}
	.ourProducts-title-area p{
		font-weight:300;
		line-height: 1.5;
		font-size:18px;
		color:#282828;
		text-align:center;
		margin:0;
	}
	@media only screen and (max-width: 1280px){
		.ourProducts-title-area p{
			font-size: 16px;
			font-weight:400;
		}		
	}
	/* End ourProducts-title-area */
	
	/* Start ourProducts-area */
	.ourProducts-area{
		padding:70px 0 50px 0;
	}
	@media only screen and (max-width: 1280px){
		.ourProducts-area{
			padding:20px 0 40px 0;
		}		
	}
	.ourProducts-main{
		background:#fff;
		position: relative;
		margin-bottom:30px;
		display:block;
		box-shadow: hsl(0, 0%, 80%) 0 0 16px;
		overflow: hidden;
	}
	.ourProducts-main .ourProducts-img{
		float: left;
		position: relative;
		width: 100%;
		margin: 0;
	}
	.ourProducts-main .ourProducts-img span{
		background: #6e757c;
		color: #fff;
		font-weight: 500;
		text-shadow: 0 2px 3px rgba(0,0,0,0.5);
		border-radius: 100px;
		padding: 0 5px 0 6px;
		font-size: 9px;
		line-height: 15px;
		display: inline-block;
		height: 15px;
		position: absolute;
		right: 6px;
		top: 6px;
	}
	.ourProducts-main .ourProducts-details{
		position: relative;
		max-width: 100%;
		clear: both;
		padding: 16px 16px 65px;
	}
	.ourProducts-main .ourProducts-details h1{
		font-size: 18px;
		font-weight: 700;
		color: #282828;
		margin: 0 0 3px 0;
	}
	.ourProducts-main .ourProducts-details h1 a{
		display:block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		color: #282828;
	}
	.ourProducts-main .ourProducts-details h2{
		font-size: 13px;
		color: #343a40;
		font-weight: 400;
		/* border-bottom:#e8e8e8 1px solid; */
		margin-bottom:7px;
		line-height: 20px;
	}
	.ourProducts-main .ourProducts-details h2 span{
		background: #6e757c;
		color: #fff;
		font-weight: 600;
		padding: 0 5px 0 6px;
		font-size: 9px;
		line-height: 15px;
		display: inline-block;
		height: 15px;
	}
	.ourProducts-main .ourProducts-details h2 .envato-badge{
		margin: 0 0 0 4px;
		position: relative;
		top: -1px;
		border-radius: 0;
	}
	.ourProducts-main .ourProducts-details-text {
		overflow: hidden;
		position: relative;
		line-height: 18px;
		max-height: 6em;
		padding-right: 14px;
		font-size: 13px;
		color: #212529;
		font-weight: 300;
		margin:0;
	}
	.ourProducts-main .ourProducts-details-text:before {
		content: '...';
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.ourProducts-main .ourProducts-details-text:after {
		content: '';
		position: absolute;
		right: 0;
		width: 1em;
		height: 1em;
		margin-top: 0.2em;
		background: white;
	}
	.ourProducts-main .ourProducts-priceBtns-area {
		position:absolute;
		bottom:0;
		left:0;
		width: 100%;
		padding: 0 16px 16px;
	}
	.ourProducts-main .ourProducts-priceBtns-area .ourProductPrice{
		font-size:26px;
		color:#4F46E5;
		font-weight:800;
		line-height:33px;
		float:left;
	}
	.ourProducts-main .ourProducts-priceBtns-area .ourProductPrice span{
		font-weight: 600;
		font-size: 19px;
		margin-right: 7px;
		color: #7b7b7b;
		text-decoration: line-through;
	}
	
	.ourProducts-main .ourProducts-priceBtns-area .ourProduct-btns{
		height:33px;
		font-size:16px;
		color:#fff;
		padding:0 10px;
		margin-left:10px;
		cursor:pointer;
		background:transparent;
		float:right;
		background: #4F46E5;
		border: #4F46E5 1px solid;
		display: flex;
		justify-content: center;
		align-items:center;
	}
	.ourProducts-main .ourProducts-priceBtns-area .ourProduct-btns svg{
		width: 18px;
	}
	.ourProducts-main .ourProducts-priceBtns-area .ourProduct-btns.liv-prev{
		background: transparent;
		color: #282828;
		float: right;
		border-color: #282828;
		font-size: 14px;
	}
	.ourProducts-main .ourProducts-priceBtns-area .ourProduct-btns:hover{
		background: #6366F1;
		border: #6366F1 1px solid;
		color:#fff;
	}
	.ourProducts-main .ourProducts-priceBtns-area .ourProduct-btns.liv-prev:hover{
		background: #282828;
		color: #fff;
		float: right;
		border-color: #282828;
	}
	/* End ourProducts-area */
	
	/* .loadmore-products-special{ */
		/* width: 192px !important; */
		/* font-size: 15px !important; */
		/* padding: 0 25px !important; */
	/* } */
	.loadmore-products{
		font-weight: 500;
		color: #fff;
		font-size: 16px;
		background: #4F46E5;
		line-height: 44px;
		padding: 0 22px;
		display: inline-block;
		margin: 35px auto 0 auto;
	}
	@media only screen and (max-width: 1280px){
		.loadmore-products{
			margin: 10px auto 0 auto;
			line-height: 38px;
			padding: 0 18px;
		}
	}
	.loadmore-products:hover{
		background: #6366F1;
		color:#fff;
	}
	.loadmore-products:focus{
		color:#fff;
	}
	
	/* Start awesomeSection-area */
	.awesomeSection-area{
		padding:70px 0;
		background:#fafcfd;
	}
	@media only screen and (max-width: 1280px){
		.awesomeSection-area{
			padding:40px 0;
		}		
	}
	.awesomeSection-area .awesomeSection-mainTitle{
		display:flex;
		padding:0 0 50px 0;
	}
	@media only screen and (max-width: 1280px){
		.awesomeSection-area .awesomeSection-mainTitle{
			padding:0 0 20px 0;
		}		
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-icon-main{
		float:left;
		border-right:#474747 1px solid;
		height:51px;
		line-height:51px;
		font-size:45px;
		color:#474747;
		padding:0 20px 0 10px;
		margin-right:20px;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-icon-main .fa-comments{
		font-size:43px;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle{
		flex:1;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle h2{
		font-size:32px;
		text-align:center;
		color:#282828;
		font-weight:700;
		margin-bottom:20px;
	}
	@media only screen and (max-width: 1280px){
		.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle h2{
			font-size: 25px;
		}		
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle h3{
		font-size:18px;
		color:#282828;
		font-weight:300;
		margin:0;
		text-align:center;
	}
	@media only screen and (max-width: 1280px){
		.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle h3{
			font-size: 16px;
			font-weight:400;
		}		
	}
	.awesomeSection-area .awesomeSection-blocksRow{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.awesomeSection-area .awesomeSection-blocksClmns{
		flex: 0 0 25%;
		max-width: calc(25% - 30px);
		font-size: 16px;
		font-weight: 300;
		text-align: center;
		padding: 24px;
		margin: 15px;
		height: 220px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #6c6c6c;
		position:relative;
	}
	@media only screen and (max-width: 1280px){
		.awesomeSection-area .awesomeSection-blocksClmns{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: calc(50% - 30px);
		}
		
	}
	@media only screen and (max-width: 580px){
		.awesomeSection-area .awesomeSection-blocksClmns{
			flex: 0 0 100%;
			max-width: 100%;
			margin: 0 0 20px;
		}
	}
	.awesomeSection-area .awesomeSection-blocksClmns::before{
		content:'';
		position:absolute;
		inset:0;
		margin:10px -10px -10px 10px;
		border: 1px dashed #282828;
		z-index:0;
	}
	.awesomeSection-area .awesomeSection-blocksClmns::after{
		content:'';
		position:absolute;
		inset:0;
		box-shadow: 0 11px 21px #d4d8e4;
		background-color: hsla(0, 0%, 100%, 0.8);
		z-index:1;
	}
	.awesomeSection-area .awesomeSection-blocksClmns .awes-icon{
		border-radius: 100px;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		background: #FFAA5B;
		font-size: 24px;
		color: #fff;
		margin-bottom:12px;
		position:relative;
		z-index:2;
	}
	
	.awesomeSection-area .awesomeSection-blocksClmns .awes-icon svg{
		width: 24px;
	}
	.awesomeSection-area .awesomeSection-blocksClmns div{
		margin:0;
		padding: 14px 10px 0;
		position:relative;
		z-index:2;
	}
	.awesomeSection-area .awesomeSection-blocksClmns:nth-child(1) .awes-icon{
		background:#FFAA5B;
	}
	.awesomeSection-area .awesomeSection-blocksClmns:nth-child(2) .awes-icon{
		background:#32BCDD;
	}
	.awesomeSection-area .awesomeSection-blocksClmns:nth-child(3) .awes-icon{
		background:#4F46E5;
	}
	.awesomeSection-area .awesomeSection-blocksClmns:nth-child(4) .awes-icon{
		background:#E45959;
	}

	
	/* Start whyChooseArea */
	.whyChooseArea{
		
	}
	.whyChooseArea h5{
		font-size: 20px;
		line-height: 30px;
		color: #474747;
		font-weight: 500;
		margin: 0 0 30px 0;
	}
	.whyChooseArea p{
		font-size:14px;
		color: #343a40;
		line-height:25px;
		margin:0;
		padding:0;
		font-weight:300;
	}
	/* End whyChooseArea */
	
	
	/* Start customersSection */
	.customersSection{
		padding:55px 0;
		background:#282828;
	}
	.customersSection .container{
		max-width:650px;
	}
	.customersSection h2{
		font-size: 27px;
		font-weight: 700;
		line-height: 40px;
		text-align: center;
		color: #fff;
		margin-bottom: 18px;
	}
	.customersSection h6{
		font-size:20px;
		font-weight:300;
		line-height:40px;
		text-align:center;
		color:#868686;
		margin-bottom: 28px;
	}
	.customersSection .customersSection-btnsArea{
		text-align:center;
		display:flex;
		justify-content:center;
	}
	.customersSection .customersSection-btnsArea a{
		padding:0 17px;
		line-height:53px;
		background:#fff;
		font-size:18px;
		font-weight: 500;
		color:#282828;
		display:flex;
		justify-content: center;
		align-items:center;
		margin: 0 10px;
	}
	.customersSection .customersSection-btnsArea a svg{
		width: 24px;
		font-size:25px;
		color:#282828;
		vertical-align:-1px;
		margin-right:10px;
	}
	.customersSection .customersSection-btnsArea a.ourProducts-btn{
		background:#4F46E5;
		color:#fff;
	}
	.customersSection .customersSection-btnsArea a.ourProducts-btn svg{
		color: #fff;
	}
	.customersSection .customersSection-btnsArea a:hover.ourProducts-btn{
		background:#626262;
	}
	/* End customersSection */
	
	/* Start footer */
	.footer{
		padding: 10px 0;
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	.footer .footer-left{
		float:left;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.footer .footerLogo{
		float:left;
		width:100px;
	}
	@media only screen and (max-width: 580px){
		.footer .footerLogo{
			display:none;
		}
	}
	.footer .footerNavArea{
		float:left;
		border-left:#282828 1px solid;
		margin:0 0 0 15px;
		padding:0 0 0 15px;
		line-height: 28px;
	}
	@media only screen and (max-width: 580px){
		.footer .footerNavArea{
			margin: 0;
			padding: 0;
			text-align: center;
			width: 100%;
			border-left: none;
		}
	}
	.footer .footerNav a{
		font-size:12px;
		color:#282828;
		font-weight:300;
		margin-right: 15px;
	}
	@media only screen and (max-width: 580px){
		.footer .footerNav a{
			margin-right: 14px;
		}
	}
	.footer .footerNav a:hover{
		color: #4F46E5;
	}
	.footer .footerCopyrights{
		font-size:14px;
		font-weight:300;
		color:#282828;
	}
	.footer .footer-right{
		float:right;
	}
	
	.footer .footer-social{
		margin: 14px 0 0 0;
	}
	.footer .footer-social a{
		width:26px;
		height:26px;
		float:left;
		margin-left:12px;
		border-radius:4px;
		background:#fff;
	}
	.footer .footer-social a:hover{
		box-shadow:0 3px 10px rgba(0,0,0,0.5);
	}
	/* End footer */


@media only screen and (max-width: 1630px){
}
@media only screen and (max-width: 1400px){
}

@media only screen and (max-width: 1366px){
}
@media only screen and (max-width: 1280px){
	.cd-hero__contentImg {
		margin: 40px 0 0 0;
		width: 510px;
	}
	
}
@media only screen and (max-width: 992px){
	.cd-hero{
		display:block;
	}
	.awesomeSection-area .awesomeSection-blocksRow{
		padding: 0 0 50px 0;
	}
	.cd-hero__slider{
		min-height: 270px;
	}
	.cd-hero__content{
		padding:20px 0 0 0;
	}
	.cd-hero__content h2{
		font-size: 23px;
	}
	.cd-hero__content h3{
		font-size: 15px;
		margin: 0 0 8px 0;
		max-width: 432px;
	}
	.slider-product-details-ul li, .cd-hero__content ul li{
		font-size: 13px;
		line-height: 19px;
	}
	.cd-hero__btn{
		padding: 0 10px;
		margin-top: 15px;
		font-size: 13px;
		line-height: 35px;
	}
	.cd-hero__contentImg{
		margin-top:0;
		width: 460px;
	}
	.cd-hero__nav li a .Vbadge{
		display:none;
	}
	.cd-hero__nav a:hover, .cd-hero__nav .cd-selected a {
		background: #4F46E5 !important;
	}
}
@media only screen and (max-width: 768px){
	.slider-area{
		padding: 0 0 30px;
	}
	.cd-hero__nav{
		padding-top: 11px;
	}
	.cd-hero__slider{
		height: 295px;
		text-align: center;
	}
	.cd-hero__slide{
		display: flex;
		flex-wrap: wrap;
	}
	.cd-hero__content{
		flex: 0 0 100%;
		max-width: 100%;
		order:2;
		padding: 0;
	}
	.cd-hero__contentImg{
		max-width: 420px;
		margin: 15px auto 0 auto;
	}
	.cd-hero__content h2{
		white-space: initial;
		overflow: initial !important;
		white-space: initial;
		width: 100%;
	}
	.cd-hero__content h3{
		margin: 5px 0 8px 0;
		max-width:100%;
	}
	.slider-product-details-ul, .cd-hero__content ul{ display:none;}
	.cd-hero__btn{
		display:none;
	}
}
@media only screen and (max-width: 700px){
	.header{
		padding:13px 0;
	}
	.header-logo{
		max-width: 87px;
		margin-top: 4px;
	}
	.header-cart a{
		font-size: 16px;
	}
	.header-cart .header-notifyIcons{
		height: 30px;
	}
	.header-cart .header-notifyIcons .badgeNotify{
		top:-5px;
	}
	.ourProducts-nav a span, .header-right-menu a.userIcon .usernameh{
		display:none;
	}
	.header-right-menu a.userIcon{
		padding:0;
		
	}
	.header-right-menu a.userIcon:after{
		display:none;
	}
	.header-right-menu a.userIcon span.headerUserIcon{
		margin: 2px 0 0 0;
	}
	.header-right-menu a.userIcon span.headerUserIcon:before{
		width: 8px;
		height: 8px;
	}
	.header-right-menu a.userIcon img{
		width: 26px;
	}
	.ourProducts-nav a{
		padding: 0 4px 0 0;
		margin-top: 5px;
	}
	.header-right-area .search-area{
		width: auto;
		margin-top: -2px;
	}
	.header-search-main-area {
		max-width: 310px;
		overflow: visible;
		height: 32px;
	}
	.header-search-main-area .inner-search-icon{
		width: 35px;
		color: #6366F1;
	}
	.header-search-main{
		width: 230px;
		opacity: 1;
		transform: translateX(0px);
		height: 32px;
		padding: 0 35px 0 10px;
	}
	.header-search-icon{
		order:2;
	}
	.sliderBottomDetails{
		display: block;
	}
	.footer .footer-left, .footer .footer-right{
		width:100%;
	}
	.footer .footer-social {
		margin: 14px 0 0 89px;
	}
	.footer .footer-left{
		display:flex;
	}
	.ourProducts-main{
		display: block;
	}
	.ourProducts-main .ourProducts-img{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.ourProducts-main .ourProducts-details{
		max-width: 100%;
		clear: both;
	}
}
@media only screen and (max-width: 560px){
	.header-right-area .search-area.max-hide{
		display:none;
	}
	.header-mobile-search-icon{
		display:flex;
	}
	.search-area.min-hide.show{
		visibility: visible;
		opacity: 1;
		margin-top:0;
	}
	.search-area.min-hide .header-search-main-area .inner-search-icon{
		color:#6366F1;
	}
	.ourProducts-nav a{
		padding: 0;
	}
	.customersSection .customersSection-btnsArea a{
		margin-bottom:20px;
	}
	.customersSection {
		padding: 33px 0 20px 0;
	}
	.customersSection h2{
		font-size: 20px;
		line-height: 34px;
	}
	.customersSection h6{
		font-size: 17px;
		line-height: 28px;
	}
	.customersSection .customersSection-btnsArea a{
		line-height: 45px;
		font-size: 16px;
	}
	.customersSection .customersSection-btnsArea a i{
		font-size: 18px;
	}
	.awesomeSection-area{
		padding: 30px 0;
	}
	.awesomeSection-area .awesomeSection-mainTitle{
		padding: 0 0 30px 0;
	}
	.awesomeSection-area .awesomeSection-blocksClmns i{
		font-size: 46px;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-icon-main{
		height: 45px;
		line-height: 45px;
		font-size: 37px;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle h2{
		font-size: 21px;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle h3{
		font-size: 12px;
	}
	.whyChooseArea h5{
		font-size: 13px;
		line-height: 23px;
		margin: 0 0 20px 0;
	}
	.whyChooseArea p{
		font-size: 12px;
		line-height: 21px;
	}
}

@media only screen and (max-width: 450px){
	.footer .footer-social{
		text-align:center;
		margin: 14px 0 0 0;
	}
	.footer .footer-social a{
		display: inline-block;
		float: none;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-icon-main{
		display:none;
	}
	.awesomeSection-area .awesomeSection-mainTitle .awesomeSection-twotitle, .whyChooseArea{
		text-align:center;
	}
	.cd-hero__contentImg {
		max-width: 320px;
	}
	.customersSection .customersSection-btnsArea{
		flex-direction:column;
	}
}
@media only screen and (max-width: 390px){
	.cd-hero__slider {
		height: 315px;
	}
}

/* Start category page */
.breadcrumb-area{
	padding:40px 0 0 0;
}
.breadcrumb{
	float: left;
	font-size: 11px;
	color: #bbbbbb;
	font-weight: 300;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 33px;
	background: none;
}
@media only screen and (max-width: 580px){
	.breadcrumb{
		float:none;
	}
}
.breadcrumb i{
	margin:0 7px;
}
.breadcrumb a{
	font-size: 12px;
	color: #282828;
}
.breadcrumb a:hover{
	color: #4f46e5;
}
.sortByArea{
	float:right;
}
@media only screen and (max-width: 580px){
	.sortByArea{
		display: flex;
		float: none;
		margin-bottom: 12px;
	}
}
.sortByArea a{
	padding: 0 10px;
	line-height: 29px;
	color: #282828;
	font-size: 12px;
	font-weight: 600;
	font-family: arial;
	float: left;
	margin-right: 2px;
}
.sortByArea a:last-child{
	margin-right: 0;
}
.sortByArea a:hover{
	/* background: #fff; */
	/* box-shadow: hsl(0, 0%, 90%) 0 0 9px; */
	color: #4f46e5;
}
.sortByArea a.active{
	background:#4f46e5;
	color:#fff;
}
h1.category-main-title{
	color: #282828;
	font-size: 27px;
	font-weight: 500;
	margin: 0;
	padding: 5px 0 0 0;
}
@media only screen and (max-width: 580px){
	h1.category-main-title{
		font-size:25px;
	}
}
/* End category page */

/* Start Single Page */
.singleTabsArea{
	padding:20px 0 15px 0;
}
.singleTabsArea a{
	display:inline-block;
	border:#e1e8ed 1px solid;
	background:#fafafa;
	margin-right:10px;
	font-size:12px;
	font-weight:700;
	color:#939393;
	line-height:35px;
	padding: 0 12px;
}
.singleTabsArea a:hover, .singleTabsArea a.active{
	border:#4F46E5 1px solid;
	background:#4F46E5;
	color:#fff;
}
.product-section .singleLeftRight-sections{
	display:flex;
}
.product-section .singleLeft-section{
	box-shadow: hsl(0, 0%, 90%) 0 0 15px;
	padding:20px;
	margin:0 30px 30px 0;
	background:#fff;
	flex: 1;
}

.product-section .singleRight-sectionMain{
	width:420px;    
}
.product-section .singleRight-section{
	box-shadow: hsl(0, 0%, 90%) 0 0 15px;
	padding:20px;
	margin:0 0 20px 0;
	background:#fff;
}
.ticketRight-section{
	box-shadow: hsl(0, 0%, 90%) 0 0 15px;
	padding:20px;
	margin:0 0 20px 0;
	background:#fff;
}
.singleProduct-ImageArea{
	display:flex;
	align-items: flex-start;
	padding: 0 0 30px 0;
	border-bottom: #e2e2e2 1px solid;
	margin: 0 0 20px 0;
}
.singleProduct-ImageArea .singleProductImage{
	flex: 1;
	margin-right:10px;
}
.singleProduct-ImageArea .singleProductImage .singleProductImagee{
	position:relative;
}
.singleProduct-ImageArea .singleProductImage .singleProductImagee span{
	background: #6e757c;
	color: #fff;
	font-weight: 600;
	text-shadow: 0 2px 3px rgba(0,0,0,0.5);
	border-radius: 100px;
	padding: 0 7px 0 8px;
	font-size: 9px;
	line-height: 19px;
	display: inline-block;
	height: 19px;
	position: absolute;
	right: 8px;
	top: 8px;
}
.singleProduct-ImageArea .singleProductButtons-area{
	width:230px;
	float:left;
}
.singleProduct-ImageArea .singleProductButtons{
	padding:0 0 10px 0;
}
.singleProduct-ImageArea .singleProductButtons a.livePreview{
	display: flex;
	align-items:center;
	padding: 0 11px;
	margin-bottom: 10px;
	background-color: transparent;
	font-size: 16px;
	font-weight: 400;
	color: #282828;
	line-height: 39px;
	border: #282828 1px solid;
}
.singleProduct-ImageArea .singleProductButtons a.livePreview svg{
	margin-right: 12px;
	width:24px;
}
.singleProduct-ImageArea .singleProductButtons a.livePreview img{
	margin-right: 12px;
}
.singleProduct-ImageArea .singleProductButtons a.livePreview.bg-envato{
	background: #f4f4f4;
	border: 1px solid #e2e2e2;
}
.singleProduct-ImageArea .singleProductButtons a:hover.livePreview.bg-envato{
	border: 1px solid #282828;
	color: #282828;
}
.singleProduct-ImageArea .singleProductButtons a.screenShots{
	display: flex;
	align-items:center;
	padding: 0 11px;
	margin-bottom: 10px;
	background-color: #4F46E5;
	border:1px solid #4F46E5;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 39px;
}
.singleProduct-ImageArea .singleProductButtons a.screenShots svg{
	margin-right: 12px;
	width:24px;
}
.singleProduct-ImageArea .singleProductButtons a:hover{
	background-color: #6366F1;
	border-color: #6366F1;
	color:#fff;
}
.singleProduct-ImageArea .singleProductShareIcons-area h5{
	font-size:16px;
	color:#282828;
	border-bottom:#dbdbdb 1px solid;
	line-height:28px;
	margin-bottom:16px;
	font-weight:400;
}
.singleProduct-ImageArea .singleProductShareIcons-area a{
	display: inline-block;
	margin: 0 3px 7px 0;
	font-size: 16px;
	border: #ebebeb 1px solid;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #6f6f6f;
	background: #ebebeb;
}
.singleProduct-ImageArea .singleProductShareIcons-area a:hover{
	border: #6f6f6f 1px solid;
	background: #6f6f6f;
	color:#fff;
}
.singleProduct-detailsText{
	font-size:13px;
	color:#777777;
	font-weight:300;
	line-height:19px;
	padding:0 0 22px 0;
	margin:0;
}
.singleProduct-subTitle{
	margin:0;
	padding:0 0 12px 0;
	font-size:18px;
	color:#262a37;
	font-weight: 500;
}
ul.singleProduct-ul, ol.singleProduct-ul{
	margin: 0 0 22px 0;
	padding: 0 0 0 13px;
	list-style: square;
}
ul.singleProduct-ul li, ol.singleProduct-ul li{
	color:#777777;
	font-size:13px;
	line-height:19px;
	font-weight:300;
	padding:0 0 0 8px;
}
ul.singleProduct-ul li.andmore{
	color:#2b74b8;
	list-style: none;
}
ol.singleProduct-ul{
	list-style: decimal;
	margin-bottom: 0;
}
.supportGrySection{
	background:#fdfdfd;
	border:#e5ecf1 1px solid;
	padding:15px;
	margin-bottom:20px;
}
.supportGrySection ul{
	margin-bottom:0;
}
.supportGrySection:last-child{
	margin-bottom:0;
}

.singleProductPriceArea{
	margin-bottom: 13px;
}
.singleProductPriceArea .singleProductPrice{
	float:left;
	font-size:35px;
	color:#474747;
	font-weight:700;
	line-height: 40px;
}
.singleProductPriceArea .singleProductPrice span{
	font-weight: 600;
	font-size: 24px;
	margin-right: 7px;
	color: #417ea0;
	text-decoration: line-through;
}
.singleProductPriceArea .singleProductSelect{
	float:right;
}
.singleProductPriceArea .singleProductSelect select{
	font-size: 16px;
	color: #757575;
	font-weight: 500;
	border: none;
	padding-right: 22px;
}
.singleProductPriceArea .singleProductSelect select option{
	font-size:15px;
}
.singleProductCreated-section{
	border-top:#e2e2e2 1px solid;
	border-bottom:#e2e2e2 1px solid;
	padding:15px 0;
	font-size:14px;
	color:#757575;
	font-weight:300;
	line-height:19px;
	clear:both;
}
.singleProductCreated-section span{
	font-weight:500;
	margin-right:10px;
}
.singleProductCreated-section .leftt{
	float:left;
}
.singleProductCreated-section .rightt{
	float:right;
}
.singleProductQuality-section{
	color:#282828;
	font-size:14px;
	padding: 15px 0;
}
.singleProductQuality-section ul{
	margin:0;
	padding:0;
	list-style:none;
}
.singleProductQuality-section ul li{
	position:relative;
	color:#282828;
	line-height: 25px;
}
.singleProductQuality-section ul li span{
	color: #282828;
	font-size: 12px;
	margin: 0 7px 0 0;
}
.singleProductQuality-section ul li a{
	margin-left:35px;
	color:#4F46E5;
}
.custom-control-label:before{
	background-color: #fff;
	border: #adb5bd solid 1px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before{
	background:#4f46e5;
	border:#4f46e5 1px solid;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}
.extendSupportSection{
	display:flex;
}
.extendSupportSection .checkBox{
	font-size:16px;
	color:#757575;
	font-weight:300;
	flex:1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
.extendSupportSection .extendPrice{
	color: #474747;
	font-size: 25px;
	font-weight: 700;
	width: 80px;
	text-align: right;
	line-height: 26px;
}
.adcartBtnsSection{
	padding:30px 0 25px 0;
	display:flex;
}
.adcartBtnsSection a{
	background: #474747;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	padding: 0 18px;
	line-height: 43px;
	margin: 0 15px 0 0;
	text-transform: uppercase;
}
.adcartBtnsSection a.buyNow{
	margin:0 0 0 15px;
	background:#4f46e5;	
}
.adcartBtnsSection a:hover{
	background-color: #6366F1;
}
.itemsRatingSection{
	background: #fafafa;
	border: #e1e8ed 1px solid;
	padding: 13px 15px;
	margin-bottom: 30px;
}
.itemsRatingSection .stars-area{
	padding:0 0 7px 0;
	color:#4F46E5;
}
.ratingStars{
	padding:0 0 0 6px;
	color:#919191;
}
.ratingStars .checked{
	color: orange;
}
.avrage-text{
	font-size:12px;
	color:#9a9a9a;
	font-weight:300;
}
.salesComments-area{
	display:flex;
}
.salesComments-area .bloc{
	margin:0 30px 0 0;
	width:50%;
	text-align:center;
	font-size:22px;
	color:#686868;
	font-weight: 500;
	background:#fafafa;
	border:#e1e8ed 1px solid;
	border-radius:4px;
	line-height:41px;
}
.salesComments-area .bloc:last-child{
	margin:0;
}
.salesComments-area .bloc i{
	font-size: 17px;
	margin: 0 6px 0 0;
	vertical-align: 2px;
}
.singleProduct-demoDetails{
	font-size:14px;
	color:#4b4b4b;
	font-weight:400;
	line-height:1.4;
	padding:0;
	margin:0;
	word-break: break-all;
}
.singleProduct-demoDetails span{
	font-weight:700;
}
/* End Single Page */

/* Start Comments and Review and Support Section */
/*comments-main*/
.comments-main{
	background-color: #fafafa;
	border: 1px solid #e1e8ed;
	margin-bottom: 20px;
}
	.comments-main .main-comment-header{
		padding: 15px 15px 0 15px;
	}
	.comments-main .main-comment-header .media{
		flex-flow: nowrap;
		display: flex;
	}
	.comments-main .main-comment-header .media .media-left{
		flex: 0 auto;
		word-wrap: break-word;
		margin-right: 4px;
		padding-right: 10px;
	}
	.comments-main .main-comment-header .media .media-left img{
		margin: 0;
		height:40px;
		width:40px;
		border-radius: 200px 200px 200px 200px;
		border: 1px solid #efefef;
		box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
	}
	.comments-main .main-comment-header .media .media-body.media-body-center{
		flex-basis: 30%;
		align-self: center !important;
	}
	.comments-main .main-comment-header .media .media-body.media-body-center p a{
		font-weight: 600;
		color: #257ACD;
		font-size: 16px;
	}
	.comments-main .main-comment-header .media .media-body.media-body-center span.author-label{
		background-color: #999999;
		color: white;
		padding: 4px 5px 3px 7px;
		border-radius: 3px;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
		vertical-align: top;
	}
	.comments-main .main-comment-header .media .media-body-right{
		align-self: center;
		flex: .4 0;
		text-align: right;
	}
	.comments-main .main-comment-header .media .media-body-right .comment-date{
		font-size: 12px;
		line-height: 1.5;
		color: #ababab;
	}
	.comments-main .main-comment-header .media .media-body-right .comment-flag, .comments-main .main-comment-header .media .media-body-right .comment-edit{
		display: inline-block;
		background-color: transparent;
		padding: 1px;
		font-size: 12px;
		line-height: 1.5;
		color: #ababab;
		text-decoration: none;
		border-radius: 0;
	}
	.comments-main .main-comment-header .media .media-body-right a:hover{
		color:#94949d;
	}
	.comments-main .main-comment .main-comment-body{
		padding: 5px 15px 0 15px;
	}
	.comments-main .main-comment .main-comment-body p{
		color: #666666;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		margin-bottom: 16px;
		padding: 0px 0 0px 55px;
	}
	.comments-main .reply-comments{
		background: white;
		border-top: 1px solid #ebeef1;
		padding-left: 5px;
	}
	.comments-main .reply-comments.more-rplys-area{
		background: #f4f9fc;
		box-shadow: 0px 1px 5px #cbddeb;
	}
	.comments-main .reply-comments .reply-response{
		padding: 5px 15px 5px 72px;
	}
	.comments-main .reply-comments .reply-response p{
		color: #666666;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		margin-bottom: 16px;
		padding: 0;
	}

.comment-new-reply{
	padding: 25px 20px;
	border-top: 1px solid #ebeef1;
}
	.comment-new-reply .media{
		flex-flow: nowrap;
		display: flex;
	}
	.comment-new-reply .media .media-left{
		flex: 0 auto;
		word-wrap: break-word;
		margin-right: 4px;
	}
	.comment-new-reply .media .media-left img{
		margin: 0;
		width: 30px;
		height: auto;
		border-radius: 200px 200px 200px 200px;
		border: 1px solid #efefef;
		box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
	}
	.comment-new-reply .media .media-body{
		flex-basis: 30%;
		align-self: center !important;
		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
	.comment-new-reply .media .media-body .e-form-group{
		flex-flow: row wrap;
		width: 100%;
		position: relative;
		margin-bottom: 8px;
		display: flex;
	}
	.comment-new-reply .media .media-body .e-form-group .e-form-input{
		order: 3;
		flex: 1 100%;
		margin-bottom: 5px;
	}
	.comment-new-reply .media .media-body .e-form-group .e-form-input textarea{
		overflow: hidden;
		overflow-wrap: break-word;
		resize: horizontal;
		min-height: 30px;
		font-weight: normal;
		outline: 0;
		line-height: 1.25;
		color: gray;
		background: white;
		border: 1px solid #bababa;
		padding: 5px 8px;
		font-size: 14px;
		width: 100%;
	}
	.comment-new-reply .media .media-body .reply-btn{
		box-sizing: border-box;
		background-color: #474747;
		border: none;
		color: white;
		cursor: pointer;
		display: inline-block;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		line-height: 1.5;
		margin: 0;
		padding: 5px 20px;
		text-align: center;
		text-decoration: none;
		position: relative;
		float: right;
	}
	.comment-new-reply .media .media-body .reply-btn:hover{
		background-color:#6366F1;
	}

/* add-comment-area */
.add-comment-area{
	padding-bottom:20px;
}
	.add-comment-area .email-me{
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		position: relative;
		margin-bottom: 8px;
		font-size: 13px;
		font-weight: 400;
	}
	.add-comment-area .email-me label{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
		margin: 0;
		font-weight: 400;
	}
	.add-comment-area h3.t-heading{
		font-size: 20px;
		color: #454545;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 16px;
		padding: 0;
		margin-top: 0;
	}
	.add-comment-area .add-comment-main{
		background-color: #fafafa;
		border: 1px solid #e1e8ed;
		padding: 25px 15px;
		margin-bottom: 20px;
	}
	.add-comment-area .add-comment-main .media{
		flex-flow: nowrap;
		display: flex;
	}
	.add-comment-area .add-comment-main .media .media-left{
		flex: 0 auto;
		word-wrap: break-word;
		margin-right: 4px;
	}
	.add-comment-area .add-comment-main .media .media-left img{
		margin: 0;
		width: 40px;
		height: auto;
	}
	.add-comment-area .add-comment-main .media .media-body{
		flex-basis: 30%;
		align-self: center !important;
		-webkit-flex: 1 0;
		-ms-flex: 1 0;
		flex: 1 0;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
	.add-comment-area .add-comment-main .media .media-body .e-form-group{
		flex-flow: row wrap;
		width: 100%;
		position: relative;
		margin-bottom: 8px;
		display: flex;
	}
	.add-comment-area .add-comment-main .media .media-body .e-form-group .e-form-input{
		order: 3;
		flex: 1 100%;
		margin-bottom: 5px;
	}
	.add-comment-area .add-comment-main .media .media-body .e-form-group .e-form-input textarea{
		overflow: hidden;
		overflow-wrap: break-word;
		resize: horizontal;
		min-height: 30px;
		font-weight: normal;
		outline: 0;
		line-height: 1.25;
		color: gray;
		background: white;
		border: 1px solid #bababa;
		padding: 5px 8px;
		font-size: 14px;
		width: 100%;
		margin-top: 6px;
	}
	.add-comment-area .add-comment-main .media .media-body .add-cmnt-btn{
		background-color: #2b74b8;
		text-decoration: none;
		outline: none;
		position: relative;
		box-sizing: border-box;
		border: none;
		color: white;
		cursor: pointer;
		display: inline-block;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		line-height: 1.5;
		margin: 0;
		padding: 5px 20px;
		text-align: center;
		float: right;
	}
	.add-comment-area .add-comment-main .media .media-body .add-cmnt-btn:hover{
		background-color: #6366F1;
	}

/* login-first-area */
.login-first-area{
	background-color: #eef4fb;
	border: 1px solid #d6e6f7;
	padding: 13px 15px 3px 15px;
	margin-bottom: 20px;
	border-radius: 0;
	box-shadow: 0 5px 0 rgb(214, 230, 247);
	text-align: center;
	font-size: 15px;
}
.login-first-area a{
	padding: 4px 7px;
	color: #fff;
	background: #1976d2;
	margin: 0 3px;
	font-size: 13px;
}
.login-first-area a:hover, .login-first-area a:focus{
	background-color: #63A814;
	color: #fff;
	text-decoration: none;
} 

/* review-main-area */
.review-box{
	margin-bottom: 32px;
	background: #f5f5f5;
}
.review-box-header {
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    background: whitesmoke;
    color: #666666;
    padding: 4px 8px;
    border: 1px solid #ebeef1;
}
.rating-bar {
    margin-bottom: 8px;
    height: 20px;
}
.rateme {
    display: inline-block;
    vertical-align: middle;
}
.rateme img {
    width: 14px !important;
    display: inline !important;
    margin-right: 0px;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: inherit;
}
.review-box-header .rateme img {
    vertical-align: baseline;
}
.wth-f-flt-l {
    width: 100%;
    float: left;
}
.review-1st-post {
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    border-radius: 0;
    background-color: white;
    border: 1px solid #ebeef1;
    color: #666666;
    padding: 16px;
}
.main-edit_review-icon {
	cursor:pointer;
    float: right;
    background: #fff;
    color: #747474;
    padding: 4px 4px 2px 8px;
    display: block;
    line-height: initial;
    border-radius: 0;
    position: absolute;
    top: -23px;
    right: 6px;
    border: #ebeef1 1px solid;
}
.-box-img {
    width: 40px;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 1px solid #efefef;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
span.ratemeyo {
    margin-left: 8px;
}
.ratemeyo img {
    border: none;
    box-shadow: none;
    border-radius: 0px;
    width: 18px;
    margin-right: 0px;
}
.review-main-area{
	margin-bottom: 32px;
	background: #f5f5f5;
	box-shadow: 0 5px 0 rgb(235, 238, 241);
}
.review-main-area header{
	margin-bottom: -1px;
	position: relative;
	z-index: 1;
	background: whitesmoke;
	color: #666666;
	padding: 8px;
	border: 1px solid #ebeef1;
}
.review-main-area header .review-row{
	display: flex;
	justify-content: space-between;
}
.review-main-area header .review-row .review-header-rating{
	display: flex;
}
.review-main-area header .review-row .review-header-rating .rateme{
	margin-right: 8px;
	line-height: 1.5;
}
.review-main-area header .review-row .review-header-rating .rateme img{
	vertical-align: text-top;
}
.review-main-area header .review-row .review-header-rating p.for-txt{
	margin: 0;
	line-height: 1.5;
}
.review-main-area header .review-row .review-header-reviewer p{
	margin: 0;
	line-height: 1.5;
}
.review-main-area header .review-row .review-header-reviewer p a.reviewer-name{
	color: #0084B4;
}
.review-main-area header .review-row .review-header-reviewer p span.review-header-date a{
	color: #999999;
}
.review-main-area .reviewer-comment{
	margin-bottom: -1px;
	position: relative;
	z-index: 1;
	border-radius: 0;
	background-color: white;
	border: 1px solid #ebeef1;
	color: #666666;
	padding: 16px;
}
.review-main-area .reviewer-comment p{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}
.review-main-area .rev-author-response{
	border-radius: 0;
	background: whitesmoke;
	border: 1px solid #ebeef1;
	color: #666666;
	padding: 16px;
	margin-bottom: -1px;
}
.review-main-area .rev-author-response .media{
	flex-flow: nowrap;
	display: flex;
}
.review-main-area .rev-author-response .media .media-left{
	flex: 0 auto;
	word-wrap: break-word;
	margin-right: 4px;
}
.review-main-area .rev-author-response .media .media-left img{
	margin: 0;
}
.review-main-area .rev-author-response .media .media-body{
	flex-basis: 30%;
	align-self: center !important;
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.review-main-area .rev-author-response .media .media-body .authore-resp-title{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 8px;
	padding: 0;
}
.review-main-area .rev-author-response .media .media-body .authore-resp-txt{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* review-reply-area */
.review-reply-area{
	background: whitesmoke;
	border: 1px solid #ebeef1;
	color: #666666;
	padding: 16px;
}
.review-reply-area .media{
	flex-flow: nowrap;
	display: flex;
}
.review-reply-area .media .media-left{
	flex: 0 auto;
	word-wrap: break-word;
	margin-right: 4px;
}
.review-reply-area .media .media-left img{
	margin: 0;
	width: 42px;
	height: auto;
}
.review-reply-area .media .media-body{
	flex-basis: 30%;
	align-self: center !important;
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.review-reply-area .media .media-body .e-form-group{
	flex-flow: row wrap;
	width: 100%;
	position: relative;
	margin-bottom: 8px;
	display: flex;
}
.review-reply-area .media .media-body .e-form-group .e-form-input{
	order: 3;
	flex: 1 100%;
	margin-bottom: 5px;
}
.review-reply-area .media .media-body .e-form-group .e-form-input textarea{
	overflow: hidden;
	overflow-wrap: break-word;
	resize: horizontal;
	min-height: 30px;
	font-weight: normal;
	outline: 0;
	line-height: 1.25;
	color: gray;
	background: white;
	border: 1px solid #bababa;
	padding: 5px 8px;
	font-size: 14px;
	width: 100%;
	margin-top: 6px;
}
.review-reply-area .media .media-body .rev-reply-btn{
	box-sizing: border-box;
	background-color: gray;
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	position: relative;
	float: right;
}

.login-first{
	background: #f5f5f5;
	box-shadow: 0 5px 0 rgb(235, 238, 241);
	border: #ebeef1 1px solid;
	margin-bottom: 32px;
}
.add-rev-area .typ-rev{
	height: 32px;
	overflow: hidden;
	overflow-wrap: break-word;
	resize: horizontal;
	font-weight: normal;
	outline: 0;
	line-height: 1.25;
	border-radius: 4px !important;
	color: gray;
	background: white;
	border: 1px solid #bababa;
	padding: 5px 8px;
	font-size: 14px;
	width: 100%;
	margin-top: 6px;
}
.add-rev-area .ratemeyo{
	margin-left: 0;
}

.no-comment-found-icon{
	background: url(../../../www.nexscripts.net/uploads/sad-face.png) repeat-y center top;
	background-size: 100%;
	width: 100px;
	height: 100px;
	margin: 26px auto 20px auto;
	opacity: .1;
}
h1.no-comment-found-icon-txt{
	font-size: 31px;
	font-weight: 600;
	color: #A19999;   
	margin: 0 0 36px 0;
	text-align: center;
}

/* support-area */
.support-area{
	background-color: #fff;
	border: 1px solid #ebeef1;
	margin-bottom: 20px;
	border-radius: 0;
	box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
	padding: 0 20px 20px 20px;
}
.support-area h3{
	font-size: 21px;
}
.support-area .item-ul{
	padding: 0 0 0 20px;
}
.support-area .item-ul li{
	display: flex;
}
.author-support{
	margin-left: 6%;
	margin-right: 6%;
}
.form-horizontal .control-label{
	text-align:left;
}
.author-support-button{
	border-radius: 5px !important;
	margin-top: 25px;
	background-color: gray !important;
	color: white;
	border: #656565 1px solid !important;
	line-height: 26px;
	height: 45px;
	font-size: 20px;
	font-weight: 400;
}

.other-reply-media {
    padding: 10px 23px 8px 23px;
    border: 1px solid rgb(235, 238, 241);
    border-bottom: none;
    background-color: #fdfdfd;
}
.other-reply-media {
    text-align: center;
    margin: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.other-reply-media a {
    font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	color: #474747;
}
.other-reply-media a:hover {
	color: #6366F1;
}
@media screen and (max-width:500px){
	.col-xxs-12{ width:100%;}
}
.yesEditReview{
	padding-top: 11px;
	padding-bottom: 6px;
}
.input-text {
    font-size: 12px;
    color: #8a8b8c;
    margin-bottom: 0px;
	padding: 3px 0 0 3px;
}
.btn-primary {
    color: #fff;
    background-color: #4F46E5;
    border-color: #4F46E5;
}
.btn-primary:hover {
    color: #fff;
    background-color: #6366F1;
    border-color: #6366F1;
}
.reply-review-box {
    background: whitesmoke;
    border: 1px solid #ebeef1;
    color: #666666;
    padding: 16px;
}
.review-box-body-rating {
    margin-top: 0px;
    background: rgb(244, 246, 247);
    padding: 10px 20px;
    background: #f5f5f5;
    border: #ebeef1 1px solid;
    margin-bottom: 32px;
}


@media screen and (max-width:1210px){
	.product-section .singleRight-sectionMain{
		width: 350px;
	}
	.product-section .singleLeft-section{
		padding: 20px;
	}
	.product-section .singleRight-section{
		padding:20px;
	}
	.singleProductCreated-section .leftt, .singleProductCreated-section .rightt{
		float:none;
	}
	.singleProductCreated-section{
		padding: 9px 0;
		font-size: 13px;
	}
	.singleProductQuality-section{
		font-size: 13px;
		padding: 10px 0;
	}
	.singleProductQuality-section ul li{
		line-height: 21px;
	}
	.singleProductQuality-section ul li span{
		font-size: 12px;
		margin: 0 7px 0 0;
	}
	.singleProductQuality-section ul li a{
		margin-left: 26px;
	}
	.extendSupportSection .checkBox{
		font-size: 14px;
	}
	.adcartBtnsSection{
		padding: 20px 0 20px 0;
		display: block;
	}
	.adcartBtnsSection a{
		width: 100%;
		display: block;
	}
	.adcartBtnsSection a.buyNow{
		margin: 10px 0 0 0;
	}
	.itemsRatingSection{
		margin-bottom: 20px;
	}
}
@media screen and (min-width:992px) and (max-width:1122px){
	.singleProduct-ImageArea{
		display: table;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		width: 100%;
	}
	.singleProduct-ImageArea .singleProductButtons-area{
		display:flex;
		width:100%;
		flex-direction: column;
	}
	.singleProduct-ImageArea .singleProductButtons{
		width: 100%;
		padding: 20px 0 0 0;
		margin-right: 0;
		display: flex;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview,
	.singleProduct-ImageArea .singleProductButtons #product-screenshots{
		width:50%;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview{
		margin-right: 15px;
	}
	.singleProductShareIcons-area{
		flex:1;
		padding-top: 13px;
	}
	.singleProduct-ImageArea .singleProductImage{
		margin-right:0
	}
}
@media screen and (max-width:993px){
	.product-section .singleLeftRight-sections{
		display:block;
	}
	.product-section .singleLeft-section{
		margin:0 0px 20px 0;
	}
	.product-section .singleRight-sectionMain{
		width:100%;
	}
}
@media screen and (max-width:769px){
	.singleProduct-ImageArea{
		display: table;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		width: 100%;
	}
	.singleProduct-ImageArea .singleProductButtons-area{
		display:flex;
		width:100%;
		flex-direction: column;
	}
	.singleProduct-ImageArea .singleProductButtons{
		width: 100%;
		padding: 20px 0 0 0;
		margin-right: 0;
		display: flex;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview,
	.singleProduct-ImageArea .singleProductButtons #product-screenshots{
		width:50%;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview{
		margin-right: 15px;
	}
	.singleProductShareIcons-area{
		flex:1;
		padding-top: 13px;
	}
	.singleProduct-ImageArea .singleProductImage{
		margin-right:0
	}
}
@media screen and (max-width:580px){
	.singleProduct-ImageArea .singleProductButtons-area{
		display:block;
	}
	.singleProduct-ImageArea .singleProductButtons{
		width: 100%;
		display: flex;
		margin-right: 0;
		flex-direction:column;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview{
		margin-right:0;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview, .singleProduct-ImageArea .singleProductButtons a.screenShots, .singleProduct-ImageArea .singleProductButtons #product-screenshots {
		width: 100%;
	}
	.singleProductShareIcons-area{
		padding-top: 0;
	}
}
@media screen and (max-width:440px){
	.singleProduct-ImageArea .singleProductButtons{
		width: 100%;
		display: block;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview, .singleProduct-ImageArea .singleProductButtons a.screenShots{
		width: 100%;
	}
	.singleProduct-ImageArea .singleProductButtons a.livePreview{
		margin-right: 0;
	}
	.singleTabsArea a{
		font-size: 11px;
		padding: 0 8px;
		line-height: 28px;
	}
}
/* End Comments and Review and Support Section */

/* Start LoginPage */
/* .login-bg { */
    /* height: 100vh; */
    /* overflow-x: hidden; */
    /* text-rendering: optimizeLegibility; */
/* } */
ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.authfy-login .btn.btn-lg {
    border-radius: 3px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.quote-modal .modal-header {
	border-bottom: 0px;
    height: 5px;
    padding: 15px 15px;
    margin: 0px;
}
.quote-modal .quotationText {
	margin-bottom: 50px;
    display: block;
    margin-top: 15px;
}
.quote-modal h3.auth-title {
	font-size: 22px !important;
}
.fgpBtn-hide {
	width:0;
	visibility:hidden;
	overflow:hidden;
	display:none;
}
.brand-logo {
	text-align: center;
}
.brand-logo img{
	max-width:130px;
	height:auto;
}
.authfy-panel-left .brand-col .headline p{
	color:#fff;
}

.authfy-panel-right {
    background-color: #fff;
	box-shadow: 0 7px 20px rgba(0,0,0,0.1);
}


.authfy-login {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden
}

.authfy-panel {
    padding: 20px;
}

.authfy-panel .authfy-heading {
    margin-bottom: 30px
}

.authfy-login .auth-title {
    font-weight: 700
}
.social-buttons{
	display:flex;
}
.social-buttons a {
	margin-right: 15px;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44px;
}
.social-buttons a i{
	font-size:20px;
}

.social-buttons a:last-child {
	margin-right:0;
	border: #88b227 1px solid;
}

.social-buttons a:hover {
    color: #fff;
    opacity: .9
}
.social-buttons .btn-facebook {
    background: #3b5998
}
.social-buttons .btn-envato {
	background: #88b256;
}

.envato-badge {
	background: #88b256 !important;
}

.bg-envato {
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
}
.social-buttons .btn-twitter {
    background: #00aced
}
.social-buttons .btn-google {
    background: #c32f10
}

.panel-login .remember-row {
    margin-bottom: 10px;
	text-align:left;
}

.panel-login .remember-row label {
    font-weight: 400;
    position: relative;
    cursor: pointer;
    color: #666;
}

.authfy-login .forgotPwd {
    text-align: right;
}

.panel-forgot .form-control, .panel-login .form-control, .panel-signup .form-control {
    background-color: #fff;
	color: #333;
	font-size: 16px;
	height: 45px;
	margin-bottom: 20px;
	padding: 10px 19px;
	border-radius: 0;
	border: 1px solid #bcc2ce;
	outline: 0;
	box-shadow: none;
	font-weight: 300;
}

.authfy-panel.panel-forgot {
    padding-top: 40px
}

.panel-forgot .form-control:focus, .panel-login .form-control:focus, .panel-signup .form-control:focus {
    border-color: #4f77ff;
    z-index: 2;
    outline: 0;
	box-shadow: none;
}

.getInTouch .form-control{
    background-color: #fff;
    color: #333;
    font-size: 15px;
    height: 45px;
    margin-bottom: 20px;
    padding: 12px 22px;
    border-radius: 3px;
    border: 1px solid #bcc2ce;
    outline: 0;
	box-shadow: none;
	font-weight:300;
}
.getInTouch .form-control:focus{
    border-color: #4f77ff;
    z-index: 2;
    outline: 0;
	box-shadow: none;
}

.pwdMask {
    position: relative
}

.pwdMask .pwd-toggle {
    color: #ccc;
    position: absolute;
    z-index: 2
}

.panel-login .pwdMask .pwd-toggle, .panel-signup .pwdMask .pwd-toggle {
    top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.pwdMask .pwd-toggle:focus, .pwdMask .pwd-toggle:hover {
    cursor: pointer
}

.pwdMask .pwd-toggle.fa-eye, .pwdMask .pwd-toggle:focus, .pwdMask .pwd-toggle:hover {
    color: #4f77ff
}

.panel-signup .term-policy a {
    text-decoration: underline
}

.checkbox input[type=checkbox] {
    position: absolute;
    right: 9000px;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.checkbox input[type=checkbox]+.label-text:after, .checkbox input[type=checkbox]+.label-text:before {
    font-size: 11px;
    display: inline-block;
    width: 17px;
    height: 17px;
    padding: 2px;
    margin-left: 0;
    position: absolute;
    top: 2px;
    left: 0
}

.checkbox input[type=checkbox]+.label-text:before {
    content: "";
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox input[type=checkbox]+.label-text:after {
    background-color: #4f77ff;
    color: #fff;
    border-radius: 2px;
    border-color: #4f77ff;
    line-height: 1.4
}

.checkbox input[type=checkbox]:focus+.label-text:before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+.label-text:after {
    font-family: FontAwesome;
    content: "\f00c"
}

@media (max-width:993px) {
	
}
.custom-control{
	line-height: 24px;
}
/* End LoginPage */

/* Start Checkout Section */
.checkoutLeftMain{
	margin: 20px 0 30px 0;
	
	/* width: 70.94017%; */
	/* float: left; */
	/* margin-right: 1.7094%; */
}
.checkoutRightMain{
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	padding: 30px;
	margin: 20px 30px 30px 0;
	background: #fff;
	
	width: 27.35043%;
	float: left;
	margin-right: 1.7094%;
	float: right;
	margin-right: 0;
}

.checkoutLeftHeader{
	display: table;
	width: 100%;
	padding: 10px 0;
	background-color: #454545;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
}
.checkoutLeftHeader .checkoutLeftHeaderLeft, .checkoutLeftHeader .checkoutLeftHeaderRight{
	width: 1px;
	white-space: nowrap;
	display: table-cell;
	vertical-align: middle;
}
.checkoutLeftHeader .checkoutLeftHeaderLeft{
	padding-left: 8px;
}
.checkoutLeftHeader .checkoutLeftHeaderRight{
	padding-right: 8px;
	text-align: right;
}
.checkoutLeftHeader .cartHeaderSummary{
	display: none;
}
@media (min-width:1024px) {
	.checkoutLeftHeader .cartHeaderSummary{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 13px;
		color: #999999;
	}
}
.continueShop{
	background-color: gray;
	display: inline-block;
	color: white;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
}
.continueShop:hover, .continueShop:focus{
	background:#4F46E5;
	color: white;
}
.emptyCartCheckout{
	background-color: #333333;
	display: inline-block;
	color: white;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
}
.emptyCartCheckout:hover, .emptyCartCheckout:focus{
	background:#262626;
	color: white;
}
.checkoutBody{
}

.checkoutProduct-entry{
	padding: 16px 12px;
	background-color: white;
	position: relative;
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
}
@media (min-width:569px) {
	.checkoutProduct-entry .entryResult{
		flex-flow: nowrap;
	}
}
.checkoutProduct-entry .entryResult{
	display: flex;
	flex-flow: row wrap;
}
.checkoutProduct-entry .entryResult .entryResultThumb{
	order: 1;
	flex: 0 auto;
}
.checkoutProduct-entry .entryResult .entryResultThumb a{
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 18px;
	position: relative;
}
.checkoutProduct-entry .entryResult .entryResultDetails{
	
	flex: 1 100%;
	order: 3;
	margin-top: 1em;
}
@media (min-width:768px) {
	.checkoutProduct-entry .entryResult .entryResultDetails{
		flex: 4 0;
		order: 2;
		margin: 0 1.5em;
	}
}
.checkoutProduct-entry .entryResult .entryResultDetails h5{
	margin: 0 0 9px 0;
	line-height: 20px;
	max-height: 42px;
	min-height: 42px;
	overflow: hidden;
}
@media (max-width:769px){
	.checkoutProduct-entry .entryResult .entryResultDetails h5{
		min-height: auto;
	}
}
.checkoutProduct-entry .entryResult .entryResultDetails h5 a{
	font-size: 17px;
	color: #4F46E5;
}
.checkoutProduct-entry .entryResult .entryResultPriceMain{
	flex: 4 auto;
	order: 2;
	margin: 0;
	text-align: right;
	position: relative;
	margin-left: 1em;
}
@media (min-width:768px) {
	.checkoutProduct-entry .entryResult .entryResultPriceMain{
		flex: 1 0;
		order: 3;
		margin: 0;
	}
}
.checkoutProduct-entry .entryResult .entryResultRemove{
	position: absolute;
	top: 0;
	right: 0;
}
.checkoutProduct-entry .entryResult .entryResultRemove button{
	border: none;
	cursor: pointer;
	background: none;
	font-size: 21px;
	color: #808080;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	position: relative;
	z-index: 1;
}
.checkoutProduct-entry .entryResult .entryResultRemove button:hover, .checkoutProduct-entry .entryResult .entryResultRemove button:focus{
	color:#ee5d71;
}
@media(min-width:569px){
	.checkoutProduct-entry .entryResult .entryResultPrice {
		padding-top: 45px;
	}
}
.checkoutProduct-entry .entryResult .entryResultPrice{
	position: relative;
	padding-top: 35px;
}
.checkoutProduct-entry .entryResult .entryResultPrice h6{
	font-size: 26px;
	color: #2b62b8;
	font-weight: 700;
	line-height: 33px;
}
.checkout-selection-area{
	float:left;
	display:flex;
	align-items:center;
}
.checkout-selection-area select{
	height: calc(1.7rem + 2px);
	padding-top: .275rem;
	padding-bottom: .275rem;
	font-size: 90%;
	padding-left: 4px;
	margin-left:8px;
	margin-right:8px;
}
.checkout-selection-area label{
	margin:0;
}
.checkoutEntryFooter{
	background:#f0f0f0;
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	margin-bottom:20px;
}
.checkoutEntryTotalPrice{
	text-align: right;
	padding: 12px 10px 10px 10px;
	font-size: 28px;
	color: #454545;
	font-weight: 700;
}
.checkoutEntryTotalPrice span{
	font-size: 20px;
	font-weight: 400;
}
.checkoutEntryTotalButton{
	background: #2b74b8;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 0 18px;
	line-height: 43px;
	margin: 0 10px 10px 0;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	border:none;
	float:right;
	cursor:pointer;
}
.checkoutEntryTotalButton:hover, .checkoutEntryTotalButton:focus{
	background:#6366F1;
}

.get-licence-area{
	background: #fff;
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}
.get-licence-btn{
	width: 100%;
	text-align: left;
	border: none;
	margin: 0;
	padding: 13px 14px;
	color: #6f6f6f;
	font-size: 14px;
	background: #fff;
	cursor:pointer;
}
.get-licence-btn[aria-expanded="false"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
	font-weight: 900;
    float: right;
    transition: all 0.5s;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	box-sizing: border-box;
	font-size: 16px;
	margin-top: 3px;
}
.get-licence-btn[aria-expanded="true"]:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
	font-family: "Font Awesome 5 Free";
    content: "\f078";
	font-weight: 900;
    float: right;
    transition: all 0.5s;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	box-sizing: border-box;
	font-size: 16px;
	margin-top: 3px;
}
.get-licence-btn span{
	color: #404040;
	text-decoration: underline;
}
.licenseKeyopenArea{
	padding:12px 15px;
	background: #fff;
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
}
.licenseKeyopenArea h3{
	padding-bottom: 30px;
}
.licenseKeyopenArea .paymentMethodsRadio-row{
	display:flex;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #4f46e5;
    border: #4f46e5 solid 1px;
}
.checkoutCardText{
	padding: 4px 4px 15px 0;
	font-weight: 700;
	color: #4F46E5;
}
.padlockicon {
    display: inline-block;
    fill: #4F46E5;
    position: relative;
    top: -.0625em;
    vertical-align: middle;
    width: 1em;
    height: 1em;
	top: -.125rem;
}
.checkout-payment-icons img{
	max-width: 100%;
	height: auto;
	box-shadow: none;
	border: none;
	max-height: 32px;
	width: auto;
	margin: 0 3px 0 0;
	float: left;
	background: 0 0;
	padding: 0;
}
.checkout-payment-icons{
	height: 32px;
	display: block;
}
span.edd-required-indicator {
    color: #b94a48;
	display: inline;
	font-size: 17px;
	vertical-align: -2px;
	margin-left: 2px;
}

@media (max-width:769px){
	.checkout-selection-area{
		float:none;
		padding-bottom: 5px;
	}
	.checkout-selection-area label {
		min-width: 60px;
	}
	.checkout-selection-area select{
		margin-right: 0;
	}
}
/* End Checkout Section */

/* Start MyDownloads Area */
.downloadPageBg{
	box-shadow: 0 0 9px
	rgba(0,0,0,0.2);
	background:
	#fff;
	padding: 20px;
}
.myDownloads-area{
	padding:30px 0;
}
.tdDownloadsDetailsBtn-width{
	width:239px;
	min-width:239px;
}
.tdDownloadsLicenseBtn-width{
	width:140px;
	min-width:140px;
}
.tdDownloadsId-width{
	width:80px;
	min-width:80px;
}
.tdDownloadsName-width{
	width:340px;
	min-width: 340px;
}
.tooltip-key{
	display: inline-block;
	width: 25px;
	height: 24px;
	cursor:pointer;
	color: #4F46E5;
}
.addNewSiteLink{
	width: 95px;
	height: 45px;
	margin: 35px auto 0 auto;
	display: inline-block;
	line-height: 45px;
	font-size: 25px;
	border-radius: 100px;
	background:#2ec98d;
	color:#fff;
	box-shadow: 0 7px 20px rgba(0,0,0,0.1);
}
.addNewSiteLink:hover, .addNewSiteLink:focus {
    background:#515151;
	color:#fff;
}
.addSiteArea{
	padding:20px 0;
	border-top: #eaeef2 1px solid;
}
/* End MyDownloads Area */

/* Start User Profile Page */
.view-account{
	box-shadow: hsl(0, 0%, 90%) 0px 4px 13px;
	background: #fff;
	padding:20px;
	border-radius:4px;
}
.view-account .pro-label {
	font-size: 13px;
	padding: 4px 5px;
	position: relative;
	top: -5px;
	margin-left: 10px;
	display: inline-block
}

.view-account .side-bar {
	padding-bottom: 30px
}

.view-account .side-bar .user-info {
	text-align: center;
	margin-bottom: 15px;
	padding: 20px;
	color: #616670;
	border-bottom: 1px solid #f3f3f3
}

.view-account .side-bar .user-info .img-profile {
	width: 120px;
	height: 120px;
	margin-bottom: 15px
}

.view-account .side-bar .user-info .meta li {
	margin-bottom: 10px
}

.view-account .side-bar .user-info .meta li span {
	display: inline-block;
	width: 100px;
	margin-right: 5px;
	text-align: right
}

.view-account .side-bar .user-info .meta li a {
	color: #616670
}

.view-account .side-bar .user-info .meta li.activity {
	color: #a2a6af
}

.view-account .side-bar .side-menu {
	text-align: center
}

.view-account .side-bar .side-menu .nav {
	display: inline-block;
	margin: 0 auto
}

.view-account .side-bar .side-menu .nav>li {
	font-size: 14px;
	margin-bottom: 0;
	border-bottom: none;
	display: inline-block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px
}

.view-account .side-bar .side-menu .nav>li:last-child {
	margin-right: 0
}

.view-account .side-bar .side-menu .nav>li>a {
	display: inline-block;
	color: #9499a3;
	padding: 5px;
	border-bottom: 2px solid transparent
}
.view-account .side-bar .side-menu .nav>li>a>span {
	margin-right:4px;
}

.view-account .side-bar .side-menu .nav>li>a:hover {
	color: #616670;
	background: none
}

.view-account .side-bar .side-menu .nav>li.active a {
	color: #4F46E5;
	border-bottom: 2px solid #4F46E5;
	background: none;
	border-right: none
}

.theme-2 .view-account .side-bar .side-menu .nav>li.active a {
	color: #6dbd63;
	border-bottom-color: #6dbd63
}

.theme-3 .view-account .side-bar .side-menu .nav>li.active a {
	color: #497cb1;
	border-bottom-color: #497cb1
}

.theme-4 .view-account .side-bar .side-menu .nav>li.active a {
	color: #ec6952;
	border-bottom-color: #ec6952
}

.view-account .side-bar .side-menu .nav>li .icon {
	display: block;
	font-size: 24px;
	margin-bottom: 5px
}

.view-account .content-panel {
	padding: 0 30px
}

.view-account .content-panel .title {
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 18px
}

.view-account .content-panel .fieldset-title {
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaf1;
	margin-bottom: 20px;
	color: #262a37;
	font-size: 18px;
}

.view-account .content-panel .avatar .figure img {
	float: left;
	width: 64px
}

.view-account .content-panel .content-header-wrapper {
	position: relative;
	margin-bottom: 30px
}

.view-account .content-panel .content-header-wrapper .actions {
	position: absolute;
	right: 0;
	top: 0
}

.view-account .content-panel .content-utilities {
	position: relative;
	margin-bottom: 30px
}

.view-account .content-panel .content-utilities .btn-group {
	margin-right: 5px;
	margin-bottom: 15px
}

.view-account .content-panel .content-utilities .fa {
	font-size: 16px;
	margin-right: 0
}

.view-account .content-panel .content-utilities .page-nav {
	position: absolute;
	right: 0;
	top: 0
}

.view-account .content-panel .content-utilities .page-nav .btn-group {
	margin-bottom: 0
}

.view-account .content-panel .content-utilities .page-nav .indicator {
	color: #a2a6af;
	margin-right: 5px;
	display: inline-block
}

.view-account .content-panel .mails-wrapper .mail-item {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #f3f3f3;
	color: #616670;
	overflow: hidden
}

.view-account .content-panel .mails-wrapper .mail-item>div {
	float: left
}

.view-account .content-panel .mails-wrapper .mail-item .icheck {
	background-color: #fff
}

.view-account .content-panel .mails-wrapper .mail-item:hover {
	background: #f9f9fb
}

.view-account .content-panel .mails-wrapper .mail-item:nth-child(even) {
	background: #fcfcfd
}

.view-account .content-panel .mails-wrapper .mail-item:nth-child(even):hover {
	background: #f9f9fb
}

.view-account .content-panel .mails-wrapper .mail-item a {
	color: #616670
}

.view-account .content-panel .mails-wrapper .mail-item a:hover {
	color: #494d55;
	text-decoration: none
}

.view-account .content-panel .mails-wrapper .mail-item .checkbox-container,
.view-account .content-panel .mails-wrapper .mail-item .star-container {
	display: inline-block;
	margin-right: 5px
}

.view-account .content-panel .mails-wrapper .mail-item .star-container .fa {
	color: #a2a6af;
	font-size: 16px;
	vertical-align: middle
}

.view-account .content-panel .mails-wrapper .mail-item .star-container .fa.fa-star {
	color: #f2b542
}

.view-account .content-panel .mails-wrapper .mail-item .star-container .fa:hover {
	color: #868c97
}

.view-account .content-panel .mails-wrapper .mail-item .mail-to {
	display: inline-block;
	margin-right: 5px;
	min-width: 120px
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject {
	display: inline-block;
	margin-right: 5px
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label {
	margin-right: 5px
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label:last-child {
	margin-right: 10px
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label a,
.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label a:hover {
	color: #fff
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-1 {
	background: #f77b6b
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-2 {
	background: #58bbee
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-3 {
	background: #f8a13f
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-4 {
	background: #ea5395
}

.view-account .content-panel .mails-wrapper .mail-item .mail-subject .label-color-5 {
	background: #8a40a7
}

.view-account .content-panel .mails-wrapper .mail-item .time-container {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #a2a6af;
	text-align: left
}

.view-account .content-panel .mails-wrapper .mail-item .time-container .attachment-container {
	display: inline-block;
	color: #a2a6af;
	margin-right: 5px
}

.view-account .content-panel .mails-wrapper .mail-item .time-container .time {
	display: inline-block;
	text-align: right
}

.view-account .content-panel .mails-wrapper .mail-item .time-container .time.today {
	font-weight: 700;
	color: #494d55
}

.drive-wrapper {
	padding: 15px;
	background: #f5f5f5;
	overflow: hidden
}

.drive-wrapper .drive-item {
	width: 130px;
	margin-right: 15px;
	display: inline-block;
	float: left
}

.drive-wrapper .drive-item:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	z-index: 1
}

.drive-wrapper .drive-item-inner {
	padding: 15px
}

.drive-wrapper .drive-item-title {
	margin-bottom: 15px;
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.drive-wrapper .drive-item-title a {
	color: #494d55
}

.drive-wrapper .drive-item-title a:hover {
	color: #40babd
}

.theme-2 .drive-wrapper .drive-item-title a:hover {
	color: #6dbd63
}

.theme-3 .drive-wrapper .drive-item-title a:hover {
	color: #497cb1
}

.theme-4 .drive-wrapper .drive-item-title a:hover {
	color: #ec6952
}

.drive-wrapper .drive-item-thumb {
	width: 100px;
	height: 80px;
	margin: 0 auto;
	color: #616670
}

.drive-wrapper .drive-item-thumb a {
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8
}

.drive-wrapper .drive-item-thumb a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.drive-wrapper .drive-item-thumb .fa {
	display: inline-block;
	font-size: 36px;
	margin: 0 auto;
	margin-top: 20px
}

.drive-wrapper .drive-item-footer .utilities {
	margin-bottom: 0
}

.drive-wrapper .drive-item-footer .utilities li:last-child {
	padding-right: 0
}

.drive-list-view .name {
	width: 60%
}

.drive-list-view .name.truncate {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.drive-list-view .type {
	width: 15px
}

.drive-list-view .date,
.drive-list-view .size {
	max-width: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.drive-list-view a {
	color: #494d55
}

.drive-list-view a:hover {
	color: #40babd
}

.theme-2 .drive-list-view a:hover {
	color: #6dbd63
}

.theme-3 .drive-list-view a:hover {
	color: #497cb1
}

.theme-4 .drive-list-view a:hover {
	color: #ec6952
}

.drive-list-view td.date,
.drive-list-view td.size {
	color: #a2a6af
}

@media (max-width:767px) {
.view-account .content-panel .title {
    text-align: center
}
.view-account .side-bar .user-info {
    padding: 0
}
.view-account .side-bar .user-info .img-profile {
    width: 60px;
    height: 60px
}
.view-account .side-bar .user-info .meta li {
    margin-bottom: 5px
}
.view-account .content-panel .content-header-wrapper .actions {
    position: static;
    margin-bottom: 30px
}
.view-account .content-panel {
    padding: 0
}
.view-account .content-panel .content-utilities .page-nav {
    position: static;
    margin-bottom: 15px
}
.drive-wrapper .drive-item {
    width: 100px;
    margin-right: 5px;
    float: none
}
.drive-wrapper .drive-item-thumb {
    width: auto;
    height: 54px
}
.drive-wrapper .drive-item-thumb .fa {
    font-size: 24px;
    padding-top: 0
}
.view-account .content-panel .avatar .figure img {
    float: none;
    margin-bottom: 15px
}
.view-account .file-uploader {
    margin-bottom: 15px
}
.view-account .mail-subject {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.view-account .content-panel .mails-wrapper .mail-item .time-container {
    position: static
}
.view-account .content-panel .mails-wrapper .mail-item .time-container .time {
    width: auto;
    text-align: left
}
}

@media (min-width:768px) {
.view-account .side-bar .user-info {
    padding: 0;
    padding-bottom: 15px
}
.view-account .mail-subject .subject {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
}

@media (min-width:992px) {
.view-account .content-panel {
    min-height: 800px;
    border-left: 1px solid #f3f3f7;
    margin-left: 250px
}
.view-account .mail-subject .subject {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.view-account .side-bar {
    position: absolute;
    width: 250px;
    min-height: 600px
}
.view-account .side-bar .user-info {
    margin-bottom: 0;
    border-bottom: none;
    padding: 30px
}
.view-account .side-bar .user-info .img-profile {
    width: 120px;
    height: 120px
}
.view-account .side-bar .side-menu {
    text-align: left
}
.view-account .side-bar .side-menu .nav {
    display: block
}
.view-account .side-bar .side-menu .nav>li {
    display: block;
    float: none;
    font-size: 14px;
    border-bottom: 1px solid #f3f3f7;
    margin-right: 0;
    margin-bottom: 0
}
.view-account .side-bar .side-menu .nav>li>a {
    display: block;
    color: #9499a3;
    padding: 10px 15px;
    padding-left: 30px
}
.view-account .side-bar .side-menu .nav>li>a:hover {
    background: #f9f9fb
}
.view-account .side-bar .side-menu .nav>li.active a {
    background: #f9f9fb;
    border-right: 4px solid #4F46E5;
    border-bottom: none
}
.theme-2 .view-account .side-bar .side-menu .nav>li.active a {
    border-right-color: #6dbd63
}
.theme-3 .view-account .side-bar .side-menu .nav>li.active a {
    border-right-color: #497cb1
}
.theme-4 .view-account .side-bar .side-menu .nav>li.active a {
    border-right-color: #ec6952
}
.view-account .side-bar .side-menu .nav>li .icon {
    font-size: 24px;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    display: inline-block
}
}
.userProfileSettingsKey{
	box-shadow: none;
	padding: 0;
}
/* End User Profile Page */

/* Start Affiliate Programe */
.affiliateHeaderBottom{
	background:url(../../images/affiliate-header-bottom-bg.png) center center no-repeat;
	/* background-size:100%; */
	background-size:cover;
	padding:90px 0;
	min-height:580px;
}
.affiliateHeaderBottom .affiliateHeaderBottomInner{
	max-width:620px;
	float:left;
}
.affiliateHeaderBottom .affiliateHeaderBottomInner h1{
	font-size:40px;
	font-weight:700;
	color:#282828;
	line-height:48px;
	padding-bottom:5px;
}
.affiliateHeaderBottom .affiliateHeaderBottomInner h2{
	font-size:26px;
	color:#262a37;
	font-weight:300;
	padding-bottom:35px;
}
.affiliateHeaderBottom .affiliateHeaderBottomInner a{
	padding: 0 25px;
	line-height: 53px;
	background: #2ec98d;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.affiliateHeaderBottom .affiliateHeaderBottomInner a:hover, .affiliateHeaderBottom .affiliateHeaderBottomInner a:focus{
	background: #515151;
	color: #fff;
}
/* End Affiliate Programe */

/* Start comeJoinUsArea */
.comeJoinUsArea{
	padding:80px 0 50px 0;
	background:#fff;
}
.comeJoinUsArea h3{
	font-size:35px;
	color:#474747;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:15px;
}
.comeJoinUsArea h4{
	font-size:18px;
	line-height:25px;
	color:#474747;
	font-weight:300;
	text-align:center;
}
.comeJoinUsArea .comeJoinUsAreaBlocks{
	
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons{
	font-size:70px;
	color:#474747;
	text-align:center;
	padding:30px 0 12px 0;
}
.comeJoinUsArea .comeJoinUsAreaBlocks p{
	font-size:16px;
	color:#777777;
	font-weight:300;
	text-align:center;
	padding-bottom:60px;
	padding-top:0;
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons .fa-money-bill-wave{
	color:#5865fc;
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons .fa-wallet{
	color:#2ec98d;
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons .fa-fist-raised{
	color:#7848ff;
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons .fa-bolt{
	color:#5865fc;
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons .fa-buffer{
	color:#474747;
}
.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons .fa-file-invoice-dollar{
	color:#fc5896;
}
/* End comeJoinUsArea */

/* Start howItWorksArea */
.howItWorksArea{
	background:#f2f2f2;
	padding:70px 0;
}
.howItWorksArea h2{
	font-size:35px;
	color:#474747;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:15px;
}
.howItWorksArea h3{
	font-size:18px;
	line-height:25px;
	color:#474747;
	font-weight:300;
	text-align:center;
}
.howItWorksArea .howItWorksBlocks{
	padding:70px 0 0 0;
}
.howItWorksArea .howItWorksBlocks .howItWorksBlock{
	display:flex;
}
.howItWorksArea .howItWorksBlocks .howItWorksBlock .howItWorksBlockIcon.firstt{
	width:74px;
}
.howItWorksArea .howItWorksBlocks .howItWorksBlock .howItWorksBlockIcon{
	width:90px;
}
.howItWorksArea .howItWorksBlocks .howItWorksBlock .howItWorksBlockText{
	flex:1;
}
.howItWorksArea .howItWorksBlocks .howItWorksBlock .howItWorksBlockText h3{
	font-size:19px;
	color:#282828;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
}
.howItWorksArea .howItWorksBlocks .howItWorksBlock .howItWorksBlockText p{
	font-size:14px;
	color:#777777;
	font-weight:300;
	line-height:20px;
	text-align:left;
}
/* End howItWorksArea */
/* Start waitingForSection */
.waitingForSection{
	padding:80px 0;
	background:#282828;
}
.waitingForSection h2{
	font-size:35px;
	font-weight:700;
	line-height:40px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	margin-bottom: 45px;
}
.waitingForSection .waitingForSection-btnsArea{
	text-align:center;
}
.waitingForSection .waitingForSection-btnsArea a{
	border-radius:4px;
	padding:0 17px;
	line-height:53px;
	background:#2ec98d;
	font-size:18px;
	font-weight: 500;
	text-transform:uppercase;
	color:#fff;
	display:inline-block;
	margin: 0 10px;
}
.waitingForSection .waitingForSection-btnsArea a:hover, .waitingForSection .waitingForSection-btnsArea a:focus{
	background:#22ac77;
}
/* End waitingForSection */
@media only screen and (max-width: 992px){
	.affiliateHeaderBottom .affiliateHeaderBottomInner a{
		font-size: 16px;
	}
	.comeJoinUsArea .comeJoinUsAreaBlocks .comeJoinUsAreaBlocksIcons{
		padding: 10px 0 12px 0;
	}
	.comeJoinUsArea .comeJoinUsAreaBlocks p{
		padding-bottom: 10px;
	}
	.howItWorksArea .howItWorksBlocks .howItWorksBlock{
		margin-bottom:30px;
	}
	.waitingForSection .waitingForSection-btnsArea a{
		padding: 9px 17px;
		line-height: 25px;
		font-size: 21px;
	}
	.waitingForSection h2{
		font-size: 30px;
	}
}

/* Start affiliateBlocksMain */
.affiliateBlocksMain{
	display:flex;
	padding:20px 0;
}
.affiliateBlocksMain .affiliateBlocksIcon{
	width:60px;
	height:60px;
	background:#89c549;
	border-radius:100px;
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size: 32px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	margin-right:15px;
}
.affiliateBlocksMain .affiliateBlocksIcon.blk2{
	background:#f05050;
}
.affiliateBlocksMain .affiliateBlocksIcon.blk3{
	background:#fea71c;
}
.affiliateBlocksMain .affiliateBlocksIcon.blk4{
	background:#44a5f4;
}
.affiliateBlocksMain .affiliateBlocksText{
	flex:1;
}
.affiliateBlocksMain .affiliateBlocksText h6{
	margin:4px 0 0 0;
	font-size:28px;
	color:#6e7071;
	font-weight: 500;
}
.affiliateBlocksMain .affiliateBlocksText p{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:300;
	color:#7a7977;
}

.affiliateTabs{
	border:none;
	border-bottom: 1px solid #e4e4e4;
	padding-top: 10px;
}
.affiliateTabs li a{
	padding: 10px 20px;
	border:1px solid #ededed;
	border-top: 2px solid #ededed;
	border-right: 0px none;
	background: #515151;
	color:#fff;
	border-radius: 0px;
	margin-right: 0px;
	font-weight: bold;
	transition: all 0.3s ease-in 0s;
	border-radius: 0 !important;
	margin-right: 5px;
	border: none !important;
	font-size: 18px;
	font-weight: 300;
}
.affiliateTabs li a:hover{
	border-bottom-color: #ededed;
	border-right: 0px none;
	background: #4F46E5;
	color: #fff;
}
.affiliateTabs li a i{
	display: inline-block;
	text-align: center;
	margin-right:10px;
}
.affiliateTabs li a.active,
.affiliateTabs li a.active:focus,
.affiliateTabs li a.active:hover{
	margin-top: -3px;
	color: #444;
	padding: 10px 20px;
	border-top: 3px solid #4F46E5 !important;
	background-color: #f8f8f8 !important;
}
.affiliateTabs-content{
	padding: 20px;
	line-height: 22px;
	box-shadow:0px 1px 0px #e4e4e4;
	background: #f8f8f8;
	margin-bottom: 25px;
}
.affiliateTabs-content h3{
	margin-top: 0;
}
@media only screen and (max-width: 767px){
	.affiliateTabs li{
		width:100%;
		margin-bottom: 10px;
	}
	.affiliateTabs li a{
		padding: 15px;
	}
	.affiliateTabs li a.active,
	.affiliateTabs li a.active:focus,
	.affiliateTabs li a.active:hover{
		padding: 15px;
		margin-top: 0;
	}
}
/* End affiliateBlocksMain */

/* Start payoutDetails */
.payoutDetails{
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	display:flex;
	margin-bottom: 30px;
}
.payoutDetails .payoutDetailsBlocks{
	border-right:#eaeaf1 2px solid;
	color:#838383;
	text-align:center;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	flex: 1;
	margin: 22px 0;
}
.payoutDetails .payoutDetailsBlocks span{
	color:#4F46E5;
	font-size:27px;
	font-weight: 600;
}
.payoutDetails .payoutDetailsBlocks:last-child{
	border-right:none;
}
/* End payoutDetails */
@media only screen and (max-width: 560px){
	.payoutDetails{
		display:block;
		padding:10px 0;
	}
	.payoutDetails .payoutDetailsBlocks{
		width:100%;
		border:none;
		margin: 15px 0;
	}
}
.payoutDetialsPriceTxt{
	font-size: 22px;
	vertical-align: -4px;
	margin-right: 6px;
}
.userReferralLink{
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	margin-bottom: 30px;
	position:relative;
	padding:20px 125px 20px 20px;
}
.userReferralLink .copyBtn{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	box-sizing: border-box;
	
	background-color:#474747;
	border: none;
	color:white;
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
}
.userReferralLink .copyBtn:hover, .userReferralLink .copyBtn:focus{
	background-color: #6366F1;
}
.generatedLink{
	position:relative;
}
.generatedLink .generatedLinkCopyBtn{
	position:absolute;
	right:4px;
	top:50%;
	transform:translateY(-50%);
	
	background-color:#474747;
	border: none;
	color:white;
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
}
.generatedLink .generatedLinkCopyBtn:hover, .generatedLink .generatedLinkCopyBtn:focus{
	background-color: #6366F1;
}
.generatedLink input{
	padding-right: 94px;
}

.affiliateSidebar .card{
	background: none;
	border: none;
	border-radius: 0;
}
.affiliateSidebar .card .card-header{
	border-radius: 0;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	border-bottom: 1px solid #f3f3f7;
}
.affiliateSidebar .card .card-header a i.plsmn{
	float: right;
	margin-top: 3px;
}
.affiliateSidebar .card .card-header a{
	display: block;
	padding: 10px 15px;
	text-align:left;
	background: #f9f9fb;
	border-right: 4px solid #4F46E5;
	border-radius:0;
	font-size: 14px;
	color: #4F46E5;
}
.affiliateSidebar .card .card-header a span {
    margin-right: 4px;
}
.affiliateSidebar .card .card-header a:focus{
	text-decoration:none;
}
.affiliateSidebar .card .card-header a.collapsed{
	background: none;
	border-right: 4px solid #fff;
	border-radius:0;
	color: #9499a3;
}
.affiliateSidebar .card .card-header a:hover.collapsed{
	text-decoration:none;
	background: #f9f9fb;
	color: #616670;
	border-right: 4px solid #f9f9fb;
}
.affiliateSidebar .card .card-header a:hover{
	text-decoration:none;
	background: #f9f9fb;
	color: #616670;
	border-right: 4px solid #4F46E5;
}
.affiliatesubmenu{
	display: block;
	padding: 10px 15px 10px 38px;
	text-align: left;
	font-size: 14px;
	color: #808286;
	border-bottom: 1px solid #f3f3f7;
}
.affiliatesubmenu:hover{
	color:#616670;
}
.show .affiliatesubmenu{
	border-right: 4px solid #4F46E5;
	color:#616670;
}
.notificationMenuArea{
	min-width:330px;
	padding:15px;
}
@media only screen and (max-width: 700px){
	.notificationMenudd{
		right: -62px !important;
	}
}
/* Start notificationProduct */
.notificationProduct{
	display:flex;
	border-bottom:#ccc 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	display:block;
}
.notificationProduct:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.notificationProduct .notificationProductPic{
	width:35px;
	height:35px;
	float:left;
	margin-right:10px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top: -6px;
}
.notificationProduct .notificationDetailsArea{
	padding:0 0 0 45px;
}
.notificationProduct .notificationDetailsArea h2{
	font-size:13px;
	font-weight:500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 210px;
	color: #4b4b4b;
	margin-bottom: 3px;
}
.notificationProduct:hover .notificationDetailsArea h2{
	color:#000
}
.notificationProduct .notificationDetailsArea p{
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.notificationProduct .notificationDetailsArea p span.ticket{
	background:	#4F46E5;
	color: #fff;
	padding: 0 4px;
	border-radius: 3px;
	margin: 0 1px;
}
.notificationProduct .notificationDetailsArea p span.deduction{
	background: #ea6060;
	color: #fff;
	padding: 0 4px;
	border-radius: 3px;
	margin: 0 1px;
}
/* End notificationProduct */

/* Start Affiliate Programe */
.supportHeaderBottom{
	background:url(../../images/supportHeaderBottomBg.png) center center no-repeat;
	background-size:cover;
	padding:60px 0;
	min-height:366px;
}
.supportHeaderBottomInner{
	float:left;
}
.supportHeaderBottom h1{
	max-width:490px;
	font-size:40px;
	font-weight:700;
	color:#282828;
	line-height:48px;
	padding-bottom:5px;
}
.supportHeaderBottom h2{
	max-width:490px;
	font-size:26px;
	color:#262a37;
	font-weight:300;
	padding-bottom:35px;
}
.supportHeaderBottom a{
	padding: 0px 30px;
	line-height: 48px;
	background: #4F46E5;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.supportHeaderBottom a:hover, .supportHeaderBottom a:focus{
	background: #282828;
	color: #fff;
}
.supportHeaderBottomSearch{
	width:557px;
	background:#fff;
	border-radius:100px;
	box-shadow:0 5px 10px rgba(0,0,0,0.15);
	float: right;
	max-width: 100%;
	margin-bottom:20px;
}
.supportSearchinput{
	font-size: 18px;
	color: #262a37;
	font-weight: 400;
	padding: 0 0 0 30px;
	background: none;
	border: none;
}
.supportSearchinput:focus{
	background:none;
	border:none;
}
.supportSearchinput::-webkit-input-placeholder {
  color: #b7b8ba;
}

.supportSearchinput:-ms-input-placeholder {
  color: #b7b8ba;
}

.supportSearchinput::placeholder {
  color: #b7b8ba;
}
.supportSearchButton{
	border: none;
	background: none;
	height: 63px;
	font-size: 29px;
	color: #4F46E5;
	padding: 0 22px;
	cursor:pointer;
}
.supportSearchButton:hover{
	color: #474747;
}
/* End Affiliate Programe */

/* Start supportFaqSec */
.supportFaqSec{
	padding:70px 0;
}
.supportFaqSec h3{
	font-size:35px;
	color:#474747;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:15px;
}
.supportFaqSec h4{
	font-size:18px;
	line-height:25px;
	color:#474747;
	font-weight:300;
	text-align:center;
	margin-bottom: 50px;
}
.faqBlocksArea{
	
}
.supportFaqBlocks{
	background:#fff;
	box-shadow:0 5px 10px rgba(0,0,0,0.15);
	border-radius:7px;
	overflow:hidden;
	margin-bottom:20px;
}
.supportFaqBlocks h2{
	font-size:28px;
	color:#4F46E5;
	font-weight: 500;
	padding:30px 30px 25px 30px;
	margin-bottom:0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.supportFaqBlocks h2 i{
	font-size:20px;
	margin-right: 8px;
	vertical-align: 2px;
}
.supportFaqBlocks ul{
	margin:0;
	padding:0 0 25px 0;
	list-style:none;
}
.supportFaqBlocks ul li{
	font-size:16px;
	color:#474747;
	padding:0 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.supportFaqBlocks ul li i{
	font-size:18px;
	margin-right:10px;
}
.supportFaqBlocks ul li a{
	color:#474747;
	font-weight:300;
	line-height: 33px;
}
.supportFaqBlocks ul li a:hover{
	color:#4F46E5;
}
.supportFaqBlocks a.viewAllBtn{
	padding: 0 40px;
	line-height: 53px;
	background: #2ec98d;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	display: block;
	text-align:center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.supportFaqBlocks a:hover.viewAllBtn{
	background: #515151;
	color: #fff;
}
/* End supportFaqSec */
/* Start howItWorksArea */
.articlesByScript{
	background:#f2f2f2;
	padding:70px 0;
}
.articlesByScript h2{
	font-size:35px;
	color:#474747;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:0;
}
.articlesByScript h3{
	font-size:18px;
	line-height:25px;
	color:#474747;
	font-weight:300;
	text-align:center;
}
.articlesByScript .articlesByScriptBlocks{
	padding:70px 0 0 0;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock{
	background:#fff;
	box-shadow:hsl(0, 0%, 90%) 0px 4px 13px;
	overflow:hidden;
	margin-bottom:20px;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea{
	background:#fafafa;
	border-bottom:#efefef 1px solid;
	padding:22px;	
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleAreaMain{
	display:flex;
	align-items: flex-start;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleAreaIcon{
	width:38px;
	height:38px;
	margin-right:12px;
	float:left;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleArearight{
	flex:1;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleArearight h3{
	font-size:16px;
	color:#282828;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 2px 0;
	line-height: 1.2;
	text-align:left;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleArearight h3 a{
	color:#282828;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleArearight h3 a:hover{
	color:#4F46E5;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleArearight .ratingStars{
    color: #919191;
	font-size: 11px;
	padding: 0 0 0 1px;
}
.articlesByScript .articlesByScriptBlocks .articlesByScriptBlock .vdTitleArea .vdTitleArearight .ratingStars .checked {
    color: orange;
}
.articlesByScript ul{
	margin:0;
	padding:16px 0;
	list-style:none;
}
.articlesByScript ul li{
	font-size:14px;
	color:#474747;
	padding:0 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.articlesByScript ul li a{
	color: #282828;
	font-weight: 400;
	line-height: 23px;
	font-size: 13px;
}
.articlesByScript ul li a:hover{
	color:#4F46E5;
}
.articlesByScript ul li a i{
	font-size:12px;
	margin-right:7px;
	color:#474747;
	vertical-align:1px;
}
.articlesByScript ul li a:hover i{
	color:#474747;
}
.articlesByScript a.viewAllBtn{
	padding: 0 40px;
	line-height: 42px;
	background: #4F46E5;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: block;
	text-align:center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.articlesByScript a:hover.viewAllBtn{
	background: #6366F1;
	color: #fff;
}
/* End howItWorksArea */
/* Start xlgetstartedSection */
.xlgetstartedSection{
	padding:60px 0;
	background: #282828 url(../../images/xlgetstartedSection.png) center center no-repeat;
	background-size: cover;
	min-height: 370px;
}
.xlgetstartedSection h2{
	font-size:35px;
	font-weight:700;
	line-height:40px;
	text-align:center;
	color:#fff;
	margin-bottom: 25px;
}
.xlgetstartedSection h2 span{
	color:#2ec98d;
}
.xlgetstartedSection p{
	color:#ececec;
	font-size:19px;
	line-height:22px;
	margin-bottom:50px;
	margin-top:0;
	text-align:center;
	font-weight:300;
}
.xlgetstartedSection .xlgetstartedSection-btnsArea{
	text-align:center;
}
.xlgetstartedSection .xlgetstartedSection-btnsArea a{
	padding: 0px 30px;
	line-height: 48px;
	background: #4F46E5;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.xlgetstartedSection .xlgetstartedSection-btnsArea a:hover, .xlgetstartedSection .xlgetstartedSection-btnsArea a:focus{
	background: #6366F1;
	color: #fff;
}
/* End xlgetstartedSection */
@media only screen and (max-width: 768px){
	.supportHeaderBottomSearch{
		width:100%;
	}
	.supportHeaderBottomInner{
		max-width: 100%;
		text-align:center;
		float: none;
	}
	.supportHeaderBottom h1{
		font-size: 30px;
		max-width: 100%;
	}
	.supportHeaderBottom h2{
		font-size: 19px;
		max-width: 100%;
		padding-bottom: 20px;
	}
	.supportHeaderBottom h1, .supportHeaderBottom h2{
		text-align:center;
	}
	.supportSearchButton{
		height: 50px;
		font-size: 23px;
	}
	.supportSearchinput{
		font-size: 15px;
	}
	.supportFaqSec{
		padding: 50px 0;
	}
	.supportFaqSec h3{
		font-size: 30px;
		padding-bottom: 10px;
	}
	.supportFaqSec h4{
		font-size: 15px;
		margin-bottom: 35px;
	}
	.supportFaqBlocks h2{
		font-size: 22px;
		padding: 25px 25px 20px 25px;
	}
	.supportFaqBlocks h2 i{
		font-size: 16px;
	}
	.supportFaqBlocks ul li{
		font-size: 14px;
	}
	.supportFaqBlocks ul li a{
		line-height: 29px;
	}
	.supportFaqBlocks ul li i{
		font-size: 16px;
	}
	.supportFaqBlocks a.viewAllBtn{
		padding: 0 30px;
		line-height: 47px;
		font-size: 17px;
	}
	.articlesByScript h2{
		padding-bottom: 5px;
		font-size: 30px;
	}
	.articlesByScript h3{
		font-size:17px;
	}
	.articlesByScript .articlesByScriptBlocks{
		padding: 30px 0 0 0;
	}
	.articlesByScript ul li{
		font-size: 13px;
	}
	.xlgetstartedSection h2{
		font-size: 29px;
		line-height: 35px;
		margin-bottom: 20px;
	}
	.xlgetstartedSection p{
		font-size: 17px;
		margin-bottom: 35px;
	}
	.xlgetstartedSection .xlgetstartedSection-btnsArea a{
		line-height: 46px;
		font-size: 16px;
	}
}

/* Start submitTicketArea */
.submitTicketArea{
	padding: 70px 0;
}
.submitTicketArea article{
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    max-width:769px;
    padding: 0;
    margin: 0 auto;
	background: #fff;
}
.submitTicketArea article h3{
	position: relative;
	margin: 0;
	padding: 16px 13px 14px 18px;
	background: #4F46E5;
	border-bottom: 1px solid #4F46E5;
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
	color:#fff;
}
.submitTicketArea .submitTicketFormArea{
	margin: 0;
	padding: 20px 20px 3px;
}
.submitTicketArea .submitTicketFormArea h4{
	margin: 0 0 8px;
	font-size: 15px;
	color: #4F46E5;
	font-weight: 500;
}
.submitTicketArea .submitTicketFormArea h4 span{
	color:red;
}
.uploadingFile{
	background: #3989B5;
	margin: 0 0 25px;
	position: relative;
	display: inline-block;
	font-size: 13px;
	border-radius: 3px;
	padding: 5px 10px 6px 40px;
	line-height: 1.4;
	margin:0 5px 5px 0;
	color:#fff;
}
.uploadingFile:last-child{
	margin: 0 0 25px;
}
.uploadingFile.complete{
	padding-left: 10px;
}
.uploadingFileProgress .uploadingFileProgressInner{
	display: block;
	background: rgba(255,255,255,0.65);
	padding: 2px;
}
.uploadingFileProgress{
	display: block;
	background: rgba(0,0,0,0.10);
	margin-top: 6px;
	margin-bottom: 4px;
}
.spinner-uploading{
	display:inline-block;
	font-size: 18px;
	position: absolute;
	top: 11px;
	left: 8px;
	color: #fdfdfd;
}
.uploadingFile.complete .spinner-uploading{
	display:none;
}
.uploadingFile .dz-size{
	opacity:.7;
}
.uploadingFile i{
	color: #fdfdfd;
}
.file-field {
    position: relative;
}
.btn-floating {
    margin: 0 0 20px 0;
	overflow: hidden;
	cursor: pointer;
	color: #4F46E5;
	float: left;
	line-height: 30px;
	position: relative;
	z-index: 1;
	font-size: 16px;
}
.btn-floating i {
    color: #4F46E5;
}
.file-field input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}
.submitTicketBtn{
	padding: 0 27px;
	line-height: 46px;
	background: #4F46E5;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
}
.submitTicketBtn:hover, .submitTicketBtn:focus{
	background: #515151;
	color:#FFF;
}
.submitTicketDropdownbtn, .submitTicketDropdownbtn:active{
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center !important;
	background-size: 8px 10px  !important;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	color: #495057;
	font-size: 14px;
	width: 100%;
	display:block;
	text-align:left;
	height: 38px;
	margin-bottom: 15px;
	padding-right: 20px;
	padding-top: 4px;
}
.submitTicketDropdownbtn .dropdown-item, .submitTicketDropdownbtn:active .dropdown-item{
	padding-left: 0;
}
.submitTicketDropdownbtnMenu{
	width:100%;
}
.submitTicketDropdownbtnMenu a{
	font-size:15px;
	color: #929497;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: .15rem 10px;
}
.submitTicketDropdownbtnMenu a span.support{
	
}
/* End submitTicketArea */
/* Start allAdminTicketsArea */
.allAdminTicketsArea{
	padding: 70px 0;
}
.allAdminTicketsArea article{
	max-width: 768px;
	padding: 0;
	margin: 0 auto;
}
.tickets-article-main{
	box-shadow: hsl(0, 0%, 90%) 0 0 16px;
	padding: 0;
	margin: 0 0 15px 0;
	background: #fff;
}
.tickets-article-main h3{
	position: relative;
	margin: 0;
	padding: 16px 13px 14px 18px;
	background: #4F46E5;
	border-bottom: 1px solid #4F46E5;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
}
.tickets-article-main h3 .activeTicketsButtons{
	float:right;
}
.tickets-article-main h3 .activeTicketsButtons a{
	display: inline-block;
	background: #fff;
	color: #4F46E5;
	line-height: 23px;
	text-transform: capitalize;
	padding: 0 7px;
	margin-top: -6px;
	border: #5089a8 1px solid;
	font-weight: 400;
}

.all-tickets-admin-main{
	display: block;
	border-bottom: 1px solid #ddd;
	min-height: 85px;
	padding: 17px 25px 11px 90px;
	position: relative;
}
.all-tickets-admin-main:hover{
	background: #f9f9f9;
}
.all-tickets-admin-main img.userIcon{
	position: absolute;
	top: 50%;
	left: 20px;
	width: 50px;
	height: 50px;
	margin: 0;
	display: block;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	transform: translateY(-50%);
}
.all-tickets-admin-main .ticketUserName{
	color: #888;
	margin-top: -4px;
	font-size: 13px;
	opacity:0.65;
	transition: .15s ease-in-out;
}
.all-tickets-admin-main:hover .ticketUserName{
	opacity:1;
	transition: .15s ease-in-out;
}
.all-tickets-admin-main .ticketTitle{
	color: #282828;
	font-size: 15px;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.all-tickets-admin-main .ticketTitleBottomArea{
	font-weight:400;
	color: #888;
	opacity:0.65;
	transition: .15s ease-in-out;
}
.all-tickets-admin-main:hover .ticketTitleBottomArea{
	opacity:1;
	transition: .15s ease-in-out;
}
.all-tickets-admin-main .ticketTitleBottomArea .ticketItemThumb{
	width:18px;
	float: left;
	margin-right: 7px;
	font-size: 16px;
}
.all-tickets-admin-main .ticketTitleBottomArea .ticketItemThumb i{
	vertical-align:3px;
	margin-left: 6px;
	color: #888;
}
.all-tickets-admin-main .ticketTitleBottomArea .ticketItemThumb img{
	float:left;
}
.all-tickets-admin-main .ticketTitleBottomArea .ticketItemName{
	float:left;
	line-height:18px;
	max-width: 140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	font-size: 13px;
	margin-right:10px;
}
.all-tickets-admin-main .ticketTitleBottomArea .ticketItemcalander{
	float:left;
	line-height:18px;
	display: inline-block;
	font-size: 13px;
	color: #888;
	margin-right:10px;
}
.ticketsrightSection-main{
	padding:8px 18px;
}
.ticketsrightSection-main a{
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px 20% 8px 0;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:400;
	color: #282828;
}
.ticketsrightSection-main a:hover{
	color:#4f46e5;
}
.ticketsrightSection-main a:first-child{
	border: none;
}
.ticketsrightSection-main a img {
    width: 18px;
    height: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}
.ticketsrightSection-main a span.bubbles {
    position: absolute;
    top: 10px;
    right: 0;
}
.ticketsrightSection-main a span.bubbles span {
    display: inline-block;
	color: #282828;
	font-weight: 500;
	padding: 0 6px 0 5px;
	background: #ddd;
	min-width: 20px;
	height: 20px;
	text-align: center;
	line-height: 21px;
	font-size: 11px;
}
@media only screen and (max-width: 992px){
	.ticketTitleBottomArea{
		display:none;
	}
	.all-tickets-admin-main{
		padding: 15px 25px 8px 69px;
		min-height: 36px;
	}
	.all-tickets-admin-main img.userIcon{
		top: 12px;
		left: 15px;
		width: 40px;
		height: 40px;
	}
}
/* End allAdminTicketsArea */

/* Start replyTicketArea */
.replyTicketArea{
	padding: 70px 0;
}
@media (max-width:993px){
	.replyTicketArea{
		padding: 45px 0;
	}
}
@media (max-width:769px){
	.replyTicketArea{
		padding: 20px 0;
	}
}
.replyTicketArea article{
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    /* max-width:769px; */
    padding: 0;
    /* margin: 0 auto; */
	background: #fff;
}
.ticket-type-ribbon {
    display: block;
	color: #fff;
	width: 100%;
	width: auto;
	margin: 0;
	padding: 16px 13px 14px 18px;
	font-size: 15px;
	font-weight: 500;
	background: #4F46E5;
}
.ticket-type-ribbon i{
	margin-right:4px;
}
.replyTicketArea .ticketTitle {
    font-size: 22px;
	color: #282828;
	padding: 15px 82px 15px 18px;
	margin: 0 0 20px;
	line-height: 1.3;
	display: block;
	font-weight: 300;
}
.replyTicketArea .ticketTitle {
	position:relative;
}
.replyTicketArea .ticketTitle .status {
    position: absolute;
	top: 15px;
	right: 18px;
	font-size: 13px;
	color: #10552a;
	background: #C1F2D4;
	padding: 5px 8px;
	font-weight: 400;
}
.replyTicketArea .ticketTitle .status.closed {
    color: #800;
	background: #facbcb;
}
.replyTicketArea .reply-btn-bar{
	position: relative;
	padding: 15px;
	border: none;
	background: #eee;
	border-top: 1px solid #e5e5e5;
	border-bottom: none;
}
.replyTicketArea .reply-btn-bar .reply-btn-main{
	box-shadow: 0 1px 2px rgba(0,0,0,0.20);
	border-color: #fff;
	background: #fff;
	color: #888;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 400;
	padding: 9px 8px 7px 15px;
	display: inline-block;
}
.replyTicketArea .reply-btn-bar .reply-btn-main i{
	color: #52C27D;
	font-size: 13px;
	margin-right: 5px;
	left: -3px;
	position: relative;
}
.replyTicketArea .reply-btn-bar .reply-btn-main .keyboard-icon{
	border: 1px solid rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.05);
	display: inline-block;
	font-size: 10px;
	margin: 0 3px;
	position: relative;
	top: -1px;
	height: 17px;
	min-width: 16px;
	padding: 0 5px;
	text-align: center;
	line-height: 15px;
	border-radius: 3px;
}
.replyTicketArea .reply-btn-bar .reply-btn-main:hover{
    border-color: #fff;
	background: #fff;
	color: #333;
}

.replyTicketArea .reply-btn-bar.active{
	border-color: #4F46E5;
	background: #4F46E5;
	border-color: #666;
	background: #666;
	color: #fff;
}
.replyTicketArea .reply-btn-bar.active .reply-btn-main{
	box-shadow: none;
	border-color: transparent;
	background: rgba(0,0,0,0.25);
	color: #fff;
}
.replyTicketArea .reply-btn-bar.active .reply-btn-main .keyboard-icon{
	color: rgba(255,255,255,0.75);
	background: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.4);
}
.replyTicketArea .replyTextBoxMain{
	background: #eee;
	padding: 0 0 20px 0;
}
.replyTicketArea .replyTextBoxMain .replyTextBox{
	margin-bottom: 24px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons{
	
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-reply{
	font-size: 12px;
	padding: 7px 12px 6px;
	cursor: pointer;
	color: #fff;
	background: #52C27D;
	border: 1px solid #52C27D;
	float: right;
	margin-right: 10px;
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-reply:hover{
	background: rgb(52,164,95);
	border-color: rgb(52,164,95);
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-replyAttach {
	border: 1px solid #ddd;
	line-height: 15px;
	border-radius: 3px;
	font-size: 11px;
	padding: 7px 12px;
	cursor: pointer;
	color: #fff;
	background: #45A1D6;
	border-color: #45A1D6;
	display: inline-block;
	text-transform: uppercase;
	overflow: hidden;
	position: relative;
	z-index: 1;
	float:left;
	margin-right:10px;
	transition: .15s ease-in-out;
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-replyAttach:hover {
	background: #4F46E5;
	border-color: #4F46E5;
	transition: .15s ease-in-out;
	
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-replyAttach i {
    color: #4F46E5;
	transition: .15s ease-in-out;
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-replyAttach:hover i {
	color:#fff;
	transition: .15s ease-in-out;
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .post-replyAttach input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}
.replyTicketArea .replyTextBoxMain .replyTextBoxButtons .replyCancel{
	line-height: 15px;
	font-size: 11px;
	padding: 7px 12px;
	cursor: pointer;
	text-transform: uppercase;
	float: right;
	margin-right: 10px;
	color: #aaa;
}
.replyTicketArea .ticketsReplysArea{
	/* padding: 24px 33px; */
}
.replyTicketArea .ticketsReplysArea ul{
	margin:0;
	padding:0;
	list-style:none;
}
.replyTicketArea .ticketsReplysArea ul li{
	width:100%;
	float:left;
	display: flex;
}
.replyTicketArea .ticketsReplysArea ul li.clrChngBg{
	background: #f9fefe;
}
.replyTicketArea .ticketsReplysArea ul li .left{
	border-top: 1px solid #e5e5e5;
	position: relative;
	display: flex;
	float: left;
	padding: 12px 0;
	padding-top:3%;
	width: 122px;
	margin: 0;
	text-align: center;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.replyTicketArea .ticketsReplysArea ul li .left img{
	z-index: 2;
	position: relative;
	float: none;
	width: 55px;
	height: auto;
	margin: 0;
	display: block;
	border-radius:100px;
}
.replyTicketArea .ticketsReplysArea ul li .left .author {
    text-align: center;
    display: block;
    font-size: 13px;
    color: #888;
    margin: 10px 0 0;
}
.replyTicketArea .ticketsReplysArea ul li .left .author .total-user-likes{
	display: block;
	font-weight: 500;
	color: #888;
	text-align: center;
	font-size: 13px;
	line-height: 1.2;
	word-break: break-all;
	padding: 0 10px;
}
.replyTicketArea .ticketsReplysArea ul li .left .author .total-user-likes i{
	color: #45A1D6;
}
.replyTicketArea .ticketsReplysArea ul li .left .author .xlTeamBadge{
	background: #e9e8ff;
	font-size: 11px;
	font-weight: 500;
	padding: 1px 5px;
	color: #4F46E5;
	display: inline-block;
	margin-top: 3px;
}
.replyTicketArea .ticketsReplysArea ul li .right{
	border-top: 1px solid #e1e8ed;
	position: relative;
	word-wrap: break-word;
	display: block;
	float: right;
	width: 1%;
	flex: 1;
	padding: 3% 4% 3% 0.25%;
	top: 0;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment{
	position: relative;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .edit-delete{
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 17px;
    line-height: 1;
	font-size: 16px;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-block-wrap{
	margin: 0 0 15px;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-block-wrap .comment-from{
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	line-height: 1.2;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-block-wrap .comment-from .name{
	color: #000;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-block-wrap .comment-from .reply-type-comment{
	color: #888;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-block-wrap .post-date {
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    color: #aaa;
	margin: 0 0 14px;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-block-wrap .post-date:hover {
    color: #888;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-buttons span {
    float: left;
    display: inline-block;
    height: 35px;
    padding-top: 5px;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-buttons span .like-comment {
	position: relative;
	overflow: hidden;
	background: #fff;
	display: inline-block;
	font-size: 13px !important;
	padding: 5px 9px 3px 10px;
	text-transform: none;
	font-weight: 500;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.replyTicketArea .ticketsReplysArea ul li .right .comment .comment-buttons span .like-comment:hover {
    background: #f9f9f9;
	border-color: #ccc;
}
/* End replyTicketArea */
/* Start articlesButtonArea */
.articlesButtonArea{
	margin: 0 0 20px;
}
.slctArticlesProd{
	max-width:250px;
}
.slctArticlesBtn a{
	font-size: 14px;
	color: #929497;
	padding: 5px 12px 5px 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	position:relative;
	max-width: 247px;
}
.slctArticlesBtn a img{
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%);
}
.slctArticleshead{
	padding: 20px 20px 15px;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}
.slctArticleshead .sahThumb{
	float: left;
	margin: 0;
	width: 55px;
	height: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.slctArticleshead p.breadcrumbs {
    width: 100%;
    padding-left: 70px;
    margin: 0 0 7px;
}
.slctArticleshead h1.page-title {
    width: 100%;
	padding-left: 70px;
	font-size: 18px;
	font-weight: 400;
}
.slctArticlesContent{
	padding: 20px;
}
.slctArticlesContent ol li{
	font-size:16px;
}
.slctArticlesContent p {
    margin-left: 24px;
    margin-bottom: 10px;
}
.slctArticlesContent p a {
    margin-left: -24px;
    font-weight: 500;
    font-size: 18px;
	color:#282828;
}
.slctArticlesContent p a:hover {
	color: #4F46E5;
}
.slctArticlesContent p a i, .slctArticlesContent p a svg {
    margin-right: 5px;
	width: 20px;
	vertical-align: -3px;
}
.slctArticlesContent p .article-preview-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 5px 0 0 3px;
	margin: 0 0 15px;
	font-size: 14px;
	color: #888;
	line-height: 1.5;
}
.slctArticlesContent p .article-preview-text a{
	margin:0;
}
.slctSingleArticlesContent p.breadcrumbs{
    padding-left: 0;
}
.slctSingleArticlesContent h1.page-title{
	
    padding-left: 0;
}
.slctArticlesContent.slctSingleArticlesContent p{
	margin-left:0;
}
/* End articlesButtonArea */

.productDescriptionArea ul, .productDescriptionArea ol {
	margin: 0 0 22px 0;
    padding: 0 0 0 13px;
    list-style: circle;
}

.productDescriptionArea ul li, .productDescriptionArea ol li {
	color: #282828;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	padding: 0 0 0 8px;
}

.pagesDescriptionArea ul li, .pagesDescriptionArea ol li {
    color: #474747;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding-bottom: 10px;
}

.pagesDescriptionArea p {
	font-size: 16px;
	color: #474747;
	font-weight: 400;
	line-height: 19px;
	padding: 0 0 22px 0;
	margin: 0;
}

.pagesDescriptionArea {
	padding-bottom: 50px;
}

.productDescriptionArea img{
	max-width:100%;
}
.productDescriptionArea p {
	font-size: 14px;
	color: #282828;
	font-weight: 400;
	line-height: 1.4;
	padding: 0 0 22px 0;
	margin: 0;
}

.ticketSubTitle {
	margin: 0;
    padding: 0 0 12px 0;
    font-size: 15px;
    color: #4F46E5;
    font-weight: 500;
}

.productDescriptionArea .innerBorderArea {
	background: #fafafa;
    border: #e1e8ed 1px solid;
    padding: 13px 15px;
    margin-bottom: 30px;
}
.ticketRightminiMain{
	display:flex;
	padding-bottom: 7px;
}
.ticketRightmini{
	min-width: 150px;
	font-weight: 500;
	margin-bottom: 5px;
}
.ticketRightminiDec{
	flex:1;
	word-break: break-all;
}
.ticketRightminiDec svg{
	width: 18px;
	vertical-align: -3px;
	margin-right: 2px;
}

.clr-red {
	color:red;
}

.invalid-field {
	border-color: red !important;
}

.hide {
	display: none;
}

@media only screen and (min-width: 992px){
	.header, .slider-area, .fourBlocks-area, .ourProducts-area, .awesomeSection-area, .customersSection, .footer, .breadcrumb-area, .product-section, .myDownloads-area{
		padding-left:25px;
		padding-right:25px;
	}
}
.getQuoteButton{
	display: inline-block;
	background: #59d58e;
	text-align: center;
	line-height: 43px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	text-transform: uppercase;
	margin: 16px 0 0 0;
	padding: 0 16px;
}
.getQuoteButton i.fa-quote-left{
	margin-right: 4px;
	font-size: 11px;
}
.getQuoteButton i.fa-quote-right{
	margin-left: 4px;
	font-size: 11px;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.quotationText {
	word-break: normal;
	font-weight: 400;
	font-size: 15px;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ticketsTabsBtn{
	padding:0px 0 16px 0;
	text-align:right;
	display: block;
	float:right;
}
.ticketsTabsBtn li{
	float:left;
}
.ticketsTabsBtn a{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #282828;
	line-height: 29px;
	padding: 0 10px;
	margin: 0 0 9px 0;
}
.ticketsTabsBtn a:hover{
	color: #4F46E5;
}
.ticketsTabsBtn a.active{
	background: #4F46E5;
	color: #fff;
}
.needsResponseStar{
	cursor: pointer;
	float: right;
	text-shadow: 0 1px rgba(0,0,0,0.2);
	font-size: 20px;
	color: #ff8100;
	line-height: 1;
	margin-top: -2px;
	transition: color 0.15s;
}
.needsResponseStar.active, .needsResponseStar:hover{
	color:#fff;
}
.needsResponseText{
	float: right;
	color: #fff;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 400;
	padding: 0 10px;
	line-height: 26px;
	margin-top: -3px;
	margin-right: 10px;
	cursor: default;
	background: #ff8100;
}
.needsResponseText:last-child{
	margin-right:0;
}
.needsResponseTickStar{
	cursor: pointer;
	float: right;
	font-size: 20px;
	color: #ffb404;
	line-height: 1;
	margin-top: -2px;
	transition: color 0.15s;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.needsResponseTickStar.active, .needsResponseTickStar:hover{
	color:#4F46E5;
}
.needsResponseTickText{
	float: right;
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 400;
	padding: 0 10px;
	line-height: 28px;
	cursor: default;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	background:#ffa500;
}
.font-weight-600 {
	font-weight:600!important;
}
.noTicketFound{
	padding: 25px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #ccc;
}
.logo_1D._bottom_2g .hoverBox_10 {
    left: -10px !important;
    right: -10px !important;
    top: -20px !important;
    bottom: -5px !important;
    display: none !important;
    height: 48px !important;
    max-height: 38px!important;
	background-color: transparent !important;
}

.chatCopyright_3s .text_30 {
    color: #9fabb7 !important;
    display: none !important;
	line-height: 30px!important;
	display: none !important;
}

.copy_2W {
	position: relative !important;
	padding-top: 10px !important;
	padding-right: 36px !important;
	padding-left: 7px !important;
	height: 18px!important;
	float: right !important;
	display: none !important;
}
.paypla-buttonBottom{
	padding-bottom: 20px;
	float: right;
	clear: both;
	margin-top: 13px;
}

@media (max-width:550px){
	.continueShop, .emptyCartCheckout{
		padding: 5px 12px;
		font-size: 13px;
	}
	.checkoutEntryTotalButton{
		padding: 0 15px;
		font-size: 13px;
		width: 100%;
		margin: 0;
	}
	.submitTicketDropdownbtn a{
		overflow: hidden;
		text-overflow: ellipsis;
		padding: .15rem 0;
	}
	.submitTicketDropdownbtn a{
		overflow: hidden;
		text-overflow: ellipsis;
		padding: .15rem 0;
	}
	.ticket-type-ribbon{
		padding: 17px 8px 19px 18px;
	}
	.needsResponseStar{
		font-size: 17px;
	}
	.needsResponseText{
		display:none;
	}
	.ticketRightmini{
		font-size: 12px;
		min-width: 120px;
	}
	.allAdminTicketsArea{
		padding: 40px 0;
	}
}
.footerBottomFixedMain{
	position: sticky;
	z-index: 2;
	bottom: -65px;	
	transition: all 0.5s;
}
.footerBottomFixedMain.open{
	bottom:0;
}
.footerBottomFixedInner{
	background: #fff;
	width: 100%;
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	padding: 10px;
}
.footerBottomFixedPrice{
	float: left;
	font-size: 35px;
	color: #474747;
	font-weight: 700;
	line-height: 40px;
	margin: 0 10px 0 0;
}
.footerBottomFixedSelectMain{
	float: left;
	margin-right: 10px;
}
.footerBottomFixedSelectMain .bottomlicense-purchase-selector{
	font-size: 16px;
	color: #757575;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	padding-right: 22px;
}
.footerFixedButtons{
	float: left;
}
.footerFixedButtons .fixedBottomAddtoCart{
	background: #474747;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 0 18px;
	line-height: 39px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	display: inline-block;
}
.footerFixedButtons a.fixedBottomBuyNow{
	margin: 0 0 0 10px;
	background: #2b74b8;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 0 18px;
	line-height: 39px;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	display: inline-block;
}
.fixedBOttomProductCreated{
	padding: 2px 0;
	font-size: 12px;
	color: #757575;
	font-weight: 300;
	line-height: 17px;
	margin: 0 0 0 15px;
	float:left;
}
.fixedBOttomProductCreated .leftt{
	
}

@media (max-width:1140px){
	.fixedBOttomProductCreated{
		display:none;
	}
}
@media (max-width:993px){
	.footerBottomFixedPrice, .footerBottomFixedSelectMain{
		display:none !important;
	}
	.footerBottomFixedMain{
		bottom: 0;
		padding:0;
	}
	.footerBottomFixedInner{
		text-align: center;
	}
	.footerFixedButtons{
		width:100%;
	}
	.label_39{
		z-index: 1 !important;
	}
}
@media (max-width:700px){
	.footerBottomFixedMain{
		margin-bottom: 12px;
	}
}
@media (max-width:450px){
	.footerBottomFixedMain{
		margin-bottom:0;
	}
}

.card-area {
	max-width: 450px;
    border: 1px solid;
    padding: 10px;
    border-radius: 3px;
    border-color: #e5e5e5;
}

#payWithPaypal {
	max-width: 200px;
    display: flex;
    float: right;
}

.comment-content img, .article-preview-text img {
	max-width: 100%;
	height: auto;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.login-page-main{
	display: flex;
	flex-direction: column;
	max-width: 530px;
	margin: 80px auto;
	padding: 0 15px;
}
@media only screen and (max-width: 700px){
	.login-page-main{
		margin:40px auto;
	}
}
.login-page-main .login-page-top{
	background:#282828;
	padding: 25px 0;
}
.login-page-bottom{
	flex:1;
	height:1%;
	padding
}
.btn{
	border-radius:0 !important;
}

.social-or{
	height:1px;
	margin:35px 0;
	background:#bcc2ce;
	position:relative;
	
}
.social-or::after{
	content: 'or';
	border-radius: 100px;
	width: 30px;
	height: 30px;
	background: #fff;
	border: #bcc2ce 1px solid;
	text-align: center;
	line-height: 27px;
	font-size: 13px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #6c6c6d;
}
.pagination{
	justify-content: center;
	padding: 30px 0;
}
@media only screen and (max-width: 580px){
	.pagination{
		padding: 10px 0;
	}
}
.pagination li{
	margin: 0 3px;
}
.pagination li a{
	display:flex;
	justify-content: center;
	align-items:center;
	padding: 0;
	background:transparent;
	border: 1px solid transparent;
	color:#282828;
	width:38px;
	height:37px;
}
@media only screen and (max-width: 580px){
	.pagination li a{
		width:34px;
		height:32px;
	}
}
.pagination li.arrows{
	font-size: 24px;
}
.pagination li.active a, .pagination li.active a:hover{
	background:#4F46E5;
	border: 1px solid #4F46E5;
	color:#fff;
}
.pagination li a:hover{
	background:#fff;
	box-shadow: hsl(0, 0%, 90%) 0 0 9px;
}
.dropdown-item.active, .dropdown-item:active {
    color: initial;
    text-decoration: none;
    background-color: transparent;
}
.small-height{
	height:15px;
}

#closeTicket {
	float: right;
    margin-top: 7px;
    margin-right: -5px;
}

/* Custom Premium Slider Styles (Light Theme) */
.slider-container {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 16px;
    padding: 20px 30px 15px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    min-height: 310px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.slider-list {
    min-height: 220px;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}
.slider-slide-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px 10px 10px;
}
.slider-left-column {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 0;
    gap: 12px;
    padding-top: 15px;
}
.slider-img-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 6px;
    width: 100%;
    max-width: 220px;
    aspect-ratio: 16/10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 25px rgba(56, 189, 248, 0.35);
    border: 1.5px solid rgba(56, 189, 248, 0.2);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.slider-thumbnail-img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 6px;
}
.slider-thumbnail-placeholder {
    width: 100%;
    height: 100%;
    background: #f8fafc;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
}
.slider-price-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 16px;
    color: #ffffff;
    background: rgba(2, 132, 199, 0.85) !important;
    border: none;
    border-radius: 6px;
    padding: 5px 12px;
    z-index: 5;
}
.slider-actions-wrapper {
    width: 100%;
    max-width: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.slider-btn-demo {
    background: transparent !important;
    border: 1.5px solid #0284c7 !important;
    color: #0284c7 !important;
    box-shadow: none !important;
    flex: 1;
    font-size: 12px !important;
    padding: 8px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.2s;
}
.slider-btn-demo:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
}
.slider-btn-details {
    background: #0284c7 !important;
    border: none !important;
    flex: 1;
    font-size: 12px !important;
    padding: 8px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.2) !important;
    transition: all 0.2s;
}
.slider-btn-details:hover {
    background: #0369a1 !important;
    color: #ffffff !important;
}

.btn-premium-cta {
    cursor: pointer;
    margin: 0;
    background: #0284c7;
    border: none;
    border-radius: 8px;
    padding: 9px 22px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3);
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}
.btn-premium-cta:hover {
    background: #0369a1;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.5);
    color: #fff;
}
.slider-right-column {
    padding-top: 15px;
    width: 55%;
    float: right;
    flex: 1;
    margin-left: 25px;
    text-align: left;
}
.slider-product-title {
    text-align: left !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.slider-product-title a {
    color: #0f172a !important;
    font-size: 20px !important;
    text-decoration: none !important;
}
.slider-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* equal to gap-3 */
    margin-bottom: 1rem; /* equal to mb-3 */
    align-items: center;
}
.slider-meta-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(2, 132, 199, 0.05) !important;
    color: #0284c7 !important;
    border: 1px solid rgba(2, 132, 199, 0.15) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
}
.slider-product-desc {
    text-align: left !important;
    font-size: 13px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 78px !important;
}
.slider-nav-container {
    margin-top: 25px;
    text-align: center;
}
.slider-nav-list {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
}
.slider-nav-dot-item {
    display: inline-block;
    float: none;
    margin-right: 8px;
}

/* Slider navigation dots overriding custom styles */
.cd-hero__nav li {
    display: inline-block !important;
    float: none !important;
    margin: 0 4px !important;
}
.cd-hero__nav li a {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: rgba(15, 23, 42, 0.2) !important;
    transition: all 0.3s ease !important;
}
.cd-hero__nav li.cd-selected a {
    width: 32px !important;
    border-radius: 4px !important;
    background-color: #0284c7 !important;
}

/* Layout main-section flexbox footer rules */
.main-section {
    padding-bottom: 0 !important;
}
.footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto;
    flex-shrink: 0;
    margin-top: auto !important;
}
@media (max-width: 991.98px) {
    .main-section {
        padding-bottom: 0 !important;
    }
}

/* Premium Footer Classes */
.footer-panel {
    background: #090d16;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    padding: 60px 0 30px;
    margin-top: 0;
}
.footer-logo-box {
    width: auto;
    float: none;
    margin-bottom: 20px;
}
.footer-logo-img {
    max-height: 40px;
    filter: brightness(1.2);
}
.footer-description {
    color: #64748b !important;
    font-size: 14px;
    line-height: 1.6;
    max-width: 320px;
    margin-bottom: 25px;
    text-align: left;
}
.footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    opacity: 0.7;
    margin-right: 10px;
}
.footer-social-link.twitter {
    color: #1da1f2 !important;
    border-color: rgba(29, 161, 242, 0.15);
}
.footer-social-link.github {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15);
}
.footer-social-link.discord {
    color: #5865f2 !important;
    border-color: rgba(88, 101, 242, 0.15);
}
.footer-social-link:hover {
    opacity: 1;
    transform: translateY(-3px);
}
.footer-social-link.twitter:hover {
    background: rgba(29, 161, 242, 0.1);
    border-color: #1da1f2;
    box-shadow: 0 4px 12px rgba(29, 161, 242, 0.35);
}
.footer-social-link.github:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.25);
}
.footer-social-link.discord:hover {
    background: rgba(88, 101, 242, 0.1);
    border-color: #5865f2;
    box-shadow: 0 4px 12px rgba(88, 101, 242, 0.35);
}
.footer-title-h5 {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: left;
}
.footer-list-items {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    float: none !important;
}
.footer-item-link {
    color: #94a3b8 !important;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s;
}
.footer-item-link:hover {
    color: #38bdf8 !important;
}
.footer-border-row {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.footer-bottom-copy {
    font-size: 14px;
    color: #8898aa !important;
    text-align: left;
}
.footer-lock-badge {
    font-size: 14px;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 6px;
}
.footer-lock-badge span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.footer-lock-icon {
    color: #10b981;
    margin-right: 4px;
    font-size: 16px;
}

/* Single Product Details UI Optimization */
.product-details-container {
    padding: 40px;
    box-shadow: 0px 10px 30px rgba(15, 23, 42, 0.04);
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
}
.product-media-card {
    background: #f8fafc;
    padding: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, 0.04);
}
.product-preview-img {
    max-height: 400px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}
.product-empty-preview {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #94a3b8 !important;
}
.product-info-col {
    padding-left: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}
.product-title-h2 {
    font-size: 25px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 16px !important;
}
.product-version-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(2, 132, 199, 0.05);
    color: #0284c7;
    border: 1px solid rgba(2, 132, 199, 0.15);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 6px;
}
.product-updated-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(71, 85, 105, 0.05);
    color: #475569;
    border: 1px solid rgba(71, 85, 105, 0.15);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 6px;
}
.product-description {
    line-height: 1.8;
    color: #475569 !important;
    font-size: 15px !important;
    margin-bottom: 1.5rem !important;
}
.product-features-heading {
    font-size: 16px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}
.product-feature-item {
    font-size: 14px !important;
    color: #475569 !important;
    display: flex;
    align-items: center;
    margin-bottom: 8px !important;
}
.product-feature-icon {
    color: #10b981 !important;
    margin-right: 10px !important;
    font-size: 14px;
}
.product-divider {
    border-top: 1px solid #f1f5f9;
    margin: 30px 0;
}
.product-license-label {
    font-size: 15px !important;
    display: block;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 1rem !important;
}
.product-license-card {
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    transition: all 0.2s ease-in-out;
    padding: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.product-license-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}
.product-license-card.active {
    background: rgba(2, 132, 199, 0.03) !important;
    border-color: #0284c7 !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08) !important;
}
.product-license-input {
    cursor: pointer;
    position: relative !important;
    margin: 0 15px 0 0 !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
}
.product-license-text {
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
.product-license-desc {
    font-size: 12px;
    color: #64748b;
    font-weight: 400;
    margin-top: 4px;
    display: block;
}
.product-license-price {
    font-size: 18px !important;
    color: #0284c7 !important;
    font-weight: 800 !important;
    margin-left: auto;
}
.product-cart-btn {
    background: #0284c7 !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 10px !important;
    width: 100% !important;
    font-size: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
    transition: all 0.2s ease-in-out !important;
}
.product-cart-btn:hover {
    background: #0369a1 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
}
.product-preview-btn {
    border: 2px solid #0284c7 !important;
    background: transparent !important;
    color: #0284c7 !important;
    padding: 15px 30px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}
.product-preview-btn:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.2) !important;
}
.product-details-page-section {
    padding-bottom: 80px !important;
}
.payment-cards-icons {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    padding-left: 12px;
}
.payment-card-icon {
    font-size: 36px;
    transition: all 0.3s ease;
    opacity: 0.65;
    display: inline-block;
    vertical-align: middle;
}
.payment-card-icon.visa {
    color: #4872f2;
}
.payment-card-icon.mastercard {
    color: #ff5f00;
}
.payment-card-icon.amex {
    color: #007bc1;
}
.payment-card-icon Discover {
    color: #f68620;
}
.payment-card-icon:hover {
    opacity: 1;
    transform: translateY(-2px) scale(1.15);
}

/* ==========================================
   Storefront AJAX Comments Styles
   ========================================== */
.comments-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Comment Card Styling */
.comment-item-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03) !important;
    overflow: hidden;
    position: relative;
}

.comment-item-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08) !important;
    border-color: #cbd5e1 !important;
}

/* Avatar Border Rings */
.comment-avatar-ring {
    border: 2.5px solid #f1f5f9;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.comment-item-card:hover .comment-avatar-ring {
    border-color: #e2e8f0;
    transform: scale(1.05);
}

.replies-wrapper {
    margin-left: 20px;
    border-left: 3px solid #f1f5f9;
    padding-left: 14px;
    margin-bottom: 8px;
    margin-top: -14px;
    position: relative;
}

.replies-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: -3px;
    height: 100%;
    width: 3px;
    background: linear-gradient(180deg, #f1f5f9 0%, #cbd5e1 50%, #f1f5f9 100%);
}

.reply-item-card {
    background: #f8fafc !important;
    border-radius: 12px !important;
    border: 1px solid #f1f5f9 !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01) !important;
}

.reply-item-card:hover {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

/* Custom Badges */
.comment-badge-author {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    color: #1d4ed8 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border: 1px solid #bfdbfe !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.comment-badge-purchased {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
    color: #065f46 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border: 1px solid #a7f3d0 !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Action Buttons hover transitions */
.comment-action-link {
    color: #64748b !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.comment-action-link:hover {
    color: #4f46e5 !important;
    transform: translateX(1px);
}

.comment-action-link.delete-link:hover {
    color: #ef4444 !important;
}

/* Textareas styling */
.comment-form-textarea {
    border-radius: 12px !important;
    border: 1.5px solid #e2e8f0 !important;
    font-size: 14px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

.comment-form-textarea:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12) !important;
    background: #ffffff !important;
}

/* Custom premium buttons */
.btn-comment-premium {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 10px 24px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn-comment-premium:hover {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 6px 20px rgba(79, 70, 229, 0.4) !important;
    opacity: 0.95;
}

.btn-comment-premium:disabled {
    background: #cbd5e1 !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: not-allowed !important;
}

.btn-comment-cancel {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 18px !important;
    transition: all 0.2s ease !important;
}

.btn-comment-cancel:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
}

/* Comment Loader / Spinner */
.comments-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    width: 100%;
}

.comments-spinner {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(79, 70, 229, 0.1);
    border-radius: 50%;
    border-top-color: #4f46e5;
    animation: spin-comments 0.8s linear infinite;
}

@keyframes spin-comments {
    to { transform: rotate(360deg); }
}

/* Shimmer/Skeleton Loader */
@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}
.skeleton-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.03);
}
.skeleton-shimmer {
    animation: shimmer 1.5s infinite linear;
    background: linear-gradient(to right, #f1f5f9 8%, #e2e8f0 18%, #f1f5f9 33%);
    background-size: 800px 104px;
    position: relative;
}
.skeleton-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
}
.skeleton-line {
    height: 12px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.skeleton-line.title {
    width: 140px;
    height: 16px;
}
.skeleton-line.badge {
    width: 60px;
    height: 14px;
    border-radius: 50px;
}
.skeleton-line.date {
    width: 80px;
    height: 10px;
    margin-left: auto;
}
.skeleton-line.body-1 {
    width: 90%;
    margin-top: 15px;
}
.skeleton-line.body-2 {
    width: 75%;
}

/* Back to Top Button */
.back-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #4f46e5;
    color: #ffffff;
    border: none;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease, background-color 0.2s ease;
    z-index: 9999;
    outline: none;
}
.back-to-top-btn:hover {
    background: #3730a3;
    transform: translateY(-2px);
    color: #ffffff;
}
.back-to-top-btn.show {
    opacity: 1;
    visibility: visible;
}

/* Card Hover lift effect */
.product-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.product-card-hover:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
}

/* Product Card Image Zoom */
.product-card-img {
    transition: transform 0.5s ease !important;
}
.product-card-img:hover {
    transform: scale(1.05) !important;
}

/* Product Card Title Link */
.product-card-title-link {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.product-card-title-link:hover {
    color: #4f46e5 !important;
}

/* Product Card Demo Button */
.product-card-demo-btn {
    font-size: 13px !important;
    padding: 6px 14px !important;
    margin-right: 8px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    background: transparent !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.product-card-demo-btn:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* Wishlist Toggle Button Scale */
.wishlist-toggle-btn-hover {
    transition: transform 0.2s !important;
}
.wishlist-toggle-btn-hover:hover {
    transform: scale(1.1) !important;
}

/* Breadcrumb Home Link Hover */
.breadcrumb-home-link {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.breadcrumb-home-link:hover {
    color: #fff !important;
}

/* Clear Search Filter Button Hover */
.clear-search-btn {
    background: rgba(255, 255, 255, 0.15) !important;
    transition: all 0.2s !important;
}
.clear-search-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
}

/* Sidebar Wishlist Button Hover */
.sidebar-wishlist-btn-hover {
    transition: all 0.2s !important;
}
.sidebar-wishlist-btn-hover:hover {
    background: #f8fafc !important;
}

/* Product Buy Now Button */
.product-buy-now-btn {
    margin: 0 !important;
    background: #10b981 !important;
    border: 2px solid #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.product-buy-now-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
}
/* Frontend Refactored Styles */
.fe-style-a57857fe { padding: 60px 0 45px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; color: #fff !important; position: relative !important; overflow: hidden !important; }
.fe-style-dbcbb701 { background: transparent !important; padding: 0 !important; margin-bottom: 15px !important; font-size: 13px !important; display: flex !important; align-items: center !important; gap: 2px !important; }
.fe-style-7bced623 { color: rgba(255, 255, 255, 0.4) !important; font-size: 9px !important; margin: 0 8px !important; }
.fe-style-7c52e4d7 { color: rgba(255, 255, 255, 0.6) !important; }
.fe-style-e723fc30 { margin-bottom: 0 !important; font-size: 32px !important; font-weight: 800 !important; background: linear-gradient(to right, #ffffff 40%, #a5f3fc 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1.2 !important; }
.fe-style-e6246438 { padding-bottom: 80px !important; }
.fe-style-102b7f89 { text-align: left !important; }
.fe-style-d3c0643e { color: #4f46e5 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 14px !important; letter-spacing: 1.5px !important; display: block !important; margin-bottom: 8px !important; }
.fe-style-f4bf04e7 { font-size: 32px !important; color: #0f172a !important; font-weight: 800 !important; line-height: 1.25 !important; }
.fe-style-d64430c8 { font-size: 16px !important; line-height: 1.8 !important; color: #475569 !important; }
.fe-style-93c71de1 { background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-radius: 20px !important; padding: 40px !important; border: 1px solid rgba(0,0,0,0.03) !important; background-color: #fff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important; }
.fe-style-eed12ad2 { color: #ffffff !important; font-size: 36px !important; font-weight: 800 !important; margin-bottom: 5px !important; }
.fe-style-9ba3bc28 { color: rgba(255, 255, 255, 0.75) !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1px !important; font-weight: 600 !important; }
.fe-style-e07081c3 { border-radius: 12px !important; background: #fff !important; border: 1px solid rgba(0,0,0,0.03) !important; }
.fe-style-42293f25 { width: 48px !important; height: 48px !important; background: rgba(79, 70, 229, 0.08) !important; color: #4f46e5 !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; margin-bottom: 20px !important; }
.fe-style-c5e73a4a { font-size: 18px !important; font-weight: 700 !important; }
.fe-style-c8ed4598 { font-size: 14px !important; line-height: 1.6 !important; }
.fe-style-d29193b9 { color: #4f46e5 !important; text-decoration: none !important; font-weight: 600 !important; }
.fe-style-60bc8aac { background: #4f46e5 !important; color: white !important; border-radius: 8px !important; font-size: 15px !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3) !important; }
.fe-style-0f7806d8 { background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-radius: 20px !important; padding: 40px !important; border: 1px solid rgba(255,255,255,0.1) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; }
.fe-style-40e408e6 { font-size: 36px !important; font-weight: 800 !important; margin-bottom: 5px !important; }
.fe-style-dc28bff2 { color: rgba(255,255,255,0.7) !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1px !important; font-weight: 600 !important; }
.fe-style-19e9b31f { width: 48px !important; height: 48px !important; background: rgba(16, 185, 129, 0.08) !important; color: #10b981 !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; margin-bottom: 20px !important; }
.fe-style-009f3530 { width: 48px !important; height: 48px !important; background: rgba(245, 158, 11, 0.08) !important; color: #f59e0b !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; margin-bottom: 20px !important; }
.fe-style-d4dfa79d { border-radius: 24px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; box-shadow: 0 25px 50px -12px rgba(79, 70, 229, 0.4) !important; position: relative !important; overflow: hidden !important; padding: 60px 40px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; z-index: 1 !important; }
.fe-style-88a8556b { font-size: 1.15rem !important; max-width: 600px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 2rem !important; color: rgba(255, 255, 255, 0.85) !important; }
.fe-style-3f4993e2 { background: #ffffff !important; color: #4f46e5 !important; border-radius: 12px !important; font-size: 16px !important; padding: 15px 40px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; display: inline-block !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; }
.fe-style-3f4993e2:hover { transform: translateY(-5px) scale(1.03) !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important; color: #4f46e5 !important; }
.fe-style-82e93dfd { padding: 60px 0 30px !important; }
.fe-style-69484396 { max-height: 50px !important; margin-bottom: 15px !important; }
.fe-style-7605568a { padding: 40px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; }
.fe-style-ce3378c0 { font-size: 15px !important; color: #666 !important; margin-bottom: 25px !important; line-height: 1.6 !important; }
.fe-style-63927c62 { font-weight: 600 !important; color: #333 !important; }
.fe-style-25c0de65 { padding: 12px !important; border-radius: 5px !important; height: auto !important; }
.fe-style-84b74d86 { color: #dc3545 !important; font-size: 12px !important; margin-top: 5px !important; display: block !important; }
.fe-style-95bcce4e { background: #007bff !important; color: #fff !important; padding: 12px 30px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; width: 100% !important; }
.fe-style-169f06e0 { color: #666 !important; }
.fe-style-2347af2e { color: #007bff !important; font-weight: 600 !important; }
.fe-style-e022ffb7 { max-height: 55px !important; margin-bottom: 15px !important; }
.fe-style-5c31b684 { font-size: 28px !important; font-weight: 700 !important; color: #1e293b !important; }
.fe-style-93248be7 { color: #64748b !important; font-size: 15px !important; }
.fe-style-8c69a0c8 { padding: 40px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; }
.fe-style-12470d1b { background: #ecfdf5 !important; border: 1px solid #10b981 !important; color: #065f46 !important; border-radius: 5px !important; padding: 10px !important; }
.fe-style-9e32b522 { font-weight: 600 !important; color: #333 !important; font-size: 14px !important; margin-bottom: 8px !important; display: block !important; }
.fe-style-71645a69 { padding: 12px !important; border-radius: 5px !important; height: auto !important; border: 1px solid #cbd5e1 !important; font-size: 14px !important; width: 100% !important; }
.fe-style-25ebd687 { display: flex !important; justify-content: space-between !important; margin-bottom: 8px !important; }
.fe-style-080ce558 { font-weight: 600 !important; color: #333 !important; font-size: 14px !important; margin-bottom: 0 !important; }
.fe-style-e1b433ed { font-size: 13px !important; color: #4f46e5 !important; font-weight: 500 !important; }
.fe-style-bd9db1cb { display: flex !important; align-items: center !important; gap: 8px !important; }
.fe-style-c3cb70f6 { cursor: pointer !important; width: 16px !important; height: 16px !important; }
.fe-style-088eacbc { cursor: pointer !important; font-size: 13px !important; color: #64748b !important; margin-bottom: 0 !important; user-select: none !important; }
.fe-style-574b535c { background: #4f46e5 !important; color: #fff !important; padding: 12px 30px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; width: 100% !important; font-size: 15px !important; cursor: pointer !important; }
.fe-style-2d7f5bea { text-align: center !important; margin-top: 20px !important; }
.fe-style-7e4b6fd3 { color: #64748b !important; font-size: 14px !important; }
.fe-style-5ccf48e3 { color: #4f46e5 !important; font-weight: 600 !important; }
.fe-style-d1d21b8f { margin-right: 6px !important; }
.fe-style-7f4ee4f3 { margin-right: 8px !important; }
.fe-style-004cd842 { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #991b1b !important; border-radius: 8px !important; padding: 15px !important; }
.fe-style-71733e3c { margin-right: 8px !important; }
.fe-style-9c9ae2ad { background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; color: #166534 !important; border-radius: 8px !important; padding: 15px !important; }
.fe-style-cfc695c1 { padding: 0 !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; margin-bottom: 30px !important; overflow: hidden !important; }
.fe-style-8fa35356 { padding: 0 !important; list-style: none !important; margin: 0 !important; }
.fe-style-35dc0c9d { border-bottom: 1px solid #eee !important; display: flex !important; align-items: center !important; }
.fe-style-5e8924f5 { width: 80px !important; height: 80px !important; border-radius: 8px !important; margin-right: 20px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }
.fe-style-7d1faedf { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.fe-style-0c73ff91 { font-size: 32px !important; color: #4f46e5 !important; }
.fe-style-aad2bd59 { width: 80px !important; height: 80px !important; border-radius: 8px !important; object-fit: cover !important; margin-right: 20px !important; }
.fe-style-a23795bb { width: 80px !important; height: 80px !important; border-radius: 8px !important; margin-right: 20px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.fe-style-a7667d44 { flex-grow: 1 !important; }
.fe-style-9abc890b { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 5px !important; }
.fe-style-66e41284 { color: #1e293b !important; }
.fe-style-ccd7dd3b { margin-bottom: 8px !important; }
.fe-style-32f20b85 { font-size: 11px !important; color: #fff !important; border-radius: 50px !important; padding: 3px 12px !important; display: inline-block !important; }
.fe-style-56f55e6b { font-size: 11px !important; background: #6c757d !important; color: #fff !important; border-radius: 50px !important; padding: 3px 12px !important; display: inline-block !important; }
.fe-style-559920b0 { margin: 0 !important; font-size: 13px !important; color: #64748b !important; }
.fe-style-f91e1b03 { text-align: right !important; margin-left: auto !important; }
.fe-style-ecaea459 { font-size: 13px !important; text-decoration: line-through !important; margin-bottom: -5px !important; }
.fe-style-997aa190 { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 8px !important; }
.fe-style-bac439c2 { color: #dc3545 !important; background: transparent !important; border: none !important; text-decoration: underline !important; cursor: pointer !important; padding: 0 !important; }
.fe-style-bcfb5523 { padding: 40px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; position: sticky !important; top: 20px !important; }
.fe-style-991d4120 { font-size: 20px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 25px !important; border-bottom: 1px solid #eee !important; padding-bottom: 15px !important; }
.fe-style-b22596d6 { display: flex !important; justify-content: space-between !important; margin-bottom: 15px !important; color: #64748b !important; font-size: 15px !important; }
.fe-style-ce187819 { display: flex !important; justify-content: space-between !important; margin-bottom: 15px !important; color: #10b981 !important; font-size: 15px !important; }
.fe-style-3518bb70 { color: #dc3545 !important; font-size: 12px !important; margin-left: 5px !important; }
.fe-style-0b6fc494 { font-size: 14px !important; border-radius: 5px 0 0 5px !important; }
.fe-style-ed64b6ff { display:none !important; font-size: 13px !important; }
.fe-style-b23c49a9 { border-top: 1px solid #eee !important; margin: 20px 0 !important; }
.fe-style-5346f599 { display: flex !important; justify-content: space-between !important; margin-bottom: 30px !important; font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; }
.fe-style-60ee741c { color: #4f46e5 !important; }
.fe-style-fbcd44c6 { background: #4f46e5 !important; color: #fff !important; padding: 15px 30px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; width: 100% !important; display: block !important; text-align: center !important; font-size: 16px !important; text-decoration: none !important; cursor: pointer !important; line-height: 1.2 !important; }
.fe-style-7ea26239 { display:none !important; color: #dc3545 !important; font-size: 13px !important; text-align: center !important; padding: 8px !important; background: #fff5f5 !important; border-radius: 6px !important; border: 1px solid #fecaca !important; }
.fe-style-24722c38 { text-align:center !important; margin-top: 10px !important; }
.fe-style-1bee2500 { text-align: center !important; margin-top: 15px !important; }
.fe-style-4643d58b { color: #64748b !important; font-size: 14px !important; text-decoration: underline !important; }
.fe-style-96b56dd6 { padding: 80px 40px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; text-align: center !important; }
.fe-style-e1f6f5e8 { font-size: 64px !important; color: #cbd5e1 !important; margin-bottom: 25px !important; }
.fe-style-f4a61bec { font-size: 24px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 10px !important; }
.fe-style-ac84748c { font-size: 15px !important; color: #64748b !important; margin-bottom: 30px !important; }
.fe-style-0232c646 { background: #4f46e5 !important; color: #fff !important; padding: 12px 35px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; }
.fe-style-ef2a5cc3 { display: flex !important; flex-direction: column !important; align-items: flex-start !important; position: relative !important; z-index: 2 !important; }
.fe-style-d1d595b3 { background: transparent !important; padding: 0 !important; margin-bottom: 12px !important; font-size: 13.5px !important; display: flex !important; align-items: center !important; gap: 4px !important; float: none !important; width: 100% !important; }
.fe-style-e810998e { color: rgba(255,255,255,0.85) !important; text-decoration: none !important; }
.fe-style-61b6ba12 { color: rgba(255, 255, 255, 0.4) !important; font-size: 10px !important; margin: 0 8px !important; }
.fe-style-c4a83742 { margin-bottom: 0 !important; font-size: 34px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.2 !important; display: block !important; clear: both !important; }
.fe-style-4d1e5c7d { max-width: 600px !important; }
.fe-style-4b7b394d { padding: 40px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; text-align: center !important; }
.fe-style-c7872622 { font-size: 64px !important; color: #dc3545 !important; margin-bottom: 20px !important; }
.fe-style-c3e0b7fc { display: flex !important; flex-direction: column !important; gap: 15px !important; }
.fe-style-b17ba43e { background: #4f46e5 !important; color: #fff !important; padding: 15px 30px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; width: 100% !important; display: block !important; text-align: center !important; font-size: 16px !important; }
.fe-style-7180b736 { background: #1e293b !important; color: #fff !important; padding: 15px 30px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; width: 100% !important; display: block !important; text-align: center !important; font-size: 16px !important; }
.fe-style-22daff9d { margin-bottom: 0 !important; font-size: 34px !important; font-weight: 800 !important; background: linear-gradient(to right, #ffffff 40%, #a5f3fc 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1.2 !important; display: block !important; clear: both !important; }
.fe-style-e7fd132a { box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; }
.fe-style-cb6eca4c { border-bottom: 1px solid #f1f5f9 !important; display: flex !important; align-items: center !important; gap: 15px !important; }
.fe-style-b12a4c1d { width: 50px !important; height: 50px !important; border-radius: 8px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.fe-style-ab12c035 { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 8px !important; }
.fe-style-55f1b0c7 { font-size: 20px !important; color: #4f46e5 !important; }
.fe-style-5176b8cb { width: 50px !important; height: 50px !important; border-radius: 8px !important; object-fit: cover !important; flex-shrink: 0 !important; }
.fe-style-af18eac8 { font-size: 20px !important; }
.fe-style-b149a10c { font-size: 15px !important; margin-bottom: 3px !important; color: #1e293b !important; }
.fe-style-fd45faab { font-size: 10px !important; background: #f1f5f9 !important; border: 1px solid #cbd5e1 !important; border-radius: 50px !important; }
.fe-style-1f0b4df7 { font-size: 15px !important; color: #1e293b !important; }
.fe-style-18e75242 { border-top: 1px solid #f1f5f9 !important; }
.fe-style-8190fa45 { margin-right: 4px !important; }
.fe-style-eea5458e { background: #fafafa !important; }
.fe-style-577345cb { font-size: 64px !important; color: #10b981 !important; }
.fe-style-f7ea3d34 { max-width: 420px !important; margin: 0 auto 24px !important; font-size: 14.5px !important; }
.fe-style-cc75e47e { max-width: 450px !important; text-align: left !important; box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important; }
.fe-style-61bada66 { width: 100% !important; min-height: 400px !important; transition: opacity 0.3s ease !important; }
.fe-style-499df8f2 { font-size: 15px !important; }
.fe-style-100d5d39 { margin-right: 4px !important; }
.fe-style-11e8aa03 { font-size: 11.5px !important; background: #f8fafc !important; }
.fe-style-0cf6b30d { width: 48px !important; height: 48px !important; flex-shrink: 0 !important; background: #eef2ff !important; margin-right: 15px !important; }
.fe-style-727cfc16 { width: 48px !important; height: 48px !important; flex-shrink: 0 !important; background: #ecfdf5 !important; margin-right: 15px !important; }
.fe-style-26bf28ec { width: 48px !important; height: 48px !important; flex-shrink: 0 !important; background: #f0fdf4 !important; margin-right: 15px !important; }
.fe-style-a40d1177 { color: #64748b !important; font-size: 13.5px !important; }
.fe-style-204000c0 { padding: 55px 0 40px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; color: #fff !important; position: relative !important; overflow: hidden !important; }
.fe-style-110b5893 { width: 100% !important; display: block !important; margin-bottom: 10px !important; }
.fe-style-acd6642b { font-size: 13px !important; display: flex !important; align-items: center !important; gap: 4px !important; color: rgba(255,255,255,0.8) !important; }
.fe-style-efe1774e { color: rgba(255,255,255,0.8) !important; text-decoration: none !important; }
.fe-style-ccd2bb6c { color: rgba(255, 255, 255, 0.4) !important; font-size: 9px !important; margin: 0 6px !important; }
.fe-style-24cd27d3 { color: rgba(255, 255, 255, 0.7) !important; }
.fe-style-abf2b924 { clear: both !important; display: block !important; width: 100% !important; }
.fe-style-f645c2ca { display: flex !important; align-items: center !important; gap: 14px !important; margin-top: 4px !important; flex-wrap: wrap !important; }
.fe-style-a519e28e { margin: 0 !important; font-size: 32px !important; font-weight: 800 !important; background: linear-gradient(to right, #ffffff 40%, #a5f3fc 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1.2 !important; }
.fe-style-099c8c37 { background: rgba(16, 185, 129, 0.2) !important; color: #a7f3d0 !important; border: 1px solid rgba(52, 211, 153, 0.4) !important; font-size: 13px !important; font-weight: 700 !important; padding: 6px 14px !important; border-radius: 20px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-2e61b773 { max-width: 780px !important; }
.fe-style-ca7ff2c3 { padding: 40px !important; box-shadow: 0px 20px 40px -10px rgba(15, 23, 42, 0.08) !important; border-radius: 20px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; }
.fe-style-47cde1f5 { width: 80px !important; height: 80px !important; border-radius: 50% !important; background: #ecfdf5 !important; color: #10b981 !important; font-size: 42px !important; border: 4px solid #d1fae5 !important; }
.fe-style-c8feb317 { font-size: 26px !important; font-weight: 800 !important; color: #0f172a !important; }
.fe-style-851dfa2d { font-size: 15px !important; color: #64748b !important; margin-bottom: 0 !important; max-width: 540px !important; }
.fe-style-ac9d76b8 { background: #f8fafc !important; border-radius: 14px !important; border: 1px solid #e2e8f0 !important; padding: 20px !important; }
.fe-style-c4dc3602 { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; font-weight: 700 !important; color: #64748b !important; }
.fe-style-f0bf47d4 { font-size: 13px !important; color: #1e293b !important; font-family: monospace !important; word-break: break-all !important; }
.fe-style-7679faf3 { background: #10b981 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; padding: 5px 12px !important; border-radius: 20px !important; }
.fe-style-3774b366 { font-size: 20px !important; color: #059669 !important; font-weight: 800 !important; }
.fe-style-aec89696 { font-size: 17px !important; color: #0f172a !important; border-bottom: 2px solid #f1f5f9 !important; padding-bottom: 12px !important; }
.fe-style-76674537 { font-size: 13px !important; }
.fe-style-6aa41496 { border-color: #cbd5e1 !important; background: #ffffff !important; border-radius: 14px !important; transition: all 0.2s ease !important; }
.fe-style-81177047 { width: 56px !important; height: 56px !important; border-radius: 12px !important; background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 24px !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2) !important; }
.fe-style-909aad1a { font-size: 24px !important; color: #fff !important; }
.fe-style-5ca53abc { font-size: 17px !important; color: #0f172a !important; }
.fe-style-d7f21e5e { font-weight: 600 !important; font-size: 12px !important; }
.fe-style-6ec70819 { font-size: 11px !important; }
.fe-style-743d48d0 { color: #0f172a !important; }
.fe-style-3debc34d { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; color: #475569 !important; }
.fe-style-b7dbe9cd { color: #f59e0b !important; }
.fe-style-576225bd { background: #fef3c7 !important; color: #92400e !important; font-size: 11px !important; font-weight: 600 !important; }
.fe-style-18675eac { background: #0f172a !important; color: #f8fafc !important; font-family: monospace !important; font-size: 14px !important; border: 1px solid #1e293b !important; }
.fe-style-a5ea5899 { background: #0f172a !important; color: #ffffff !important; border-radius: 10px !important; font-size: 15px !important; text-decoration: none !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important; }
.fe-style-da93ea98 { background: #ffffff !important; color: #334155 !important; border-radius: 10px !important; font-size: 15px !important; text-decoration: none !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid #cbd5e1 !important; }
.fe-style-9c7460e4 { background: #4f46e5 !important; color: #fff !important; padding: 15px 30px !important; font-weight: bold !important; border: none !important; border-radius: 10px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 16px !important; text-decoration: none !important; }
.fe-style-dd8d5d10 { font-size: 13px !important; color: #94a3b8 !important; text-align: center !important; }
.fe-style-e60fe68c { color: #6366f1 !important; }
.fe-style-224b51a7 { display: none !important; }
.fe-style-e1ba36af { padding: 35px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; text-align: left !important; }
.fe-style-cd99fc7c { font-size: 20px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 15px !important; }
.fe-style-764bc682 { color: #64748b !important; font-size: 14.5px !important; margin-bottom: 25px !important; line-height: 1.6 !important; }
.fe-style-81d62064 { background: #ecfdf5 !important; border: 1px solid #a7f3d0 !important; color: #065f46 !important; border-radius: 8px !important; padding: 15px !important; margin-bottom: 25px !important; font-size: 14.5px !important; }
.fe-style-beab5831 { font-size: 16px !important; }
.fe-style-2dab947f { background: #fef2f2 !important; border: 1px solid #fca5a5 !important; color: #991b1b !important; border-radius: 8px !important; padding: 15px !important; margin-bottom: 25px !important; font-size: 14.5px !important; }
.fe-style-a4487494 { padding-left: 20px !important; margin: 0 !important; }
.fe-style-6a060797 { font-weight: 600 !important; font-size: 13.5px !important; color: #334155 !important; margin-bottom: 8px !important; display: block !important; }
.fe-style-5c7fc723 { height: 46px !important; border-radius: 6px !important; border: 1px solid #cbd5e1 !important; padding: 10px 15px !important; font-size: 14.5px !important; width: 100% !important; transition: border-color 0.2s !important; }
.fe-style-4f47575b { border-radius: 6px !important; border: 1px solid #cbd5e1 !important; padding: 12px 15px !important; font-size: 14.5px !important; width: 100% !important; transition: border-color 0.2s !important; }
.fe-style-ca854492 { background: #4f46e5 !important; color: #fff !important; padding: 12px 30px !important; font-weight: bold !important; border: none !important; border-radius: 6px !important; font-size: 14.5px !important; display: inline-block !important; text-decoration: none !important; cursor: pointer !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2) !important; width: 100% !important; }
.fe-style-50e38b56 { font-size: 20px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 25px !important; border-bottom: 1px solid #eee !important; padding-bottom: 15px !important; }
.fe-style-06030f62 { display: flex !important; margin-bottom: 25px !important; }
.fe-style-a8494007 { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: rgba(79, 70, 229, 0.08) !important; color: #4f46e5 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; margin-right: 15px !important; flex-shrink: 0 !important; }
.fe-style-03f5c048 { font-size: 15px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 5px !important; }
.fe-style-b48277ab { color: #64748b !important; font-size: 14px !important; margin: 0 !important; line-height: 1.5 !important; }
.fe-style-8b007e95 { color: #4f46e5 !important; text-decoration: none !important; }
.fe-style-e9ebe922 { display: flex !important; }
.fe-style-3f99d749 { width: 50px !important; height: 50px !important; background-color: rgba(0, 123, 255, 0.1) !important; }
.fe-style-fa415b95 { font-size: 1.5rem !important; }
.fe-style-868db8e2 { border-color: #e9ecef !important; }
.fe-style-0500d4ac { width: 65px !important; height: 65px !important; background-color: rgba(40, 167, 69, 0.1) !important; }
.fe-style-1e52ae17 { font-size: 2rem !important; }
.fe-style-1c323c56 { font-size: 0.8rem !important; letter-spacing: 0.5px !important; }
.fe-style-1ba4cc74 { width: 65px !important; height: 65px !important; background-color: rgba(23, 162, 184, 0.1) !important; }
.fe-style-2ac67a5e { background-color: rgba(40, 167, 69, 0.1) !important; color: #28a745 !important; padding: 6px 12px !important; font-weight: 700 !important; border-radius: 4px !important; }
.fe-style-80697981 { background-color: rgba(255, 193, 7, 0.1) !important; color: #ffc107 !important; padding: 6px 12px !important; font-weight: 700 !important; border-radius: 4px !important; }
.fe-style-46f9bb25 { background-color: rgba(220, 53, 69, 0.1) !important; color: #dc3545 !important; padding: 6px 12px !important; font-weight: 700 !important; border-radius: 4px !important; }
.fe-style-c78a4ce6 { padding: 6px 12px !important; font-weight: 700 !important; border-radius: 4px !important; font-size: 75% !important; line-height: 1 !important; }
.fe-style-fc7ea617 { font-size: 0.75rem !important; font-weight: 600 !important; letter-spacing: 0.5px !important; }
.fe-style-14fa8787 { font-size: 1.25rem !important; }
.fe-style-dc18ebc7 { width: 40px !important; height: 40px !important; background-color: rgba(0, 123, 255, 0.1) !important; }
.fe-style-c5e55cd9 { width: 60px !important; height: 60px !important; background-color: rgba(255, 193, 7, 0.1) !important; }
.fe-style-a1c15b4d { background-color: rgba(255, 193, 7, 0.15) !important; border: 1px solid rgba(255, 193, 7, 0.3) !important; border-left: 4px solid #ffc107 !important; color: #856404 !important; border-radius: 6px !important; }
.fe-style-3bf66f21 { font-size: 1.5rem !important; color: #ffc107 !important; }
.fe-style-af89d6d6 { font-size: 0.75rem !important; }
.fe-style-fb2a7115 { font-size: 0.8rem !important; }
.fe-style-681b1887 { background-color: rgba(40, 167, 69, 0.1) !important; color: #28a745 !important; padding: 5px 10px !important; font-weight: 700 !important; border-radius: 4px !important; }
.fe-style-55b6625e { background-color: rgba(255, 193, 7, 0.1) !important; color: #ffc107 !important; padding: 5px 10px !important; font-weight: 700 !important; border-radius: 4px !important; }
.fe-style-51729c7c { background-color: rgba(220, 53, 69, 0.1) !important; color: #dc3545 !important; padding: 5px 10px !important; font-weight: 700 !important; border-radius: 4px !important; }
.fe-style-bfbd12db { background: #ecfdf5 !important; color: #065f46 !important; border: 1px solid #a7f3d0 !important; padding: 15px 20px !important; font-weight: 600 !important; }
.fe-style-a595b0aa { background: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fecaca !important; padding: 15px 20px !important; font-weight: 600 !important; }
.fe-style-e51d3bec { font-size: 26px !important; font-weight: 800 !important; margin-bottom: 8px !important; color: #ffffff !important; }
.fe-style-b17b4bd5 { font-size: 15px !important; color: rgba(255, 255, 255, 0.85) !important; margin-bottom: 0 !important; max-width: 600px !important; line-height: 1.6 !important; }
.fe-style-e14cfa3c { padding: 25px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 12px !important; background: #fff !important; display: flex !important; align-items: center !important; justify-content: start !important; gap: 20px !important; height: 100% !important; }
.fe-style-7f54b485 { width: 54px !important; height: 54px !important; border-radius: 50% !important; background: #e0e7ff !important; color: #4f46e5 !important; font-size: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.fe-style-eca3894f { font-size: 26px !important; font-weight: 800 !important; color: #0f172a !important; margin: 0 !important; }
.fe-style-cee92086 { font-size: 13px !important; color: #64748b !important; margin: 0 !important; font-weight: 600 !important; }
.fe-style-17fb8e4b { width: 54px !important; height: 54px !important; border-radius: 50% !important; background: #ecfdf5 !important; color: #10b981 !important; font-size: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.fe-style-69cadd17 { width: 54px !important; height: 54px !important; border-radius: 50% !important; background: #f0f9ff !important; color: #0284c7 !important; font-size: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.fe-style-df031bfa { font-size: 18px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 25px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.fe-style-e8a69987 { background: #e0e7ff !important; color: #4f46e5 !important; }
.fe-style-7e1833db { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; }
.fe-style-01aef89a { font-size: 14px !important; color: #64748b !important; line-height: 1.5 !important; margin-bottom: 20px !important; }
.fe-style-932d907c { background: #4f46e5 !important; color: #ffffff !important; border-radius: 8px !important; font-size: 14px !important; padding: 10px 15px !important; border: none !important; transition: background 0.2s !important; }
.fe-style-db102963 { margin-left: 6px !important; font-size: 12px !important; }
.fe-style-631203cd { background: #ecfdf5 !important; color: #10b981 !important; }
.fe-style-ef4a6ea2 { background: #10b981 !important; color: #ffffff !important; border-radius: 8px !important; font-size: 14px !important; padding: 10px 15px !important; border: none !important; transition: background 0.2s !important; }
.fe-style-c684a4ac { background: #f0f9ff !important; color: #0284c7 !important; }
.fe-style-2c6672a5 { background: #0284c7 !important; color: #ffffff !important; border-radius: 8px !important; font-size: 14px !important; padding: 10px 15px !important; border: none !important; transition: background 0.2s !important; }
.fe-style-999c730e { background: #fff7ed !important; color: #ea580c !important; }
.fe-style-e5408b6c { background: #ea580c !important; color: #ffffff !important; border-radius: 8px !important; font-size: 14px !important; padding: 10px 15px !important; border: none !important; transition: background 0.2s !important; }
.fe-style-98efcd3a { margin-bottom: 15px !important; font-size: 32px !important; font-weight: 800 !important; background: linear-gradient(to right, #ffffff 40%, #a5f3fc 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1.2 !important; }
.fe-style-03581ef4 { max-width: 600px !important; margin: 0 auto !important; color: rgba(255, 255, 255, 0.8) !important; }
.fe-style-325e4549 { padding: 1rem 1.25rem !important; font-size: 1.1rem !important; border: none !important; box-shadow: none !important; }
.fe-style-b9aa2f6e { font-size: 1.05rem !important; line-height: 1.8 !important; border-top: 1px solid rgba(0,0,0,.125) !important; }
.fe-style-73a6799d { background-color: #f8fafc !important; border: 1px dashed #cbd5e1 !important; }
.fe-style-87b41d5f { border-radius: 8px !important; font-weight: 600 !important; }
.fe-style-3271aa29 { background: #f1f5f9 !important; color: #475569 !important; border-radius: 8px !important; border: 1px solid #cbd5e1 !important; text-decoration: none !important; font-size: 14px !important; transition: all 0.2s !important; }
.fe-style-7ef1bbdc { background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important; color: #fff !important; border-radius: 8px !important; border: none !important; font-size: 14px !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3) !important; cursor: pointer !important; transition: all 0.2s !important; }
.fe-style-ca9be5ce { border-color: #e2e8f0 !important; border-radius: 16px !important; min-height: 800px !important; position: relative !important; }
.fe-style-2980921b { position: absolute !important; top: 0 !important; right: 0 !important; width: 300px !important; height: 300px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; pointer-events: none !important; border-radius: 16px !important; }
.fe-style-d76dfbff { border-color: #f1f5f9 !important; }
.fe-style-c5b7fb0d { display: flex !important; align-items: center !important; }
.fe-style-78d50919 { flex-shrink: 0 !important; width: 48px !important; height: 48px !important; border-radius: 12px !important; background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 20px !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25) !important; }
.fe-style-0b0701bf { margin-left: 16px !important; }
.fe-style-3fcfc9af { font-size: 24px !important; letter-spacing: -0.5px !important; line-height: 1.2 !important; }
.fe-style-9d3b2f27 { font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: block !important; line-height: 1.2 !important; }
.fe-style-40d58c53 { font-size: 28px !important; letter-spacing: -0.5px !important; color: #1e293b !important; }
.fe-style-267f6d50 { font-size: 14px !important; }
.fe-style-14c0184c { background: #ecfdf5 !important; color: #059669 !important; border: 1px solid #a7f3d0 !important; padding: 4px 12px !important; border-radius: 20px !important; font-weight: 700 !important; font-size: 12px !important; }
.fe-style-e89f32f4 { background: #fffbeb !important; color: #d97706 !important; border: 1px solid #fde68a !important; padding: 4px 12px !important; border-radius: 20px !important; font-weight: 700 !important; font-size: 12px !important; }
.fe-style-e0126984 { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; padding: 4px 12px !important; border-radius: 20px !important; font-weight: 700 !important; font-size: 12px !important; }
.fe-style-b6ca2d2f { font-size: 11px !important; letter-spacing: 0.8px !important; }
.fe-style-46f5db22 { font-size: 16px !important; margin-bottom: 5px !important; }
.fe-style-374aad47 { line-height: 1.6 !important; }
.fe-style-cda76eb2 { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; }
.fe-style-ea9655ae { border-color: #e2e8f0 !important; }
.fe-style-1471471a { font-size: 11px !important; text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 0.5px !important; }
.fe-style-345895de { font-size: 12px !important; }
.fe-style-91f0dac5 { width: 100% !important; border-collapse: collapse !important; }
.fe-style-ca09558f { border-bottom: 2px solid #cbd5e1 !important; font-size: 11px !important; font-weight: 800 !important; color: #475569 !important; letter-spacing: 0.5px !important; }
.fe-style-d159b557 { padding: 12px 10px !important; width: 60% !important; }
.fe-style-6b5ae632 { padding: 12px 10px !important; text-align: center !important; width: 15% !important; }
.fe-style-8f8a7c86 { padding: 12px 10px !important; text-align: center !important; width: 10% !important; }
.fe-style-4df4e2de { padding: 12px 10px !important; text-align: right !important; width: 15% !important; }
.fe-style-61221e13 { border-bottom: 1px solid #e2e8f0 !important; }
.fe-style-13645851 { padding: 15px 10px !important; }
.fe-style-440c4be0 { padding: 15px 10px !important; text-align: center !important; }
.fe-style-a2c84adb { font-weight: 700 !important; font-size: 11px !important; padding: 4px 10px !important; border-radius: 12px !important; }
.fe-style-a37b6d99 { padding: 15px 10px !important; text-align: center !important; font-weight: 600 !important; color: #0f172a !important; }
.fe-style-b28fcdc1 { padding: 15px 10px !important; text-align: right !important; font-weight: 700 !important; color: #0f172a !important; }
.fe-style-c5ce2bd9 { font-size: 20px !important; font-weight: 800 !important; }
.fe-style-a2f1d563 { border-color: #f1f5f9 !important; font-size: 12px !important; color: #94a3b8 !important; line-height: 1.6 !important; }
.fe-style-39ece075 { font-family: 'Inter', sans-serif !important; }
.fe-style-2383b5f1 { max-width: 450px !important; }
.fe-style-b8d25a8b { background: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; }
.fe-style-99bc04f8 { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 15px !important; }
.fe-style-0f65d452 { display: flex !important; align-items: center !important; gap: 25px !important; }
.fe-style-d940d996 { float: none !important; margin: 0 !important; }
.fe-style-11a132b2 { display: flex !important; align-items: center !important; gap: 20px !important; margin: 0 !important; }
.fe-style-2cef0d15 { display: inline-flex !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; color: #1e293b !important; font-weight: 600 !important; font-size: 14px !important; }
.fe-style-052ff0c6 { width: 18px !important; height: 18px !important; }
.fe-style-db075549 { display: flex !important; align-items: center !important; gap: 10px !important; float: none !important; margin: 0 !important; }
.fe-style-7677160f { margin: 0 5px 0 0 !important; }
.fe-style-273b1323 { color: #64748b !important; }
.fe-style-e2b74ba6 { margin: 0 !important; }
.fe-style-b83560fa { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 36px !important; width: 36px !important; padding: 0 !important; border-radius: 6px !important; background: #f1f5f9 !important; color: #1e293b !important; text-decoration: none !important; position: relative !important; overflow: visible !important; float: none !important; margin: 0 !important; max-width: none !important; }
.fe-style-5700f82c { position: absolute !important; top: -6px !important; right: -6px !important; background: #ef4444 !important; color: white !important; border-radius: 50% !important; width: 20px !important; height: 20px !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; border: 2px solid #ffffff !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; }
.fe-style-b6cbd43b { position: absolute !important; top: -6px !important; right: -6px !important; background: #ef4444 !important; color: white !important; border-radius: 50% !important; width: 20px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; border: 2px solid #0f172a !important; box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; }
.fe-style-3fd841bd { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 36px !important; line-height: 36px !important; padding: 0 14px !important; border-radius: 6px !important; background: #f1f5f9 !important; color: #1e293b !important; text-decoration: none !important; max-width: none !important; float: none !important; margin: 0 !important; }
.fe-style-515f0716 { font-size: 13px !important; font-weight: 600 !important; }
.fe-style-fe88c716 { background: #0f172a !important; }
.fe-style-70e46879 { font-size: 13.5px !important; max-width: 100% !important; }
.fe-style-be828b84 { background: rgba(16, 185, 129, 0.1) !important; border: 1px solid rgba(16, 185, 129, 0.3) !important; color: #34d399 !important; border-radius: 6px !important; padding: 12px 14px !important; font-size: 13.5px !important; }
.fe-style-768e1f23 { font-size: 18px !important; }
.fe-style-4f4264b6 { background: rgba(56, 189, 248, 0.1) !important; border: 1px solid rgba(56, 189, 248, 0.3) !important; color: #38bdf8 !important; border-radius: 6px !important; padding: 12px 14px !important; font-size: 13.5px !important; }
.fe-style-36bbce85 { display: flex !important; gap: 0 !important; }
.fe-style-0a21d42b { height: 44px !important; border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-right: none !important; color: #fff !important; padding: 10px 14px !important; font-size: 13.5px !important; }
.fe-style-d8d4c374 { height: 44px !important; background: #0284c7 !important; color: #fff !important; padding: 0 18px !important; font-weight: 700 !important; border: none !important; border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; font-size: 13.5px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; cursor: pointer !important; white-space: nowrap !important; transition: background 0.2s ease !important; }
.fe-style-d1254b82 { color: rgba(255, 255, 255, 0.8) !important; }
.fe-style-436d9932 { padding: 20px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; }
.fe-style-86c43506 { text-align: center !important; margin-bottom: 20px !important; }
.fe-style-3032cf83 { font-size: 18px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 5px !important; }
.fe-style-8811fa82 { font-size: 14px !important; color: #777 !important; }
.fe-style-c42e0ec4 { margin-bottom: 0 !important; }
.fe-style-266b42db { color: {{ request()->routeIs('dashboard') ? '#007bff' : '#555' !important; }}; font-weight: {{ request()->routeIs('dashboard') ? '700' : '500' }}; padding: 10px 15px; border-radius: 5px; background: {{ request()->routeIs('dashboard') ? '#f0f8ff' : 'transparent' }}; display: block; margin-bottom: 5px; transition: all 0.2s; }
.fe-style-f851049a { width: 20px !important; margin-right: 10px !important; text-align: center !important; }
.fe-style-9dea35d6 { color: {{ request()->routeIs('user.purchases') ? '#007bff' : '#555' !important; }}; font-weight: {{ request()->routeIs('user.purchases') ? '700' : '500' }}; padding: 10px 15px; border-radius: 5px; background: {{ request()->routeIs('user.purchases') ? '#f0f8ff' : 'transparent' }}; display: block; margin-bottom: 5px; transition: all 0.2s; }
.fe-style-f513c417 { color: {{ request()->routeIs('profile.edit') ? '#007bff' : '#555' !important; }}; font-weight: {{ request()->routeIs('profile.edit') ? '700' : '500' }}; padding: 10px 15px; border-radius: 5px; background: {{ request()->routeIs('profile.edit') ? '#f0f8ff' : 'transparent' }}; display: block; margin-bottom: 5px; transition: all 0.2s; }
.fe-style-08df9729 { color: {{ request()->routeIs('dashboard.affiliate') ? '#007bff' : '#555' !important; }}; font-weight: {{ request()->routeIs('dashboard.affiliate') ? '700' : '500' }}; padding: 10px 15px; border-radius: 5px; background: {{ request()->routeIs('dashboard.affiliate') ? '#f0f8ff' : 'transparent' }}; display: block; margin-bottom: 5px; transition: all 0.2s; }
.fe-style-3789bd6e { color: #555 !important; font-weight: 500 !important; padding: 10px 15px !important; border-radius: 5px !important; background: transparent !important; display: block !important; margin-bottom: 5px !important; transition: all 0.2s !important; }
.fe-style-64e033f4 { color: #dc3545 !important; font-weight: 700 !important; padding: 10px 15px !important; border-radius: 5px !important; background: #fde8e8 !important; display: block !important; transition: all 0.2s !important; }
.fe-style-b0b2c029 { color: #dc3545 !important; font-weight: 500 !important; padding: 10px 15px !important; border-radius: 5px !important; background: transparent !important; display: block !important; width: 100% !important; text-align: left !important; border: none !important; cursor: pointer !important; transition: all 0.2s !important; }
.fe-style-fd65fc87 { margin-bottom: 25px !important; line-height: 1.7 !important; color: #555 !important; }
.fe-style-3f422c54 { list-style: none !important; padding-left: 0 !important; }
.fe-style-42ecfc53 { font-size: 20px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 10px !important; }
.fe-style-fd00ba8e { display: flex !important; align-items: center !important; gap: 15px !important; flex-wrap: wrap !important; }
.fe-style-e0dd7f88 { position: relative !important; display: flex !important; align-items: center !important; }
.fe-style-48c2b51d { padding: 8px 15px 8px 38px !important; border-radius: 5px !important; width: 220px !important; height: 38px !important; background: #ffffff !important; border: none !important; color: #1e293b !important; font-weight: 600 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; outline: none !important; }
.fe-style-5df2bc4e { position: absolute !important; left: 14px !important; color: #64748b !important; font-size: 13px !important; }
.fe-style-8c19716a { font-weight: 600 !important; color: #cbd5e1 !important; white-space: nowrap !important; margin-bottom: 0 !important; margin-right: 5px !important; }
.fe-style-3902c30d { padding: 8px 15px !important; border-radius: 5px !important; min-width: 150px !important; height: 38px !important; background: #ffffff !important; border: none !important; color: #1e293b !important; font-weight: 600 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }
.fe-style-8950f911 { border-radius: 5px !important; padding: 6px 16px !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; font-weight: 500 !important; text-decoration: none !important; }
.fe-style-f908d181 { font-size: 14px !important; color: #64748b !important; font-weight: 500 !important; }
.fe-style-bd77f525 { color: #4f46e5 !important; margin-right: 8px !important; }
.fe-style-62026b2b { border-radius: 12px !important; overflow: hidden !important; background: #fff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important; height: 100% !important; border: 1px solid rgba(0,0,0,0.03) !important; }
.fe-style-56e5f99a { position: relative !important; overflow: hidden !important; height: 200px !important; }
.fe-style-36a6e9ec { top: 12px !important; left: 12px !important; font-size: 11px !important; padding: 5px 10px !important; border-radius: 6px !important; background: rgba(15, 23, 42, 0.8) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; border: 1px solid rgba(255,255,255,0.1) !important; z-index: 2 !important; }
.fe-style-09213361 { height: 200px !important; }
.fe-style-6e4d4ad8 { height: 128px !important; }
.fe-style-cb934697 { font-size: 18px !important; font-weight: 700 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.fe-style-78e861b3 { color: #f59e0b !important; gap: 4px !important; }
.fe-style-b7a2f0d9 { gap: 2px !important; }
.fe-style-0f26af56 { font-size: 12px !important; margin-left: 2px !important; }
.fe-style-ffee4da6 { color: #64748b !important; font-size: 14px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; height: 38px !important; line-height: 1.4 !important; margin-bottom: 0 !important; }
.fe-style-42819241 { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; line-height: 1.1 !important; }
.fe-style-93e8309b { font-size: 12px !important; font-weight: 500 !important; }
.fe-style-1d027dbb { font-size: 48px !important; color: #cbd5e1 !important; margin-bottom: 20px !important; }
.fe-style-f2aaaa60 { background: #4f46e5 !important; border: none !important; border-radius: 5px !important; padding: 10px 25px !important; }
.fe-style-f14d36aa { font-size: 14.5px !important; }
.fe-style-329bba29 { margin-left: 8px !important; }
.fe-style-bbf00d81 { font-size: 12px !important; margin-left: auto !important; }
.fe-style-0b906ee1 { margin-right: 6px !important; color: #cbd5e1 !important; }
.fe-style-86c47f5d { cursor: pointer !important; background: none !important; }
.fe-style-43ae80ab { margin-left: 8px !important; }
.fe-style-d421c747 { font-size: 13.5px !important; }
.fe-style-c77a34ef { font-size: 11.5px !important; margin-left: auto !important; }
.fe-style-e63fffc6 { margin-left: 5px !important; }
.fe-style-61440a46 { background: #ffffff !important; border-radius: 16px !important; border: 1px solid #e2e8f0 !important; }
.fe-style-b2d2033a { color: #3b82f6 !important; }
.fe-style-afbbd663 { font-size: 48px !important; }
.fe-style-2266d737 { color: #0f172a !important; font-weight: 700 !important; margin-bottom: 12px !important; }
.fe-style-4353b68d { font-size: 15px !important; max-width: 500px !important; margin: 0 auto !important; }
.fe-style-5edf39ba { text-align: left !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }
.fe-style-a018f3b2 { background: #f8fafc !important; border-left: 3px solid #6366f1 !important; font-size: 13.5px !important; text-align: left !important; }
.fe-style-2f65a66e { margin-left: 0 !important; }
.fe-style-c95878bc { margin-left: auto !important; font-size: 11px !important; }
.fe-style-b489c2fd { font-size: 13.5px !important; line-height: 1.5 !important; white-space: pre-line !important; }
.fe-style-b75c843a { font-size: 12px !important; margin-bottom: 4px !important; display: block !important; }
.fe-style-0541cacb { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 12px !important; font-size: 24px !important; color: #a5f3fc !important; overflow: hidden !important; margin-right: 16px !important; }
.fe-style-6b6ed02c { font-size: 64px !important; }
.fe-style-9ddd0d15 { text-align: left !important; }
.fe-style-8e786abc { color: #0f172a !important; font-size: 16px !important; }
.fe-style-352b533a { font-size: 13px !important; display: block !important; }
.fe-style-20285d6d { gap: 6px !important; font-size: 24px !important; color: #cbd5e1 !important; cursor: pointer !important; display: inline-flex !important; }
.fe-style-a7c6c493 { color: #f59e0b !important; transition: color 0.15s ease, transform 0.1s ease !important; }
.fe-style-a7cac501 { background: #f8fafc !important; }
.fe-style-88be422f { background: #f8fafc !important; border-radius: 12px !important; border: 1px solid #e2e8f0 !important; }
.fe-style-0ffbfb40 { text-align: left !important; margin-top: 15px !important; }
.fe-style-954f4f9a { border-bottom: 1px dashed #e2e8f0 !important; text-align: left !important; }
.fe-style-c629c750 { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.fe-style-1d3df26d { font-size: 13px !important; font-weight: bold !important; background: #4f46e5 !important; }
.fe-style-a72553fc { font-size: 13px !important; font-weight: 500 !important; }
.fe-style-c02c7d9c { margin-right: 5px !important; }
.fe-style-cafe7a3c { padding-left: 20px !important; list-style-type: disc !important; margin-bottom: 0 !important; }
.fe-style-2a898799 { font-size: 14.5px !important; color: #475569 !important; margin-bottom: 8px !important; line-height: 1.5 !important; }
.fe-style-27be83ea { display: flex !important; align-items: flex-start !important; gap: 16px !important; text-align: left !important; }
.fe-style-378c98f8 { margin-right: 12px !important; }
.fe-style-deeba9b8 { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 8px !important; }
.fe-style-1a016c1f { margin-bottom: 0 !important; margin-left: 8px !important; }
.fe-style-cb98d46a { margin-bottom: 0 !important; margin-left: auto !important; }
.fe-style-56b861c5 { width: 80px !important; height: 12px !important; margin-bottom: 12px !important; }
.fe-style-86c90fb6 { gap: 16px !important; }
.fe-style-cffd8848 { background: #ecfdf5 !important; border: 1px solid #a7f3d0 !important; }
.fe-style-1644f13f { gap: 8px !important; }
.fe-style-399addce { font-size: 14px !important; color: #475569 !important; line-height: 1.6 !important; margin-top: 15px !important; margin-bottom: 0 !important; }
.fe-style-19149298 { font-size: 14px !important; color: #f59e0b !important; gap: 6px !important; margin-top: 15px !important; text-align: left !important; justify-content: flex-start !important; }
.fe-style-3aa00196 { gap: 3px !important; }
.fe-style-bc4cd432 { font-size: 13.5px !important; margin-left: 2px !important; }
.fe-style-bb5b3c74 { gap: 3px !important; color: #cbd5e1 !important; }
.fe-style-229554ab { line-height: 1.1 !important; }
.fe-style-bf4943a9 { margin: 25px 0 20px !important; }
.fe-style-241a57f1 { font-size: 15px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 12px !important; }
.fe-style-8173b5ac { padding-left: 0 !important; list-style: none !important; margin-bottom: 0 !important; }
.fe-style-206544cd { font-size: 13.5px !important; color: #475569 !important; display: flex !important; align-items: center !important; margin-bottom: 8px !important; line-height: 1.4 !important; }
.fe-style-7b0a6e9b { color: #10b981 !important; margin-right: 8px !important; font-size: 13px !important; flex-shrink: 0 !important; }
.fe-style-c00191db { border-top: 1px dashed #e2e8f0 !important; padding-top: 15px !important; }
.fe-style-9215a121 { font-size: 13.5px !important; color: #475569 !important; display: flex !important; align-items: center !important; margin-bottom: 8px !important; }
.fe-style-93378dc6 { color: #0284c7 !important; margin-right: 8px !important; font-size: 12px !important; flex-shrink: 0 !important; }
.fe-style-bd33dcaa { font-size: 13.5px !important; color: #475569 !important; display: flex !important; flex-direction: column !important; margin-bottom: 8px !important; padding-left: 20px !important; position: relative !important; }
.fe-style-f5f5e22b { color: #0284c7 !important; position: absolute !important; left: 0 !important; top: 4px !important; font-size: 12px !important; }
.fe-style-2a351aca { font-weight: 600 !important; color: #1e293b !important; }
.fe-style-fe75a197 { font-size: 13.5px !important; border: 1px solid #f1f5f9 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.fe-style-e25e35de { color: #64748b !important; font-weight: 600 !important; }
.fe-style-e03d40b5 { user-select: all !important; }
.fe-style-141f14d0 { font-size: 13.5px !important; word-break: break-all !important; border: 1px solid #f1f5f9 !important; user-select: all !important; }
.fe-style-c7ce84dc { font-size: 12.5px !important; color: #64748b !important; display: flex !important; align-items: center !important; margin-bottom: 6px !important; line-height: 1.4 !important; }
.fe-style-c41dd996 { color: #94a3b8 !important; margin-right: 8px !important; font-size: 9px !important; flex-shrink: 0 !important; }
.fe-style-1bb4de0d { font-size: 12px !important; font-weight: 600 !important; }
.fe-style-39b2332b { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
.fe-style-42466489 { margin-top: 50px !important; border-top: 1px solid #e2e8f0 !important; padding-top: 40px !important; }
.fe-style-fcbd7401 { font-size: 22px !important; font-weight: 800 !important; color: #0f172a !important; text-align: left !important; }
.fe-style-5e462d5b { color: #4f46e5 !important; margin-right: 10px !important; }
.fe-style-4f165212 { position: relative !important; overflow: hidden !important; height: 180px !important; }
.fe-style-3ff3bb4f { top: 12px !important; left: 12px !important; font-size: 11px !important; padding: 5px 10px !important; border-radius: 6px !important; background: rgba(15, 23, 42, 0.8) !important; backdrop-filter: blur(4px) !important; border: 1px solid rgba(255,255,255,0.1) !important; z-index: 2 !important; }
.fe-style-648ec5c8 { height: 180px !important; }
.fe-style-6b1b9be0 { font-size: 18px !important; font-weight: 700 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-align: left !important; }
.fe-style-1976a819 { color: #64748b !important; font-size: 14px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; height: 38px !important; line-height: 1.4 !important; margin-bottom: 0 !important; text-align: left !important; }
.fe-style-7e7aab73 { padding: 30px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; margin-bottom: 30px !important; }
.fe-style-df5a33f3 { font-size: 24px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 25px !important; border-bottom: 1px solid #eee !important; padding-bottom: 15px !important; }
.fe-style-db13ca61 { padding: 30px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; }
.fe-style-be85b05a { font-size: 24px !important; font-weight: 700 !important; color: #dc3545 !important; margin-bottom: 25px !important; border-bottom: 1px solid #eee !important; padding-bottom: 15px !important; }
.fe-style-3d30263f { color: #666 !important; font-size: 14px !important; margin-bottom: 20px !important; }
.fe-style-731129a2 { background: #dc3545 !important; color: #fff !important; padding: 10px 25px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; }
.fe-style-5be4bce1 { border-radius: 10px !important; border: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; }
.fe-style-572c3af8 { border-bottom: 1px solid #eee !important; padding: 20px 30px !important; }
.fe-style-660eb7fe { font-weight: 700 !important; color: #333 !important; }
.fe-style-7cea880d { padding: 30px !important; }
.fe-style-025141a7 { border-top: 1px solid #eee !important; padding: 20px 30px !important; }
.fe-style-61d8c559 { font-weight: 600 !important; padding: 10px 20px !important; }
.fe-style-ac146984 { font-weight: 600 !important; padding: 10px 20px !important; background: #dc3545 !important; }
.fe-style-33d5793f { background: #007bff !important; color: #fff !important; padding: 10px 25px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; }
.fe-style-651c59bd { gap: 15px !important; }
.fe-style-c99770fa { flex-shrink: 0 !important; }
.fe-style-20c102f4 { font-weight: 600 !important; color: #333 !important; display: block !important; margin-bottom: 5px !important; }
.fe-style-a3a4eb62 { font-size: 14px !important; display: block !important; width: 100% !important; }
.fe-style-5fd78181 { color: #555 !important; }
.fe-style-aed93489 { font-weight: 600 !important; color: #007bff !important; text-decoration: none !important; }
.fe-style-12513c22 { padding: 30px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 14px !important; background: #fff !important; }
.fe-style-1a743b45 { font-size: 20px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 25px !important; border-bottom: 2px solid #f1f5f9 !important; padding-bottom: 15px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.fe-style-287098e1 { margin-right: 10px !important; color: #4f46e5 !important; }
.fe-style-c58a50a0 { width: 58px !important; height: 58px !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important; overflow: hidden !important; background: transparent !important; }
.fe-style-57fa8910 { width: 58px !important; height: 58px !important; border-radius: 14px !important; background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 24px !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3) !important; }
.fe-style-cdd66398 { font-size: 18px !important; color: #0f172a !important; letter-spacing: -0.3px !important; }
.fe-style-7932968d { background: {{ $license->license_type === 'extended' ? '#e0f2fe' : '#f1f5f9' !important; }}; color: {{ $license->license_type === 'extended' ? '#0369a1' : '#475569' }}; font-weight: 700; padding: 5px 12px; border-radius: 20px; border: 1px solid {{ $license->license_type === 'extended' ? '#bae6fd' : '#e2e8f0' }}; }
.fe-style-17454447 { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important; color: #ffffff !important; font-weight: 700 !important; padding: 5px 12px !important; border-radius: 20px !important; box-shadow: 0 2px 6px rgba(99, 102, 241, 0.25) !important; }
.fe-style-b9fa756c { margin-right: 5px !important; }
.fe-style-9f20f974 { background: {{ $license->status === 'active' ? '#ecfdf5' : '#fef2f2' !important; }}; color: {{ $license->status === 'active' ? '#059669' : '#dc2626' }}; font-weight: 700; padding: 5px 12px; border-radius: 20px; border: 1px solid {{ $license->status === 'active' ? '#a7f3d0' : '#fecaca' }}; display: inline-flex; align-items: center; }
.fe-style-bfa72e44 { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: {{ $license->status === 'active' ? '#10b981' : '#ef4444' !important; }}; margin-right: 6px !important; }
.fe-style-aede1aa7 { background: #f8fafc !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; font-weight: 600 !important; padding: 5px 12px !important; border-radius: 8px !important; }
.fe-style-dbb0f03e { margin-right: 6px !important; }
.fe-style-c11d71aa { color: #0f172a !important; margin-left: 2px !important; }
.fe-style-7d6194c3 { background: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; font-weight: 600 !important; padding: 5px 12px !important; border-radius: 8px !important; }
.fe-style-77008934 { color: #14532d !important; margin-left: 2px !important; }
.fe-style-4cc5b6e5 { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; font-weight: 700 !important; color: #94a3b8 !important; }
.fe-style-2886cad3 { margin-right: 8px !important; color: #6366f1 !important; }
.fe-style-3b7aa65a { background: #e0e7ff !important; color: #4f46e5 !important; border: none !important; font-size: 12px !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-2f53fdb6 { background: #ffffff !important; color: #1e293b !important; border: 1px solid #cbd5e1 !important; font-size: 13px !important; font-weight: 600 !important; }
.fe-style-489edf2e { margin-right: 6px !important; font-size: 11px !important; }
.fe-style-0971f8c4 { font-size: 12px !important; border: none !important; text-decoration: none !important; margin-left: 4px !important; }
.fe-style-411944dc { border-radius: 6px !important; font-size: 13px !important; }
.fe-style-5175d423 { background: #4f46e5 !important; border-color: #4f46e5 !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-c5c6e086 { text-align: center !important; padding: 50px 0 !important; color: #aaa !important; }
.fe-style-4b5b79ec { font-size: 48px !important; margin-bottom: 15px !important; color: #cbd5e1 !important; }
.fe-style-5248a09f { font-size: 15px !important; color: #64748b !important; font-weight: 600 !important; }
.fe-style-ab702724 { background: #4f46e5 !important; color: #fff !important; padding: 12px 30px !important; font-weight: bold !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; margin-top: 10px !important; display: inline-block !important; text-decoration: none !important; }
.fe-style-b56181dc { overflow-x: auto !important; }
.fe-style-fbea877c { width: 100% !important; border-collapse: collapse !important; margin-bottom: 0 !important; }
.fe-style-72074e86 { border-bottom: 2px solid #e2e8f0 !important; text-align: left !important; }
.fe-style-cf112edd { padding: 14px 10px !important; font-weight: 700 !important; color: #475569 !important; font-size: 13px !important; }
.fe-style-be6be6c6 { padding: 14px 10px !important; font-weight: 700 !important; color: #475569 !important; font-size: 13px !important; text-align: right !important; }
.fe-style-bd4d1d67 { border-bottom: 1px solid #f1f5f9 !important; }
.fe-style-1c9ed980 { padding: 15px 10px !important; font-family: monospace !important; font-size: 13px !important; color: #475569 !important; }
.fe-style-b09be349 { background: #e0e7ff !important; color: #4f46e5 !important; font-size: 11px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 12px !important; }
.fe-style-3f100cbe { color: #94a3b8 !important; font-weight: 600 !important; }
.fe-style-0da42629 { padding: 15px 10px !important; font-size: 13px !important; color: #64748b !important; }
.fe-style-65807fd6 { font-weight: 700 !important; color: #1e293b !important; }
.fe-style-173f7ccf { font-size: 11px !important; color: #94a3b8 !important; }
.fe-style-9458ed97 { padding: 15px 10px !important; font-weight: 800 !important; color: #0f172a !important; }
.fe-style-2d824ca9 { background: #d1fae5 !important; color: #065f46 !important; padding: 5px 12px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; margin-bottom: 4px !important; }
.fe-style-f3cdd169 { background: #f3f4f6 !important; color: #4b5563 !important; padding: 5px 12px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; margin-bottom: 4px !important; }
.fe-style-e08364fb { background: #fef3c7 !important; color: #92400e !important; padding: 5px 12px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; margin-bottom: 4px !important; }
.fe-style-1e20b4e6 { background: #e0e7ff !important; color: #4338ca !important; padding: 4px 10px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 11px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-5310c6c0 { background: #fef2f2 !important; color: #991b1b !important; padding: 4px 10px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 11px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-4b07ec79 { padding: 15px 10px !important; text-align: right !important; }
.fe-style-6c3378fd { display: flex !important; align-items: center !important; gap: 8px !important; justify-content: flex-end !important; flex-wrap: wrap !important; }
.fe-style-42a4dae3 { border-radius: 6px !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-ee52579b { border-radius: 12px !important; border: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; }
.fe-style-0cc61c8c { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; border-radius: 12px 12px 0 0 !important; }
.fe-style-32c16dc4 { padding: 20px !important; }
.fe-style-d3c17804 { font-size: 13px !important; color: #64748b !important; margin-bottom: 15px !important; }
.fe-style-b09a8850 { font-size: 13px !important; color: #334155 !important; }
.fe-style-fa262f50 { border-radius: 8px !important; font-size: 13px !important; resize: none !important; }
.fe-style-0957f930 { border-top: 1px solid #e2e8f0 !important; }
.fe-style-0d042e31 { font-size: 13px !important; border-radius: 6px !important; }
.fe-style-6d22aa9d { background: #fef2f2 !important; border-bottom: 1px solid #fecaca !important; border-radius: 12px 12px 0 0 !important; }
.fe-style-41c75a04 { background: #f8fafc !important; padding: 15px !important; border-radius: 8px !important; border: 1px solid #e2e8f0 !important; font-size: 13px !important; color: #334155 !important; }
.fe-style-4d4ab23d { display: flex !important; align-items: center !important; gap: 8px !important; justify-content: flex-end !important; }
.fe-style-57001ec3 { text-align: center !important; padding: 40px 0 !important; color: #aaa !important; }
.fe-style-0917f514 { font-size: 40px !important; margin-bottom: 12px !important; color: #cbd5e1 !important; }
.fe-style-d851d919 { font-size: 14px !important; color: #777 !important; margin: 0 !important; }
.fe-style-7d888f37 { color: #007bff !important; text-decoration: underline !important; }
.fe-style-49efb4d0 { font-size: 48px !important; color: #94a3b8 !important; }
.fe-style-f8609247 { padding: 12px !important; background: #3b82f6 !important; border-color: #3b82f6 !important; transition: all 0.3s ease !important; }
.fe-style-94ed0d69 { transition: all 0.2s !important; }
.fe-style-ae36d4f1 { padding: 90px 0 80px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; position: relative !important; overflow: hidden !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.fe-style-8aea591b { position: absolute !important; top: -80px !important; right: -80px !important; width: 300px !important; height: 300px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-radius: 50% !important; animation: heroFloat 8s ease-in-out infinite !important; }
.fe-style-20939480 { position: absolute !important; bottom: -60px !important; left: -40px !important; width: 250px !important; height: 250px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-radius: 50% !important; animation: heroFloat 10s ease-in-out infinite reverse !important; }
.fe-style-8058fc7a { position: absolute !important; top: 40% !important; left: 50% !important; width: 180px !important; height: 180px !important; background: linear-gradient(135deg, #312e81 0%, #4338ca 30%, #4f46e5 70%, #6366f1 100%) !important; border-radius: 50% !important; animation: heroFloat 12s ease-in-out infinite !important; }
.fe-style-c962d74f { position: relative !important; z-index: 2 !important; }
.fe-style-7002f9ca { margin-bottom: 20px !important; }
.fe-style-4cba0554 { display: inline-block !important; background: rgba(255,255,255,0.12) !important; color: #e0f2fe !important; padding: 6px 16px !important; border-radius: 50px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; border: 1px solid rgba(255,255,255,0.15) !important; }
.fe-style-e23df09e { font-size: 46px !important; font-weight: 800 !important; line-height: 1.15 !important; margin-bottom: 22px !important; color: #ffffff !important; }
.fe-style-35aff21c { background: linear-gradient(135deg, #bfdbfe, #a5f3fc) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
.fe-style-334208de { font-size: 18px !important; color: rgba(255,255,255,0.7) !important; line-height: 1.7 !important; max-width: 480px !important; margin-bottom: 35px !important; }
.fe-style-e68b8064 { background: #ffffff !important; color: #1e40af !important; padding: 14px 32px !important; font-weight: 700 !important; border: none !important; border-radius: 10px !important; display: inline-block !important; text-decoration: none !important; font-size: 15px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important; transition: transform 0.2s, box-shadow 0.2s !important; }
.fe-style-debdeabd { background: transparent !important; color: #ffffff !important; padding: 14px 32px !important; font-weight: 700 !important; border: 2px solid rgba(255,255,255,0.3) !important; border-radius: 10px !important; display: inline-block !important; text-decoration: none !important; font-size: 15px !important; transition: border-color 0.2s, background 0.2s !important; }
.fe-style-ca08ba3a { margin-top: 45px !important; padding-top: 30px !important; border-top: 1px solid rgba(255,255,255,0.12) !important; }
.fe-style-8d76abfb { padding-left: 0 !important; }
.fe-style-230c3d37 { width: 1px !important; height: 36px !important; background: rgba(255,255,255,0.15) !important; margin: 0 20px !important; }
.fe-style-708ad615 { color: #fbbf24 !important; font-size: 18px !important; }
.fe-style-98af5e1a { width: 100% !important; height: 200px !important; background: linear-gradient(135deg, #1e3a5f, #1e40af) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.fe-style-85104adb { font-size: 48px !important; color: rgba(255,255,255,0.2) !important; }
.fe-style-663a1957 { padding: 24px !important; }
.fe-style-7b754eef { margin-bottom: 12px !important; }
.fe-style-ff510c26 { background: rgba(255,255,255,0.12) !important; color: #e0f2fe !important; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important; }
.fe-style-dd5d32ca { background: rgba(16, 185, 129, 0.2) !important; color: #6ee7b7 !important; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important; }
.fe-style-4f479505 { color: #ffffff !important; font-weight: 800 !important; font-size: 20px !important; }
.fe-style-39615220 { color: rgba(255,255,255,0.4) !important; font-size: 14px !important; font-weight: 400 !important; margin-right: 6px !important; }
.fe-style-781c8646 { color: #ffffff !important; font-size: 20px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.fe-style-c120ed30 { color: rgba(255,255,255,0.6) !important; font-size: 14px !important; line-height: 1.6 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.fe-style-a0c61143 { color: #93c5fd !important; font-size: 14px !important; font-weight: 600 !important; }
.fe-style-b2f54451 { margin-left: 6px !important; font-size: 12px !important; }
.fe-style-c95fa8ca { color: rgba(255,255,255,0.4) !important; font-size: 12px !important; }
.fe-style-55d76d0f { gap: 10px !important; margin-top: 20px !important; }
.fe-style-e7e95527 { padding: 60px 0 !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
.fe-style-efe3a857 { width: 64px !important; height: 64px !important; background: #e0e7ff !important; color: #4f46e5 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; margin: 0 auto 20px !important; box-shadow: 0 4px 15px rgba(79, 70, 229, 0.1) !important; }
.fe-style-9e5d1fc7 { font-size: 20px !important; margin-bottom: 15px !important; }
.fe-style-4330d370 { font-size: 15px !important; line-height: 1.6 !important; }
.fe-style-cf482b34 { width: 64px !important; height: 64px !important; background: #ecfdf5 !important; color: #10b981 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; margin: 0 auto 20px !important; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.1) !important; }
.fe-style-e8beb633 { width: 64px !important; height: 64px !important; background: #fef2f2 !important; color: #ef4444 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; margin: 0 auto 20px !important; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.1) !important; }
.fe-style-bf109356 { padding: 60px 0 !important; background: #ffffff !important; }
.fe-style-959782c8 { font-size: 32px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 10px !important; }
.fe-style-01c0e3f1 { width: 70px !important; height: 70px !important; background: #e0e7ff !important; color: #4f46e5 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 28px !important; margin: 0 auto 15px !important; }
.fe-style-c36ac249 { width: 70px !important; height: 70px !important; background: #fef2f2 !important; color: #ef4444 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 28px !important; margin: 0 auto 15px !important; }
.fe-style-4678b870 { width: 70px !important; height: 70px !important; background: #fdf4ff !important; color: #d946ef !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 28px !important; margin: 0 auto 15px !important; }
.fe-style-a00e38b4 { width: 70px !important; height: 70px !important; background: #ecfdf5 !important; color: #10b981 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 28px !important; margin: 0 auto 15px !important; }
.fe-style-60585d56 { font-size: 16px !important; color: #64748b !important; }
.fe-style-67202ff1 { background: #1e293b !important; color: #fff !important; padding: 12px 35px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; }
.fe-style-6418155f { padding: 80px 0 !important; background: #ffffff !important; border-top: 1px solid #f1f5f9 !important; text-align: center !important; }
.fe-style-1551e6d7 { font-size: 24px !important; }
.fe-style-7790344b { gap: 50px !important; opacity: 0.8 !important; }
.fe-style-fbae19d7 { gap: 12px !important; transition: transform 0.2s !important; cursor: pointer !important; }
.fe-style-2b0eb642 { font-size: 52px !important; color: #ff2d20 !important; }
.fe-style-b71eb755 { font-size: 14px !important; color: #475569 !important; }
.fe-style-8b3c3fd0 { font-size: 52px !important; color: #777bb4 !important; }
.fe-style-b02ee070 { font-size: 52px !important; color: #7952b3 !important; }
.fe-style-87fbad19 { font-size: 52px !important; color: #4fc08d !important; }
.fe-style-a559ed7f { font-size: 52px !important; color: #61dafb !important; }
.fe-style-5f4bd2ed { padding: 80px 0 !important; background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important; }
.fe-style-6f6479a2 { border-radius: 12px !important; padding: 30px !important; }
.fe-style-c6f6fde7 { width: 45px !important; height: 45px !important; border-radius: 50% !important; background: #e2e8f0 !important; color: #64748b !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: bold !important; margin-right: 15px !important; }
.fe-style-f5425730 { width: 45px !important; height: 45px !important; border-radius: 50% !important; background: #e0e7ff !important; color: #4f46e5 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: bold !important; margin-right: 15px !important; }
.fe-style-0b974898 { padding: 100px 0 !important; background: #ffffff !important; border-top: 1px solid #f1f5f9 !important; }
.fe-style-76e542f5 { font-size: 42px !important; line-height: 1.2 !important; margin-bottom: 20px !important; }
.fe-style-0e7dfc47 { width: 70px !important; height: 5px !important; background: linear-gradient(90deg, #4f46e5, #818cf8) !important; border-radius: 3px !important; margin-bottom: 30px !important; }
.fe-style-e548045a { font-size: 17px !important; line-height: 1.8 !important; margin-bottom: 25px !important; }
.fe-style-81a91fc1 { font-size: 17px !important; line-height: 1.8 !important; margin-bottom: 40px !important; }
.fe-style-5089ed45 { transition: transform 0.3s ease !important; }
.fe-style-30bab758 { width: 55px !important; height: 55px !important; background: #e0e7ff !important; color: #4f46e5 !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; flex-shrink: 0 !important; margin-right: 25px !important; box-shadow: 0 10px 20px rgba(79, 70, 229, 0.1) !important; }
.fe-style-d5dd6c4b { line-height: 1.7 !important; font-size: 15px !important; }
.fe-style-53885c9a { width: 55px !important; height: 55px !important; background: #ecfdf5 !important; color: #10b981 !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; flex-shrink: 0 !important; margin-right: 25px !important; box-shadow: 0 10px 20px rgba(16, 185, 129, 0.1) !important; }
.fe-style-4a2592b8 { width: 55px !important; height: 55px !important; background: #fef2f2 !important; color: #ef4444 !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; flex-shrink: 0 !important; margin-right: 25px !important; box-shadow: 0 10px 20px rgba(239, 68, 68, 0.1) !important; }
.fe-style-1c609a42 { padding: 80px 0 !important; background: linear-gradient(135deg, #4f46e5 0%, #312e81 100%) !important; color: #ffffff !important; text-align: center !important; position: relative !important; overflow: hidden !important; }
.fe-style-6c494e8a { position: absolute !important; width: 400px !important; height: 400px !important; background: rgba(255,255,255,0.03) !important; border-radius: 50% !important; top: -150px !important; left: -100px !important; pointer-events: none !important; }
.fe-style-6590a51a { position: absolute !important; width: 300px !important; height: 300px !important; background: rgba(255,255,255,0.03) !important; border-radius: 50% !important; bottom: -100px !important; right: -50px !important; pointer-events: none !important; }
.fe-style-587f4606 { z-index: 1 !important; }
.fe-style-50b8181f { font-size: 38px !important; line-height: 1.2 !important; color: #4ade80 !important; }
.fe-style-c8fb0a77 { font-size: 18px !important; max-width: 650px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 3rem !important; color: #e0e7ff !important; line-height: 1.6 !important; }
.fe-style-1b9f007d { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; color: #4f46e5 !important; padding: 15px 40px !important; font-size: 16px !important; border-radius: 8px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important; transition: all 0.2s ease !important; }
.fe-style-e7c46b6e { padding: 60px 30px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 10px !important; background: #fff !important; text-align: center !important; max-width: 600px !important; margin: 0 auto !important; }
.fe-style-66f94a4a { font-size: 64px !important; color: #cbd5e1 !important; margin-bottom: 20px !important; }
.fe-style-37228457 { color: #64748b !important; font-size: 15px !important; margin-bottom: 25px !important; line-height: 1.6 !important; }
.fe-style-107b2246 { background: #4f46e5 !important; color: #fff !important; padding: 12px 30px !important; font-weight: bold !important; border: none !important; border-radius: 6px !important; font-size: 14px !important; display: inline-block !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2) !important; }

/* Auto-extracted Frontend Styles Pass 2 */
.fe-style-fbcd44c6 { background: #4f46e5 !important; color: #fff !important; padding: 15px 30px !important; font-weight: bold !important; border: none !important; border-radius: 5px !important; width: 100% !important; display: block !important; text-align: center !important; font-size: 16px !important; text-decoration: none !important; cursor: pointer !important; line-height: 1.2 !important; }
.fe-style-a5ea5899 { background: #0f172a !important; color: #ffffff !important; border-radius: 10px !important; font-size: 15px !important; text-decoration: none !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important; }
.fe-style-da93ea98 { background: #ffffff !important; color: #334155 !important; border-radius: 10px !important; font-size: 15px !important; text-decoration: none !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid #cbd5e1 !important; }
.fe-style-224b51a7 { display: none !important; }

/* Auto-extracted Hover Styles */
.fe-style-5089ed45:hover { transform: translateX(10px) !important; }
.fe-style-fbae19d7:hover { transform: translateY(-5px) !important; }
.fe-style-1b9f007d:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important; }
.fe-style-debdeabd:hover { border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.08) !important; }
.fe-style-e68b8064:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important; }
/* User Panel Sidebar Links */
.user-nav-link { color: #555 !important; font-weight: 500 !important; padding: 10px 15px !important; border-radius: 5px !important; background: transparent !important; display: block !important; margin-bottom: 5px !important; transition: all 0.2s !important; text-decoration: none !important; }
.user-nav-link:hover { color: #007bff !important; background: #f8f9fa !important; }
.user-nav-link.active { color: #007bff !important; font-weight: 700 !important; background: #f0f8ff !important; border-left: 3px solid #007bff !important; }

/* License Type Badges */
.license-type-badge { font-weight: 700 !important; padding: 5px 12px !important; border-radius: 20px !important; }
.license-extended { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.license-regular { background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }

/* Status Badges */
.status-badge { font-weight: 700 !important; padding: 5px 12px !important; border-radius: 20px !important; display: inline-flex !important; align-items: center !important; }
.status-active { background: #ecfdf5 !important; color: #059669 !important; border: 1px solid #a7f3d0 !important; }
.status-inactive { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; }

/* Status Circles */
.status-circle { width: 7px !important; height: 7px !important; border-radius: 50% !important; margin-right: 6px !important; }
.circle-active { background: #10b981 !important; }
.circle-inactive { background: #ef4444 !important; }

/* Auto-extracted Frontend Styles Pass 3 */
.fe-style-b662f26b { padding: 0 !important; }
.fe-style-bfbd12db { background: #ecfdf5 !important; color: #065f46 !important; border: 1px solid #a7f3d0 !important; padding: 15px 20px !important; font-weight: 600 !important; }
.fe-style-71733e3c { margin-right: 8px !important; }
.fe-style-a595b0aa { background: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fecaca !important; padding: 15px 20px !important; font-weight: 600 !important; }
.fe-style-12513c22 { padding: 30px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important; border-radius: 14px !important; background: #fff !important; }
.fe-style-1a743b45 { font-size: 20px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 25px !important; border-bottom: 2px solid #f1f5f9 !important; padding-bottom: 15px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.fe-style-287098e1 { margin-right: 10px !important; color: #4f46e5 !important; }
.fe-style-1bb4de0d { font-size: 12px !important; font-weight: 600 !important; }
.fe-style-c58a50a0 { width: 58px !important; height: 58px !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important; overflow: hidden !important; background: transparent !important; }
.fe-style-7d1faedf { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.fe-style-57fa8910 { width: 58px !important; height: 58px !important; border-radius: 14px !important; background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 24px !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3) !important; }
.fe-style-cdd66398 { font-size: 18px !important; color: #0f172a !important; letter-spacing: -0.3px !important; }
.fe-style-76674537 { font-size: 13px !important; }
.fe-style-345895de { font-size: 12px !important; }
.fe-style-aede1aa7 { background: #f8fafc !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; font-weight: 600 !important; padding: 5px 12px !important; border-radius: 8px !important; }
.fe-style-dbb0f03e { margin-right: 6px !important; }
.fe-style-c11d71aa { color: #0f172a !important; margin-left: 2px !important; }
.fe-style-7d6194c3 { background: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; font-weight: 600 !important; padding: 5px 12px !important; border-radius: 8px !important; }
.fe-style-77008934 { color: #14532d !important; margin-left: 2px !important; }
.fe-style-6fb6bd1f { background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important; color: #fff !important; border-radius: 10px !important; font-size: 14px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important; transition: all 0.2s ease !important; }
.fe-style-4cc5b6e5 { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; font-weight: 700 !important; color: #94a3b8 !important; }
.fe-style-ce926d17 { background: rgba(255,255,255,0.12) !important; color: #ffffff !important; border: none !important; font-size: 12px !important; font-weight: 600 !important; border-radius: 6px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; transition: all 0.2s !important; }
.fe-style-cda76eb2 { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; }
.fe-style-2886cad3 { margin-right: 8px !important; color: #6366f1 !important; }
.fe-style-6ec70819 { font-size: 11px !important; }
.fe-style-3b7aa65a { background: #e0e7ff !important; color: #4f46e5 !important; border: none !important; font-size: 12px !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-2f53fdb6 { background: #ffffff !important; color: #1e293b !important; border: 1px solid #cbd5e1 !important; font-size: 13px !important; font-weight: 600 !important; }
.fe-style-489edf2e { margin-right: 6px !important; font-size: 11px !important; }
.fe-style-0971f8c4 { font-size: 12px !important; border: none !important; text-decoration: none !important; margin-left: 4px !important; }
.fe-style-224b51a7 { display: none !important; }
.fe-style-411944dc { border-radius: 6px !important; font-size: 13px !important; }
.fe-style-5175d423 { background: #4f46e5 !important; border-color: #4f46e5 !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-c5c6e086 { text-align: center !important; padding: 50px 0 !important; color: #aaa !important; }
.fe-style-4b5b79ec { font-size: 48px !important; margin-bottom: 15px !important; color: #cbd5e1 !important; }
.fe-style-5248a09f { font-size: 15px !important; color: #64748b !important; font-weight: 600 !important; }
.fe-style-ab702724 { background: #4f46e5 !important; color: #fff !important; padding: 12px 30px !important; font-weight: bold !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; margin-top: 10px !important; display: inline-block !important; text-decoration: none !important; }
.fe-style-b56181dc { overflow-x: auto !important; }
.fe-style-fbea877c { width: 100% !important; border-collapse: collapse !important; margin-bottom: 0 !important; }
.fe-style-72074e86 { border-bottom: 2px solid #e2e8f0 !important; text-align: left !important; }
.fe-style-cf112edd { padding: 14px 10px !important; font-weight: 700 !important; color: #475569 !important; font-size: 13px !important; }
.fe-style-be6be6c6 { padding: 14px 10px !important; font-weight: 700 !important; color: #475569 !important; font-size: 13px !important; text-align: right !important; }
.fe-style-bd4d1d67 { border-bottom: 1px solid #f1f5f9 !important; }
.fe-style-1c9ed980 { padding: 15px 10px !important; font-family: monospace !important; font-size: 13px !important; color: #475569 !important; }
.fe-style-13645851 { padding: 15px 10px !important; }
.fe-style-9df2e5b9 { color: #4f46e5 !important; text-decoration: none !important; font-weight: 700 !important; display: block !important; font-size: 14px !important; }
.fe-style-b09be349 { background: #e0e7ff !important; color: #4f46e5 !important; font-size: 11px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 12px !important; }
.fe-style-3f100cbe { color: #94a3b8 !important; font-weight: 600 !important; }
.fe-style-0da42629 { padding: 15px 10px !important; font-size: 13px !important; color: #64748b !important; }
.fe-style-65807fd6 { font-weight: 700 !important; color: #1e293b !important; }
.fe-style-173f7ccf { font-size: 11px !important; color: #94a3b8 !important; }
.fe-style-9458ed97 { padding: 15px 10px !important; font-weight: 800 !important; color: #0f172a !important; }
.fe-style-2d824ca9 { background: #d1fae5 !important; color: #065f46 !important; padding: 5px 12px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; margin-bottom: 4px !important; }
.fe-style-f3cdd169 { background: #f3f4f6 !important; color: #4b5563 !important; padding: 5px 12px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; margin-bottom: 4px !important; }
.fe-style-e08364fb { background: #fef3c7 !important; color: #92400e !important; padding: 5px 12px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; margin-bottom: 4px !important; }
.fe-style-1e20b4e6 { background: #e0e7ff !important; color: #4338ca !important; padding: 4px 10px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 11px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-100d5d39 { margin-right: 4px !important; }
.fe-style-5310c6c0 { background: #fef2f2 !important; color: #991b1b !important; padding: 4px 10px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 11px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-4b07ec79 { padding: 15px 10px !important; text-align: right !important; }
.fe-style-6c3378fd { display: flex !important; align-items: center !important; gap: 8px !important; justify-content: flex-end !important; flex-wrap: wrap !important; }
.fe-style-0a9afbd6 { border-radius: 6px !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; border-color: #cbd5e1 !important; color: #475569 !important; text-decoration: none !important; transition: all 0.2s !important; }
.fe-style-16b8844c { background: #4f46e5 !important; border-color: #4f46e5 !important; border-radius: 6px !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; color: #ffffff !important; text-decoration: none !important; margin-left: 8px !important; }
.fe-style-42a4dae3 { border-radius: 6px !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; }
.fe-style-4e460883 { border-radius: 6px !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; transition: all 0.2s !important; }
.fe-style-102b7f89 { text-align: left !important; }
.fe-style-ee52579b { border-radius: 12px !important; border: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; }
.fe-style-0cc61c8c { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; border-radius: 12px 12px 0 0 !important; }
.fe-style-4ddb780d { font-size: 16px !important; color: #0f172a !important; }
.fe-style-32c16dc4 { padding: 20px !important; }
.fe-style-d3c17804 { font-size: 13px !important; color: #64748b !important; margin-bottom: 15px !important; }
.fe-style-b09a8850 { font-size: 13px !important; color: #334155 !important; }
.fe-style-fa262f50 { border-radius: 8px !important; font-size: 13px !important; resize: none !important; }
.fe-style-0957f930 { border-top: 1px solid #e2e8f0 !important; }
.fe-style-0d042e31 { font-size: 13px !important; border-radius: 6px !important; }
.fe-style-15d7a9fb { background: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fecaca !important; border-radius: 6px !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; transition: all 0.2s !important; }
.fe-style-6d22aa9d { background: #fef2f2 !important; border-bottom: 1px solid #fecaca !important; border-radius: 12px 12px 0 0 !important; }
.fe-style-bf6d4aca { font-size: 16px !important; color: #991b1b !important; }
.fe-style-41c75a04 { background: #f8fafc !important; padding: 15px !important; border-radius: 8px !important; border: 1px solid #e2e8f0 !important; font-size: 13px !important; color: #334155 !important; }
.fe-style-4d4ab23d { display: flex !important; align-items: center !important; gap: 8px !important; justify-content: flex-end !important; }
.fe-style-bf18896a { background: #10b981 !important; border-color: #10b981 !important; border-radius: 6px !important; font-size: 12px !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; margin-left: 8px !important; }
.fe-style-43ae80ab { margin-left: 8px !important; }
.fe-style-57001ec3 { text-align: center !important; padding: 40px 0 !important; color: #aaa !important; }
.fe-style-0917f514 { font-size: 40px !important; margin-bottom: 12px !important; color: #cbd5e1 !important; }
.fe-style-d851d919 { font-size: 14px !important; color: #777 !important; margin: 0 !important; }
.fe-style-8354e9b3 { text-decoration: none !important; }
.fe-style-a9cbfcd4 { border-radius: 12px !important; text-decoration: none !important; padding: 30px 15px !important; transition: transform 0.2s, box-shadow 0.2s !important; }
.fe-style-cbc2775c { height: 100% !important; width: 100% !important; object-fit: cover !important; }
.fe-style-5938c80d { width: 100% !important; height: 100% !important; text-decoration: none !important; }
.fe-style-352d27ed { color: #4f46e5 !important; border: 1px solid #4f46e5 !important; font-size: 13px !important; padding: 6px 14px !important; font-weight: 600 !important; border-radius: 6px !important; background: transparent !important; transition: all 0.2s ease !important; }
.fe-style-7c4789cc { background: #4f46e5 !important; font-size: 13px !important; padding: 6px 14px !important; font-weight: 600 !important; border-radius: 6px !important; border: none !important; cursor: pointer !important; box-shadow: 0 4px 10px rgba(79, 70, 229, 0.2) !important; text-decoration: none !important; }
.fe-style-25c0de65 { padding: 12px !important; border-radius: 5px !important; height: auto !important; }
.fe-style-a5e56429 { background: #10b981 !important; border: none !important; padding: 12px 30px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.fe-style-010d5d8c { font-size: 11px !important; color: #6366f1 !important; background: rgba(99, 102, 241, 0.08) !important; border: none !important; border-radius: 4px !important; }
.fe-style-c7ca18ed { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 12px !important; }
.fe-style-909aad1a { font-size: 24px !important; color: #fff !important; }
.fe-style-700e472b { background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important; color: #ffffff !important; border-radius: 10px !important; font-size: 14px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3) !important; border: none !important; }
.fe-style-4cfb1575 { letter-spacing: 1px !important; word-break: break-all !important; color: #38bdf8 !important; font-weight: 600 !important; }
.fe-style-4333f35f { background: rgba(255,255,255,0.12) !important; color: #ffffff !important; border: none !important; font-size: 12px !important; font-family: sans-serif !important; padding: 5px 14px !important; border-radius: 6px !important; white-space: nowrap !important; font-weight: 600 !important; }
.fe-style-f684b40b { display: flex !important; }
.fe-style-3e2e7c3c { display: none !important; }
.fe-style-6ae56466 { width: 20px !important; height: 20px !important; object-fit: cover !important; margin-right: 8px !important; }
.fe-style-9319084f { width: 80px !important; height: 80px !important; object-fit: cover !important; margin: 0 auto 15px !important; display: block !important; }
.fe-style-f9e6a452 { background: transparent !important; }
.fe-style-dbc1f60a { margin: 8px !important; }
.fe-style-b3807c76 { color: #0284c7 !important; font-weight: 600 !important; text-decoration: none !important; }
.fe-style-cdd0ca1c { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #0f172a !important; color: #ffffff !important; border: none !important; font-size: 14px !important; text-decoration: none !important; }
.fe-style-72aecb65 { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #1877f2 !important; color: #ffffff !important; border: none !important; font-size: 14px !important; text-decoration: none !important; }
.fe-style-8215f956 { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #0077b5 !important; color: #ffffff !important; border: none !important; font-size: 14px !important; text-decoration: none !important; }
.fe-style-6b2b2f01 { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ff4500 !important; color: #ffffff !important; border: none !important; font-size: 14px !important; text-decoration: none !important; }
.fe-style-a52c3b30 { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #25d366 !important; color: #ffffff !important; border: none !important; font-size: 14px !important; text-decoration: none !important; }
.fe-style-4265f397 { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #4f46e5 !important; color: #ffffff !important; border: none !important; font-size: 14px !important; cursor: pointer !important; outline: none !important; }
.fe-style-42b11d38 { width: 40px !important; height: 40px !important; object-fit: cover !important; flex-shrink: 0 !important; margin-right: 12px !important; }
.fe-style-8dd448db { font-size: 13.5px !important; line-height: 1.5 !important; font-style: italic !important; color: #94a3b8 !important; }
.fe-style-18828505 { font-size: 14.5px !important; line-height: 1.6 !important; white-space: pre-line !important; margin-bottom: 8px !important; }
.fe-style-67fa80d8 { width: 32px !important; height: 32px !important; object-fit: cover !important; flex-shrink: 0 !important; margin-right: 8px !important; }
.fe-style-fb981bd2 { font-size: 13px !important; line-height: 1.5 !important; font-style: italic !important; color: #94a3b8 !important; }
.fe-style-f369436d { font-size: 13.5px !important; line-height: 1.5 !important; white-space: pre-line !important; margin-bottom: 8px !important; }
.fe-style-0a15ee54 { font-size: 13px !important; color: #f59e0b !important; }
.fe-style-f1395d5b { gap: 4px !important; font-size: 20px !important; color: #cbd5e1 !important; cursor: pointer !important; display: inline-flex !important; }
.fe-style-106f35c9 { width: 70px !important; height: 70px !important; object-fit: cover !important; }

/* Wishlist Icon Button */
.wishlist-btn-base { top: 12px !important; right: 12px !important; z-index: 10 !important; border-radius: 50% !important; width: 34px !important; height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, 0.9) !important; border: none !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; cursor: pointer !important; }
.wishlist-active { color: #ef4444 !important; }
.wishlist-inactive { color: #94a3b8 !important; }

/* Wishlist Text Button */
.wishlist-text-btn-base { height: 44px !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 14.5px !important; border: 1px solid #e2e8f0 !important; background: #ffffff !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
.wishlist-text-active { color: #ef4444 !important; }
.wishlist-text-inactive { color: #475569 !important; }

/* Star Ratings */
.star-active { color: #f59e0b !important; transition: color 0.15s ease, transform 0.1s ease !important; }
.star-inactive { color: #cbd5e1 !important; transition: color 0.15s ease, transform 0.1s ease !important; }

.profile-success-msg { color: #28a745 !important; margin: 0 0 0 15px !important; font-size: 14px !important; font-weight: 600 !important; }

/* Animations */
@keyframes heroFloat {
    0%, 100% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-25px) scale(1.05); }
}
@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Randomized Bubble Zones (Grid System) */
.bubble-x-1 { left: 2% !important; right: auto !important; }
.bubble-x-2 { left: 35% !important; right: auto !important; }
.bubble-x-3 { left: auto !important; right: 2% !important; }

.bubble-y-1 { top: 2% !important; bottom: auto !important; }
.bubble-y-2 { top: 25% !important; bottom: auto !important; }
.bubble-y-3 { top: auto !important; bottom: 2% !important; }

/* Product Nav Tabs */
.product-nav-tabs {
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 25px;
    display: flex;
    gap: 8px;
}
.product-nav-tabs .nav-item {
    margin-bottom: -2px;
    list-style: none;
}
.product-nav-tabs .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: #64748b;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 24px;
    background: transparent;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
    text-decoration: none;
    display: inline-block;
}
.product-nav-tabs .nav-link:hover {
    color: #1e40af;
    border-bottom-color: #cbd5e1;
}
.product-nav-tabs .nav-link.active {
    color: #2563eb;
    border-bottom: 2px solid #2563eb;
    background: transparent;
}
.product-tab-content {
    padding-top: 10px;
}

/* AI Generated Description Formatting */
.product-description {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #334155;
}
.product-description h1, 
.product-description h2, 
.product-description h3, 
.product-description h4, 
.product-description h5, 
.product-description h6 {
    color: #0f172a;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.product-description h1 { font-size: 2.25rem; }
.product-description h2 { font-size: 1.875rem; }
.product-description h3 { font-size: 1.5rem; }
.product-description p {
    margin-bottom: 1.25rem;
}
.product-description img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin: 2rem auto;
    display: block;
}
.product-description ul, 
.product-description ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}
.product-description li {
    margin-bottom: 0.5rem;
}
.product-description strong {
    font-weight: 700;
    color: #1e293b;
}
.product-description a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}
.product-description a:hover {
    text-decoration: underline;
}
.product-description blockquote {
    border-left: 4px solid #cbd5e1;
    padding-left: 1rem;
    color: #64748b;
    font-style: italic;
    margin: 1.5rem 0;
}