body {
	font-size: 18px;
	font-weight: 400;
	font-family: 'Jost', sans-serif
}

h2,
h3,
h4,
h5,
h6 {
	color: #444;
	margin-bottom: 0
}

.panel {
	display: flex;
	flex-direction: column;
}

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

footer .footer-links a i {
	font-size: 10px;
	margin-right: 10px;
}

h1 {
	font-size: 52px;
	font-weight: 800;
	text-transform: uppercase
}

h2 {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase
}

h3 {
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize
}

h4 {
	font-size: 20px;
	text-transform: capitalize
}

h5 {
	font-size: 18px;
	text-transform: capitalize
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

img {
	vertical-align: middle
}

a {
	text-decoration: none;
	display: inline-block
}

a:hover {
	text-decoration: none
}

ul,
ol {
	padding: 0;
	list-style: none
}

p,
ol,
ul,
li,
span,
label {
	margin-bottom: 0
}

html,
body {
	color: #5e5d72;
	background: #fff;
	direction: ltr;
	scroll-behavior: smooth
}

input,
button {
	border: none;
	outline: none;
	background: none
}

button:focus {
	outline: none
}

@media (min-width:1300px) {
	.container {
		max-width: 1230px
	}
}

@media (max-width:991px) {
	.content-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.btn {
	font-size: 14px;
	font-weight: 500;
	padding: 11px 22px;
	border-radius: 6px;
	letter-spacing: .5px;
	white-space: nowrap;
	text-transform: uppercase;
	border: 2px solid transparent
}

.btn:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.btn i {
	font-size: 22px;
	margin-right: 5px;
	vertical-align: middle
}

.btn span {
	vertical-align: middle
}

.btn-inline {
	color: #fff;
	background: #477CDB;
	border-color: #477CDB
}

.btn-inline:hover {
	color: #477CDB;
	background: #fff;
	border-color: #477CDB
}

.btn-outline {
	color: #477CDB;
	background: #fff;
	border-color: #477CDB
}

.btn-outline:hover {
	color: #fff;
	background: #477CDB;
	border-color: #477CDB
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

input::placeholder,
textarea::placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

.form-container {
	margin-top: 50px
}

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

.form-group {
	margin-bottom: 25px
}

.form-group small {
	color: #5e5d72;
	margin-top: 5px;
	margin-left: 20px;
	display: block
}

.form-group textarea {
	height: 150px;
	padding: 12px 20px
}

.form-label {
	text-transform: capitalize;
	margin-bottom: 6px;
	margin-left: 3px;
	letter-spacing: .1px;
	font-size: 16px
}

.form-label span {
	color: #ff3838
}

.form-control {
	width: 100%;
	height: 47px;
	border-radius: 6px;
	padding: 0 20px 2px;
	color: #5e5d72;
	background: #fff;
	border: 1px solid #e3e3e3
}

.form-control:focus-within {
	background: #fff;
	border-color: #477CDB;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}

.form-select {
	height: 47px;
	font-size: 16px;
	padding: 0 16px;
	border-radius: 6px;
	letter-spacing: .3px;
	background-size: 12px 10px;
	border: 1px solid #e3e3e3;
	text-transform: capitalize;
	cursor: pointer;
	color: #444
}

.form-select:focus-within {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #477CDB
}

.form-btn {
	width: 100%;
	height: 47px;
	line-height: 47px;
	border-radius: 6px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #fff;
	background: #477CDB
}

.form-check {
	margin-bottom: 18px
}

.form-check-label {
	cursor: pointer;
	text-transform: capitalize
}

.form-check-input:focus {
	border-color: #477CDB;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-check-input:checked {
	background-color: #477CDB;
	border-color: #477CDB
}

.form-group-radio {
	margin-bottom: 25px
}

.form-group-radio-label {
	margin-bottom: 8px
}

.form-group-radio-check .form-check {
	margin-bottom: 5px
}

.col-form-label {
	text-transform: capitalize
}

.file-form {
	position: relative;
	border: 2px dashed #e3e3e3;
	border-radius: 6px
}

.file-input {
	width: 100%;
	padding-right: 35px;
	border: 5px solid transparent
}

.file-icon {
	position: absolute;
	top: 50%;
	left: 28px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px;
	color: #5e5d72
}

.file-cancel {
	color: #a8aeb1;
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.file-cancel:hover {
	color: #ff3838
}

.file-input[type=file]::-webkit-file-upload-button,
.file-input[type=file]::file-selector-button {
	height: 50px;
	padding-right: 25px;
	padding-left: 55px;
	border-radius: 6px;
	border: none;
	color: #444;
	background: #f1f2f3;
	cursor: pointer
}

.form-icon {
	width: 100%;
	height: 47px;
	line-height: 47px;
	border-radius: 6px;
	text-align: center;
	display: inline-block;
	font-size: 22px;
	color: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.form-icon.icofont-facebook {
	background: #3b5998
}

@media (max-width:575px) {

	.form-control,
	.form-select {
		background: #f1f2f3
	}

	.form-control:focus,
	.form-select:focus {
		background: #f1f2f3
	}
}

.badge-hover:hover .badge.arrow-right {
	left: -30%;
	opacity: 1;
	visibility: visible
}

.badge {
	padding: 6px 9px;
	letter-spacing: .5px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	background: #0a0930
}

.badge.new {
	background: #11b76b
}

.badge.used {
	background: #ff3838
}

.badge.recom {
	background: #e86121
}

.badge.featured {
	background: #477CDB
}

.badge.arrow-right {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.badge.arrow-right::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -3px;
	border-radius: 2px;
	border-top: 5px solid #0a0930;
	border-right: 5px solid #0a0930;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.backdrop {
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 4;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	visibility: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.backdrop.active {
	opacity: 1;
	visibility: visible
}

.slider-arrow:hover .dandik,
.slider-arrow:hover .bamdik {
	visibility: visible;
	opacity: 1
}

.dandik,
.bamdik {
	position: absolute;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	color: #477CDB;
	background: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dandik:hover,
.bamdik:hover {
	color: #fff;
	background: #477CDB
}

.dandik {
	right: 0
}

.bamdik {
	left: inherit
}

.slider-count .slick-dots {
	position: absolute;
	top: 50%;
	right: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px
}

.slider-count .slick-dots li button {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: rgba(71, 124, 219, .3);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.slider-count .slick-dots .slick-active button {
	background-color: #477CDB;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

@media (max-width:767px) {
	.slider-count .slick-dots {
		right: 25px
	}
}

.slider-dots ul {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.slider-dots ul li {
	width: 9px;
	height: 9px;
	margin: 0 5px;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	background: #477CDB;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.slider-dots ul li button {
	display: none
}

.slider-dots ul li.slick-active {
	width: 25px;
	background: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:575px) {
	.slider-dots ul {
		bottom: 10px
	}

	.slider-dots ul li {
		margin: 0 6px
	}
}

@media (min-width:576px) and (max-width:767px) {
	.slider-dots ul {
		bottom: 20px
	}

	.slider-dots ul li {
		margin: 0 6px
	}
}

.section-gap-120 {
	margin-bottom: 120px
}

.section-gap-100 {
	margin-bottom: 40px;
}

.section-gap-95 {
	margin-bottom: 95px
}

.section-gap-75 {
	margin-bottom: 75px
}

.section-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.section-head .btn {
	margin-left: 30px
}

.section-text {
	padding-left: 18px;
	border-left: 3px solid #477CDB
}

.section-text h2 {
	margin-bottom: 5px
}

.section-center {
	text-align: center;
	margin-bottom: 40px
}

@media (max-width:500px) {
	.section-head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: inherit;
		-ms-flex-align: inherit;
		align-items: inherit
	}

	.section-head .btn {
		margin-left: 0
	}

	.section-text {
		margin-bottom: 25px
	}
}

@media (max-width:575px) {

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 60px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 35px
	}
}

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

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 70px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 45px
	}
}

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

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 80px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 55px
	}
}

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

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 90px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 65px
	}
}

.nav-pills .nav-link {
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	letter-spacing: .3px;
	padding: 15px 12px;
	border-radius: 6px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #444;
	background: var(--bs-gray-300)
}

.nav-pills .nav-link:hover {
	color: #fff;
	background: #477CDB
}

.nav-pills .nav-link i {
	font-size: 22px
}

.nav-pills .nav-link.active {
	background: #477CDB
}

.tab-pane {
	display: none
}

.tab-pane.active {
	display: block
}

.breadcrumb {
	background: none;
	justify-content: center;
}

.breadcrumb .active {
	color: var(--bs-gray-500)
}

.breadcrumb-item {
	padding: 0 !important;
	text-transform: capitalize
}

.breadcrumb-item a {
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.breadcrumb-item a:hover {
	color: #477CDB;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #f1f2f3;
	padding: 0 8px
}

.mc-breadcrumb {
	margin-bottom: 25px
}

.mc-breadcrumb-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	padding: 20px 25px;
	border-radius: 6px;
	background: #f1f2f3
}

.mc-breadcrumb-title {
	font-size: 18px
}

.mc-breadcrumb-select {
	width: 100%;
	height: 40px;
	max-width: 200px
}

.mc-breadcrumb-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mc-breadcrumb-item {
	color: var(--bs-gray-500);
	text-transform: capitalize;
	white-space: nowrap
}

.mc-breadcrumb-item::after {
	content: "~";
	margin: 0 10px;
	color: #5e5d72
}

.mc-breadcrumb-item:last-child::after {
	display: none
}

.mc-breadcrumb-link {
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:767px) {
	.mc-breadcrumb-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 30px 15px 25px
	}

	.mc-breadcrumb-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.page-item {
	margin-left: 10px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 50%
}

.page-item .active {
	color: #fff;
	background: #477CDB
}

.page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	border: none;
	padding: 0;
	color: #5e5d72;
	background: #f1f2f3
}

.page-link:hover {
	color: #fff;
	background: #477CDB
}

.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.page-link.material-icons {
	font-size: 22px
}

@media (max-width:991px) {
	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

@media (max-width:767px) {
	.page-item {
		margin: 0 5px
	}
}

.accordion-item {
	padding: 20px 20px;
	border-radius: 6px;
	margin-bottom: 20px;
	background: #fff;
	border: 2px solid #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-item:last-of-type {
	border-radius: 6px
}

.accordion-item:first-of-type {
	border-radius: 6px
}

.accordion-item:not(:first-of-type) {
	border-top: 2px solid #fff
}

.accordion-item:last-child {
	margin-bottom: 0
}

.accordion-item.active {
	border-color: #477CDB
}

.accordion-item.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.accordion-que {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 25px;
	cursor: pointer
}

.accordion-que h5 {
	width: 100%;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-que h5:hover {
	color: #477CDB
}

.accordion-que i {
	font-size: 28px;
	line-height: 20px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-que button {
	color: #a8aeb1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-que button:hover {
	color: #5e5d72
}

.accordion-ans {
	height: 0;
	overflow: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-ans p {
	font-size: 17px;
	margin-top: 18px
}

@media (max-width:575px) {
	.accordion-item {
		background: #f1f2f3
	}
}

.modal-dialog {
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content
}

.modal-content {
	border: none;
	padding: 25px;
	border-radius: 6px
}

.modal-header {
	padding: 0;
	margin-bottom: 25px;
	border: none
}

.modal-header button {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.modal-header button:hover {
	color: #477CDB
}

.modal-title {
	font-weight: 600;
	text-transform: uppercase
}

.modal-message .form-control {
	background: #f1f2f3
}

.table>:not(:first-child) {
	border-top: none
}

.table thead tr th {
	padding: 15px 20px;
	letter-spacing: .3px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
	color: #444;
	background: #f1f2f3
}

.table tbody tr th,
.table tbody tr td {
	color: #5e5d72;
	padding: 12px 20px;
	vertical-align: middle
}

.table tbody tr th {
	font-weight: 500;
	text-transform: capitalize
}

.countdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.countdown-time {
	padding: 0 30px;
	position: relative;
	color: #444;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.countdown-time::before {
	position: absolute;
	content: ":";
	top: 28%;
	right: -3px;
	font-size: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #444
}

.countdown-time:last-child::before {
	display: none
}

.countdown-time span {
	display: block;
	font-size: 40px;
	font-weight: 700;
	color: #477CDB
}

.countdown-time small {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize
}

@media (max-width:575px) {
	.countdown-time {
		padding: 0 12px
	}

	.countdown-time:first-child {
		padding-left: 0
	}

	.countdown-time:last-child {
		padding-right: 0
	}

	.countdown-time span {
		font-size: 35px
	}

	.countdown-time small {
		font-size: 16px
	}
}

.star-rating {
	direction: rtl;
	text-align: center;
	margin-bottom: 25px
}

.star-rating input {
	display: none
}

.star-rating input:checked~label::after {
	opacity: 1
}

.star-rating label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0 5px
}

.star-rating label:hover::after {
	opacity: 1
}

.star-rating label:hover:hover~label::after {
	opacity: 1
}

.star-rating label::before {
	content: "\e838";
	font-family: 'Material Icons';
	font-weight: 900;
	font-size: 45px;
	line-height: 45px;
	display: block;
	color: #bbbbbb
}

.star-rating label::after {
	content: "\e838";
	font-family: 'Material Icons';
	font-weight: 900;
	font-size: 45px;
	line-height: 45px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	color: #ffb100;
	opacity: 0
}

@media (max-width:575px) {
	.star-rating label {
		margin: 0
	}
}

.category-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #f1f2f3;
	border-radius: 6px;
	padding: 25px 0;
	margin-bottom: 25px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.category-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15)
}

.category-card:hover img {
	border-color: rgba(71, 124, 219, .3)
}

.category-card:hover span {
	color: #477CDB
}

.category-card img {
	width: 80px;
	margin-bottom: 12px;
	border-radius: 50%;
	border: 6px solid #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.category-card span {
	color: #5e5d72;
	font-weight: 500;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:1199px) {
	.category-card img {
		width: 70px
	}

	.category-card span {
		font-size: 15px
	}
}

.product-grid-card {
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.product-grid-card:hover .product-grid-image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-grid-card:hover .product-grid-image .product-grid-overlay {
	opacity: 1;
	visibility: visible
}

.product-grid-image {
	overflow: hidden;
	position: relative;
	border-radius: 6px 6px 0 0
}

.product-grid-image img {
	width: 100%;
	border-radius: 6px 6px 0 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.product-grid-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.product-grid-hints {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .7)
}

.product-grid-hints i {
	font-size: 18px;
	margin-right: 3px
}

.product-grid-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto;
	top: 0;
	left: 0;
	padding: 13px;
	border-radius: 6px 6px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(10, 9, 48, 0)), color-stop(90%, rgba(10, 9, 48, .8)));
	background: linear-gradient(rgba(10, 9, 48, 0) 65%, rgba(10, 9, 48, .8) 90%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	opacity: 0;
	visibility: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-vendor,
.product-grid-rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-grid-vendor i,
.product-grid-rating i {
	font-size: 18px;
	color: #477CDB;
	margin-right: 3px;
	margin-top: -1px
}

.product-grid-vendor a,
.product-grid-rating a {
	font-size: 15px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .3px;
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-vendor a:hover,
.product-grid-rating a:hover {
	color: #a8aeb1;

}

.product-grid-vendor i {
	color: var(--bs-teal)
}

.product-grid-rating i {
	color: #ffb100
}

.product-grid-content {
	padding: 15px 15px
}

.product-grid-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px
}

.product-grid-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-grid-price span {
	font-size: 18px;
	font-weight: 700;
	font-family: sans-serif;
	color: #477CDB
}

.product-grid-price small {
	margin-left: 3px;
	text-transform: capitalize;
	font-size: 13px
}

.product-grid-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.product-grid-action a,
.product-grid-action button {
	color: #a8aeb1;
	font-size: 18px;
	cursor: pointer;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-action a:first-child,
.product-grid-action button:first-child {
	margin-left: none;
	padding-left: none;
	border-left: none
}

.product-grid-action a.compare:hover,
.product-grid-action button.compare:hover {
	color: #b12fad
}

.product-grid-action a.favorite:hover,
.product-grid-action button.favorite:hover {
	color: #ff3838
}

.product-grid-action .compare.active {
	color: #b12fad
}

.product-grid-action .favorite.active {
	color: #ff3838
}

.product-grid-meta {
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3
}

.product-grid-meta h4 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px
}

.product-grid-meta h4 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-meta h4 a:hover {
	color: #477CDB
}

.product-grid-meta ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-grid-meta ul li {
	font-size: 13px;
	position: relative;
	white-space: nowrap;
	text-transform: capitalize;
	margin-left: 15px;
	padding-left: 10px
}

.product-grid-meta ul li::before {
	position: absolute;
	width: 5px;
	height: 5px;
	z-index: auto;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: #a8aeb1
}

.product-grid-meta ul li:first-child {
	margin-left: 0
}

.product-grid-meta ul li:last-child {
	text-transform: capitalize
}

.product-grid-meta ul li a {
	text-transform: capitalize
}

.product-grid-extra {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-grid-extra li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-grid-extra li i {
	font-size: 17px;
	margin-right: 5px
}

.product-grid-extra li span {
	font-size: 13px;
	white-space: nowrap;
	text-transform: capitalize
}

.product-grid-btn {
	display: -ms-grid;
	display: grid;
	grid-row-gap: 0;
	grid-column-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-grid-btn a {
	width: 100%;
	padding: 8px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: var(--bs-gray-300);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-btn a:hover {
	color: #fff;
	background: #477CDB
}

.product-grid-btn a i {
	font-size: 17px;
	margin-right: 5px
}

.product-list-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 18px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3;
	border: 1px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-card:hover {
	background: #fff;
	border-color: #477CDB;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.product-list-card:hover .product-list-image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-list-card:hover .product-list-image .product-list-overlay {
	opacity: 1;
	visibility: visible
}

.product-list-image {
	width: 320px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 6px;
	position: relative;
	overflow: hidden
}

.product-list-image img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.product-list-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.product-list-hints {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .5)
}

.product-list-hints i {
	font-size: 18px;
	margin-right: 3px
}

.product-list-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	padding: 13px;
	border-radius: 6px 6px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(10, 9, 48, 0)), color-stop(90%, rgba(10, 9, 48, .8)));
	background: linear-gradient(rgba(10, 9, 48, 0) 65%, rgba(10, 9, 48, .8) 90%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	opacity: 0;
	visibility: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-vendor,
.product-list-rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-list-vendor i,
.product-list-rating i {
	font-size: 18px;
	color: #477CDB;
	margin-right: 3px;
	margin-top: -1px
}

.product-list-vendor a,
.product-list-rating a {
	font-size: 15px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .3px;
	margin-left: 3px;
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-vendor a:hover,
.product-list-rating a:hover {
	color: #a8aeb1;

}

.product-list-vendor i {
	color: var(--bs-teal)
}

.product-list-rating i {
	color: #ffb100
}

.product-list-content {
	width: 100%;
	padding-left: 20px
}

.product-list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 15px
}

.product-list-meta {
	width: 100%;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #e3e3e3
}

.product-list-meta h3 {
	margin-bottom: 5px
}

.product-list-meta h3 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-meta h3 a:hover {
	color: #477CDB
}

.product-list-meta ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-list-meta ul li {
	font-size: 14px;
	text-transform: capitalize;
	white-space: nowrap;
	position: relative;
	margin-left: 15px;
	padding-left: 12px
}

.product-list-meta ul li::before {
	position: absolute;
	width: 5px;
	height: 5px;
	z-index: auto;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: rgba(10, 9, 48, .5)
}

.product-list-meta ul li:first-child {
	margin-left: 0
}

.product-list-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.product-list-price h3 {
	font-size: 26px;
	font-family: sans-serif;
	margin-bottom: 3px;
	line-height: 30px;
	color: #477CDB
}

.product-list-price span {
	font-size: 15px;
	letter-spacing: .3px;
	white-space: nowrap;
	text-transform: capitalize
}

.product-list-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 18px 0
}

.product-list-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 15px;
	margin: 3px;
	border-left: 1px solid #e3e3e3
}

.product-list-info li span {
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap
}

.product-list-info li span:last-child {
	font-weight: 500;
	margin-left: 3px
}

.product-list-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 8px;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-list-action a,
.product-list-action button {
	width: 100%;
	padding: 8px 0;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #5e5d72;
	background: var(--bs-gray-300);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-action a:hover,
.product-list-action button:hover {
	color: #fff;
	background: #477CDB
}

.product-list-action a i,
.product-list-action button i {
	font-size: 20px
}

.product-list-action a span,
.product-list-action button span {
	margin-left: 6px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px
}

.product-list-action .compare.active {
	color: #fff;
	background: #b12fad
}

.product-list-action .favorite.active {
	color: #fff;
	background: #ff3838
}

@media (max-width:1199px) {
	.product-list-card {
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-list-image {
		width: 100%
	}

	.product-list-content {
		padding: 15px 12px 12px
	}

	.product-list-meta h3 {
		font-size: 18px
	}

	.product-list-meta ul li {
		font-size: 13px;
		margin-left: 12px
	}

	.product-list-price h3 {
		margin-bottom: 3px;
		font-size: 22px
	}

	.product-list-action button span,
	.product-list-action a span {
		display: none
	}
}

@media (max-width:575px) {
	.product-list-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-list-meta {
		margin: 0 0 15px;
		padding: 0;
		border: none
	}

	.product-list-price {
		width: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.product-list-info {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 15px 0
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.product-list-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-list-meta {
		margin: 0 0 15px;
		padding: 0;
		border: none
	}

	.product-list-price {
		width: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.product-list-info {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 15px 0
	}
}

@media (min-width:1200px) and (max-width:1299px) {
	.product-list-info li {
		padding: 5px 10px
	}

	.product-list-meta {
		margin-right: 15px;
		padding-right: 15px
	}

	.product-list-meta h3 {
		font-size: 20px
	}
}

.product-feature-card:hover .product-feature-image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-feature-card:hover .product-feature-btn i {
	background: #477CDB
}

.product-feature-image {
	overflow: hidden;
	position: relative;
	border-radius: 6px;
	margin-bottom: 15px
}

.product-feature-image::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	background: rgba(10, 9, 48, .1);
	border-radius: 6px
}

.product-feature-image img {
	width: 100%;
	border-radius: 6px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-feature-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1
}

.product-feature-btn i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: rgba(10, 9, 48, .5);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-feature-badge {
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.product-feature-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.product-feature-meta h3 {
	margin-bottom: 5px
}

.product-feature-meta h3 a {
	color: #f1f2f3
}

.product-feature-meta h4 {
	font-family: sans-serif;
	font-weight: 900;
	color: #477CDB
}

.product-feature-meta h4 span {
	font-weight: 400;
	font-size: 16px;
	color: #a8aeb1
}

.funfactor-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px;
	padding: 45px 0;
	border-radius: 6px;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.funfactor-card:hover {
	background: #477CDB
}

.funfactor-card:hover i::before {
	border-color: #fff
}

.funfactor-card:hover span,
.funfactor-card:hover h4 {
	color: #fff
}

.funfactor-card i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	margin-right: 25px;
	font-size: 22px;
	background: #fff;
	color: #477CDB;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	position: relative
}

.funfactor-card i::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	border: 2px dashed #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.funfactor-card h4 {
	font-size: 34px;
	font-weight: 600;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.funfactor-card h4 span {
	display: block
}

.funfactor-text {
	color: #5e5d72;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:1199px) {
	.funfactor-card {
		margin-top: 25px
	}
}

.brand-card {
	width: 100%;
	padding: 30px 0;
	margin-bottom: 25px;
	border-radius: 6px;
	text-align: center;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.brand-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15)
}

.brand-card:hover p {
	color: #477CDB
}

.brand-card img {
	height: 100px;
	margin-bottom: 15px
}

.brand-card h6 {
	font-weight: 600;
	margin-bottom: 3px;
	letter-spacing: .5px;
	text-transform: uppercase
}

.brand-card:hover h6 {
	color: #477CDB
}

.brand-card p {
	color: #5e5d72;
	font-size: 16px;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:1199px) {
	.brand-card img {
		height: 45px
	}

	.brand-card h6 {
		font-size: 14px
	}

	.brand-card p {
		font-size: 15px
	}
}

.city-card {
	width: 100%;
	border-radius: 6px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden
}

.city-card:hover .city-overlay a.material-icons {
	background: #477CDB
}

.city-card:hover img {
	-webkit-transform: scale(1.05) rotate(3deg);
	transform: scale(1.05) rotate(3deg)
}

.city-card img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.city-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 0;
	border-radius: 6px;
	padding: 25px 25px 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(10, 9, 48, .1)), color-stop(90%, rgba(10, 9, 48, .9)));
	background: linear-gradient(rgba(10, 9, 48, .1) 50%, rgba(10, 9, 48, .9) 90%)
}

.city-overlay h3 {
	margin-bottom: 3px
}

.city-overlay h3 a {
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.city-overlay h3 a:hover {
	color: #477CDB
}

.city-overlay p {
	color: var(--bs-gray-500)
}

.city-overlay a.material-icons {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: rgba(10, 9, 48, .5);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-wrap {
	padding: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.review-wrap-image {
	margin-right: 50px
}

.review-wrap-image img {
	width: 350px;
	height: 350px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	border: 12px solid #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.review-wrap-content {
	width: 600px
}

.review-wrap-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 25px
}

.review-wrap-video {
	position: relative;
	display: inline-block;
	margin-right: 30px
}

.review-wrap-video a {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	font-size: 35px;
	color: #fff;
	background: #477CDB;
	text-shadow: 2px 3px 0 rgba(255, 255, 255, .3);
	-webkit-animation: review 2s linear infinite;
	animation: review 2s linear infinite
}

.review-wrap-video i {
	position: absolute;
	bottom: -15px;
	right: -15px;
	width: 48px;
	height: 48px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background: #ffb100;
	border: 3px solid #fff2fe
}

@-webkit-keyframes review {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}
}

@keyframes review {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}
}

.review-wrap-item h4 {
	margin-bottom: 7px
}

.review-wrap-item h5 {
	color: #5e5d72
}

.review-wrap-quote {
	font-size: 30px;
	margin-bottom: 30px;
	font-style: italic
}

.review-wrap-user {
	position: relative;
	margin-bottom: 8px;
	padding-left: 25px
}

.review-wrap-user::before {
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	width: 15px;
	height: 2px;
	z-index: 1;
	background: #444
}

.review-wrap-type {
	padding-left: 25px;
	color: #e86121
}

@media (max-width:767px) {
	.review-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.review-wrap-image {
		margin-right: 0;
		margin-bottom: 30px
	}

	.review-wrap-image img {
		width: 250px;
		height: 250px
	}

	.review-wrap-content {
		width: 100%
	}

	.review-wrap-video {
		margin-right: 20px
	}

	.review-wrap-video a {
		width: 60px;
		height: 60px;
		font-size: 24px;
		line-height: 60px
	}

	.review-wrap-video i {
		width: 35px;
		height: 35px;
		font-size: 20px;
		line-height: 30px;
		bottom: -8px;
		right: -10px
	}

	.review-wrap-item h4 {
		font-size: 18px
	}

	.review-wrap-item h5 {
		font-size: 16px
	}

	.review-wrap-quote {
		font-size: 22px
	}

	.review-wrap-user {
		font-size: 18px
	}

	.review-wrap-type {
		font-size: 16px
	}
}

@media (min-width:576px) and (max-width:767px) {
	.review-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.review-wrap-image {
		margin-right: 30px;
		margin-bottom: 0
	}

	.review-wrap-image img {
		width: 190px;
		height: 190px;
		border-width: 8px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.review-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.review-wrap-image {
		margin-right: 30px;
		margin-bottom: 0
	}

	.review-wrap-image img {
		width: 250px;
		height: 250px;
		border-width: 10px
	}

	.review-wrap-quote {
		font-size: 25px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.review-wrap-content {
		width: 500px
	}
}

.blog-grid-card {
	margin-bottom: 25px
}

.blog-grid-card:hover .blog-grid-media img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.blog-grid-media {
	position: relative;
	overflow: hidden;
	border-radius: 6px
}

.blog-grid-media::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	border-radius: 6px;
	background: rgba(10, 9, 48, .12)
}

.blog-grid-media img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-grid-widget {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1
}

.blog-grid-widget li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	padding: 5px 8px;
	margin-bottom: 5px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .5)
}

.blog-grid-widget li i {
	font-size: 18px;
	margin-right: 3px
}

.blog-grid-content {
	padding: 22px 12px 0
}

.blog-grid-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	row-gap: 5px;
	margin-bottom: 18px
}

.blog-grid-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 6px
}

.blog-grid-meta li i {
	font-size: 22px;
	color: #477CDB
}

.blog-grid-meta li span {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: #5e5d72
}

.blog-grid-meta li span a:hover {}

.blog-grid-name {
	margin-bottom: 18px
}

.blog-grid-name a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-grid-name a:hover {
	color: #477CDB
}

.blog-grid-descrip a {
	text-transform: capitalize;
	font-weight: 500;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-grid-descrip a:hover {}

@media (max-width:575px) {
	.blog-grid-content {
		padding: 22px 6px 0
	}

	.blog-grid-meta {
		margin-bottom: 12px
	}

	.blog-grid-meta li {
		margin-right: 15px
	}

	.blog-grid-meta li i {
		font-size: 18px;
		margin-right: 3px
	}

	.blog-grid-meta li span {
		font-size: 12px
	}

	.blog-grid-name {
		font-size: 20px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.blog-grid-meta li i {
		font-size: 20px
	}

	.blog-grid-meta li span {
		font-size: 13px
	}
}

@media (min-width:1200px) and (max-width:1299px) {
	.blog-grid-grid li {
		margin-right: 15px
	}
}

.blog-list-card {
	margin-bottom: 40px
}

.blog-list-card:hover .blog-list-media img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.blog-list-media {
	overflow: hidden;
	position: relative;
	border-radius: 6px
}

.blog-list-media::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	border-radius: 6px;
	background: rgba(10, 9, 48, .12)
}

.blog-list-media img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-list-content {
	padding: 20px 15px 0
}

.blog-list-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px
}

.blog-list-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 15px;
	font-weight: 500;
	margin: 5px 0;
	margin-right: 40px;
	text-transform: uppercase
}

.blog-list-meta li i {
	font-size: 22px;
	color: #477CDB;
	margin-right: 5px
}

.blog-list-meta li span a:hover {}

.blog-list-title {
	font-size: 28px;
	margin-bottom: 18px
}

.blog-list-title a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-list-title a:hover {
	color: #477CDB
}

.blog-list-descrip a {
	text-transform: capitalize;
	font-weight: 500;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-list-descrip a:hover {}

@media (max-width:1199px) {
	.blog-list-title {
		font-size: 24px
	}
}

.feature-card {
	text-align: center;
	margin-bottom: 25px;
	padding: 60px 40px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .05);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.feature-card:hover {
	background: #477CDB;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.feature-card:hover i,
.feature-card:hover h3,
.feature-card:hover p {
	color: #fff
}

.feature-card i {
	font-size: 60px;
	margin-bottom: 25px;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.feature-card h3 {
	margin-bottom: 15px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.feature-card p {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-card {
	margin-bottom: 25px
}

.team-media {
	overflow: hidden;
	position: relative;
	border-radius: 6px
}

.team-media:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.team-media:hover .team-overlay {
	top: 0;
	opacity: 1
}

.team-media:hover .team-overlay a {
	padding-top: 0
}

.team-media img {
	width: 100%;
	border-radius: 6px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	opacity: 0;
	background: rgba(0, 0, 0, .3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-overlay a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	margin: 0 5px;
	padding-top: 30px;
	color: #5e5d72;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-overlay a:hover {
	color: #fff;
	background: #477CDB
}

.team-meta {
	text-align: center
}

.team-meta h4 {
	margin-bottom: 3px;
	text-transform: capitalize
}

.team-meta h4 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-meta h4 a:hover {
	color: #477CDB
}

.team-meta p {
	font-size: 16px;
	text-transform: capitalize
}

@media (max-width:575px) {
	.team-card {
		width: 290px;
		margin: 0 auto 25px
	}
}

.intro-card {
	overflow: hidden;
	border-radius: 16px
}

.intro-overlay {
	background: -webkit-gradient(linear, right top, left top, from(rgba(71, 124, 219, .6)), to(rgba(10, 9, 48, .98)));
	background: linear-gradient(to left, rgba(71, 124, 219, .6), rgba(10, 9, 48, .98));
	padding: 80px 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.intro-overlay .btn-inline {
	background: #0a0930;
	border-color: #0a0930;
	padding: 14px 30px;
	margin-left: 100px
}

.intro-content h3 {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #fff
}

.intro-content p {
	color: #f1f2f3
}

@media (max-width:575px) {
	.intro-overlay {
		padding: 50px 25px
	}
}

@media (max-width:991px) {
	.intro-overlay {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center
	}

	.intro-overlay .btn-inline {
		margin: 35px 0 0
	}
}

@media (min-width:576px) and (max-width:991px) {
	.intro-overlay {
		padding: 70px 50px
	}
}

.price-card {
	text-align: center;
	border-radius: 12px;
	margin: 0 !important;
	margin-right: 0 !important;
	padding: 40px 20px 50px;
	padding-bottom: 20px;
	background: #fff;
	box-shadow: 0 0 32px #00000020;
	border: 1px solid #0B146020;
	transition: all .2s ease-in-out;
	max-width: 370px;
	position: relative;
}

.price-card.premium {
	border: 1px solid #0B1460;
}

.price-card-row {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	gap: 0px;
	padding-top: 48px;
}

.tab-price {
	background-color: #fff;
	width: initial;
	max-width: 280px;
	margin: 0 auto;
	border-radius: 8px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 0 24px 0 #00000015;
}

.tab-price button {
	width: calc(50% - 4px);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 5px 8px;
	color: #fff;
	font-weight: 500;
	border-radius: 4px;
	background-color: #0B1460;
	font-size: 16px;
	transition: all .2s ease-in-out;
}

.tab-price button:hover{
	opacity: .7;
}

.tab-price button.active {
	background-color: #2667FF;
}

.price-card-row .col {
	display: flex;
	width: initial !important;
	justify-content: center;
	flex: initial !important;
}

.price-card:hover {
	transform: scale(1.04);
}

.price-card .most-popular {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FF9600;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 4px 8px 0 4px;
}

.price-card.active {
	background: -webkit-gradient(linear, left top, left bottom, from(#477CDB), to(#0a0930));
	background: linear-gradient(#477CDB, #0a0930)
}

.price-card.active .price-title,
.price-card.active .price-subtitle,
.price-card.active .price-item,
.price-card.active .price-amount {
	color: #f1f2f3
}

.price-card.active .price-item span::before {
	color: #8bb5ff
}

.price-card.active .price-action {
	color: #477CDB;
	background: #fff
}

.price-card.active .price-mode {
	color: #a8aeb1
}

.price-icon {
	width: 130px;
	height: 130px;
	line-height: 110px;
	border-radius: 50%;
	text-align: center;
	font-size: 50px;
	margin-top: -65px;
	margin-bottom: 25px;
	display: inline-block;
	color: #fff;
	background: #477CDB;
	border: 10px solid #fff
}

.price-title {
	margin-bottom: 5px;
	font-size: 26px;
	font-weight: 500;
	text-transform: capitalize;
	color: #0B1460;
}

.price-subtitle {
	margin-bottom: 15px;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 32px;
}

.price-list {
	text-align: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 10px 20px;
	margin-right: 0;
	width: 100%;
}

.price-item {
	font-size: 17px;
	margin: 10px 0;
	text-transform: capitalize;
	line-height: 30px;
}

.price-item span,
.price-item del {
	position: relative;
	color: #5C6185;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.price-item span i,
.price-item del i {
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #00104B;
}

.price-item del {
	text-decoration: none;
}

.price-item del span {
	text-decoration: line-through;
}

.price-item span i.fa-xmark,
.price-item del i.fa-xmark {
	color: #ed4545;
}

.packages-section {
	background-image: url(../images/packages-bg.png);
	background-repeat: no-repeat;
	background-position: 0 69%;
	background-size: 100%;
	margin-bottom: 0;
	padding: 64px 0;
}

.price-amount {
	font-size: 55px;
	font-weight: 500;
	font-family: sans-serif;
	line-height: 55px;
	margin-bottom: 3px;
	color: #00104B;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.old-price {
	text-decoration: line-through;
	font-size: 16px;
	font-weight: 500;
	color: #00000060;
}

.price-amount span {
	font-size: 24px;
	margin-top: 10px;
	margin-right: 6px;
}

.price-mode {
	color: #5e5d72;
	margin-bottom: 27px;
	letter-spacing: .3px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase
}

.price-card.popular .price-action {
	background-color: #2667FF;
	color: #fff;
}

.price-action {
	width: 100%;
	max-width: 230px;
	margin: 0 auto;
	font-weight: 500;
	padding: 12px 0;
	border-radius: 6px;
	text-transform: capitalize;
	color: #fff;
	background: transparent;
	border: 2px solid #0B14601A;
	color: #00104B;
	transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 24px;
}

.price-action:hover {
	color: #fff;
	background: #2667FF;
	transform: translateY(-8px);
}

.card-extra-discount,
.lit-gray,
.lit-transparent,
.extra-code {
	border-radius: 8px;
	position: relative;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #00104B;
	margin-bottom: 8px;
}

.price-card-row .tabcontent {
	justify-content: center;
	align-items: center;
	gap: 32px;
}

.card-extra-discount {
	margin-top: 24px;
}

.price-card.basic .card-extra-discount {
	background-color: #FFE999;
}

.price-card.popular .card-extra-discount {
	background-color: #B0EECF;
}

.price-card.premium .card-extra-discount {
	background-color: #AD7BFF;
	color: #fff;
}

.lit-gray {
	background-color: #00000009;
}

.lit-transparent {
	background-color: transparent;
}

.extra-code {
	background-color: #ed4545;
	color: #fff;
}

.card-extra-discount,
.lit-gray,
.lit-transparent,
.extra-code {
	font-size: 14px;
}

.tooltip-span {
	position: absolute;
	background-color: #fff;
	top: 0;
	right: 35px;
	width: 230px;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0 0 16px 0 #00000015;
	font-size: 13px;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
	z-index: 98;
	color: #000;
}

.tooltip-container span i {
	cursor: pointer;
}

.tooltip-container span:hover .tooltip-span {
	visibility: visible;
	opacity: 1;
}



.price-demand {
	margin-top: 15px;
	letter-spacing: 5px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--bs-yellow)
}

.price-card ul li a {
	padding: 0;
	font-size: 16px;
	padding-left: 25px;
	color: #477CDB;
	text-align: left;
	background: transparent;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.price-card ul li a:hover {
	color: #477CDB;

}

/* .price-card ul li a::before {
	content: "\f059"
} */

.price-card ul li .wp {
	background-color: #4ECD90;
	font-size: 14px;
	width: 100%;
	padding: 4px 12px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	color: #fff;
	margin-bottom: 8px;
}

.price-card ul li .skype {
	background-color: #67A0E3;
	font-size: 14px;
	width: 100%;
	padding: 4px 12px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	color: #fff;
}

.price-card ul li .small-text {
	font-size: 11px;
	color: #080707c7;
	font-weight: 500;
	text-align: left;
}

@media (max-width:575px) {
	.price-card {
		margin: 50px 12px 0;
		padding: 24px 15px 25px
	}

	.price-icon {
		width: 120px;
		height: 120px;
		line-height: 100px;
		margin-top: -60px;
		font-size: 45px
	}

	.price-list {
		padding: 10px 0
	}
}

.vendor-grid-card {
	padding: 15px;
	margin-bottom: 25px;
	border-radius: 6px;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-grid-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.vendor-grid-card:hover .vendor-grid-action a,
.vendor-grid-card:hover .vendor-grid-action button {
	background: #f1f2f3
}

.vendor-grid-card:hover .vendor-grid-action a:hover,
.vendor-grid-card:hover .vendor-grid-action button:hover {
	color: #fff;
	background: #477CDB
}

.vendor-grid-cover img {
	width: 100%;
	border-radius: 6px
}

.vendor-grid-avatar {
	margin-top: -25px;
	margin-bottom: 8px;
	margin-left: 15px
}

.vendor-grid-avatar img {
	width: 65px;
	border-radius: 50%;
	border: 5px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-grid-meta {
	margin-bottom: 15px;
	margin-left: 15px
}

.vendor-grid-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 5px
}

.vendor-grid-meta li:last-child {
	margin-bottom: 0
}

.vendor-grid-meta li i {
	font-size: 22px;
	margin-right: 10px
}

.vendor-grid-meta li a {
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-grid-meta li a:hover {
	color: #477CDB
}

.vendor-grid-meta li span {
	font-size: 16px;
	letter-spacing: .3px;
	white-space: nowrap;
	text-transform: capitalize
}

.vendor-grid-meta li span b {
	font-weight: 500;
	color: #444
}

.vendor-grid-meta .profile i {
	color: #477CDB
}

.vendor-grid-meta .location i {
	color: #11b76b
}

.vendor-grid-meta .rating i {
	color: #ffb100
}

.vendor-grid-meta .store i {
	color: #1494a9
}

.vendor-grid-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.vendor-grid-action a,
.vendor-grid-action button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .3px;
	padding: 8px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-card {
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 18px;
	margin-bottom: 25px;
	border-radius: 6px;
	background: #f1f2f3;
	border: 1px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-card:hover {
	background: #fff;
	border-color: #477CDB;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.vendor-list-card:hover .vendor-list-action a,
.vendor-list-card:hover .vendor-list-action button {
	background: #f1f2f3
}

.vendor-list-card:hover .vendor-list-action a:hover,
.vendor-list-card:hover .vendor-list-action button:hover {
	color: #fff;
	background: #477CDB
}

.vendor-list-cover {
	height: 100%
}

.vendor-list-cover img {
	height: 100%;
	border-radius: 6px
}

.vendor-list-avatar {
	margin-left: -30px;
	margin-right: 30px
}

.vendor-list-avatar img {
	width: 80px;
	border-radius: 50%;
	border: 5px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-group {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.vendor-list-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 8px
}

.vendor-list-meta li:last-child {
	margin-bottom: 0
}

.vendor-list-meta li i {
	font-size: 24px;
	margin-right: 12px
}

.vendor-list-meta li a {
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-meta li a:hover {
	color: #477CDB
}

.vendor-list-meta li span {
	font-size: 16px;
	letter-spacing: .3px;
	white-space: nowrap;
	text-transform: capitalize
}

.vendor-list-meta li span b {
	font-weight: 500;
	color: #444
}

.vendor-list-meta li .pro {
	color: #477CDB
}

.vendor-list-meta li .map {
	color: #11b76b
}

.vendor-list-meta li .star {
	color: #ffb100
}

.vendor-list-meta li .store {
	color: #1494a9
}

.vendor-list-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.vendor-list-action a,
.vendor-list-action button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .3px;
	padding: 10px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:767px) {
	.vendor-list-card {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto
	}

	.vendor-list-cover {
		width: 100%;
		height: auto
	}

	.vendor-list-cover img {
		width: 100%;
		height: auto
	}

	.vendor-list-avatar {
		margin: -30px 0 10px 20px
	}

	.vendor-list-meta {
		margin-bottom: 18px
	}

	.vendor-list-action a,
	.vendor-list-action button {
		font-size: 12px
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.vendor-list-card {
		height: 180px;
		padding: 12px
	}

	.vendor-list-avatar {
		margin-right: 15px
	}

	.vendor-list-avatar img {
		width: 65px
	}

	.vendor-list-meta li {
		margin-bottom: 4px
	}

	.vendor-list-meta li i {
		font-size: 22px
	}

	.vendor-list-meta li a {
		font-size: 17px
	}

	.vendor-list-meta li span {
		font-size: 15px
	}

	.vendor-list-action a,
	.vendor-list-action button {
		padding: 8px 0;
		font-size: 12px
	}
}

.common-card {
	padding: 25px 0px 25px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.common-card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 22px;
	gap: 10px
}

.common-card-header-title {
	font-weight: 600;
	padding-left: 15px;
	border-left: 3px solid #477CDB
}

.common-card-header-select {
	height: 40px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: 200px;
	flex-basis: 200px
}

.common-card-body {
	padding: 22px;
	border-radius: 6px;
	background: #fff
}

@media (max-width:575px) {
	.common-card {
		padding: 0;
		margin-bottom: 50px;
		background: transparent
	}

	.common-card-header {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.common-card-body {
		padding: 0
	}
}

.header-part {
	top: 0;
	left: 0;
	padding: 20px 25px;
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-part.sticky {
	padding: 10px 25px;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.header-part.sticky .header-widget span,
.header-part.sticky .header-user span {
	color: #444
}

.header-part.sticky .header-logo img {
	filter: contrast(100%);
}

.header-logo {
	margin-right: 50px
}

.header-logo img {
	height: 45px;
	filter: contrast(300%);
}

.header-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.header-widget,
.header-user {
	position: relative;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-column-gap: 8px;
	column-gap: 8px
}

.header-widget:hover i,
.header-user:hover i {
	color: #fff;
	background: #477CDB
}

.header-widget:hover span,
.header-user:hover span {
	color: #477CDB
}

.header-widget img,
.header-user img {
	width: 40px;
	height: 40px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle
}

.header-widget i,
.header-user i {
	color: #5e5d72;
	background: #f1f2f3;
	vertical-align: middle;
	border-radius: 5px;
	text-align: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
	width: 42.5px;
	height: 42.5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-widget span,
.header-user span {
	letter-spacing: .8px;
	white-space: nowrap;
	text-transform: uppercase;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-responsive {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.responsive-srch {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42.5px;
	height: 42.5px;
	background-color: #f1f2f3;
	border-radius: 5px;
}

.header-form {
	width: 100%;
	margin: 0px;
	position: absolute;
	display: none;
	max-width: 494px;
	right: 20px;
	top: initial;
	z-index: 99;
}

.header-form.active .header-search {
	border-radius: 6px 6px 0 0
}

.header-form.active .header-option {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	z-index: 99;
}

.header-search {
	border-radius: 6px;
	background: #f1f2f3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-search button {
	padding: 0 15px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-search button:hover {
	color: #477CDB
}

.header-search input {
	width: 100%;
	height: 48px;
	font-size: 12px !important;
}

.header-search input::placeholder {
	font-size: 12px !important;
}

.header-search select {
	border: none;
	width: 150px;
	height: 30px;
	font-size: 12px;
	border-radius: 0;
	background: transparent;
	border-left: 1px solid #e3e3e3
}

.header-search select:focus {
	border-color: #e3e3e3
}

.header-option {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: (1fr)[3];
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	padding: 15px 15px;
	border-radius: 0 0 6px 6px;
	background: #f1f2f3;
	border-top: 1px solid #e3e3e3;
	position: absolute;
	width: 100%;
	height: auto;
	z-index: auto;
	left: 0;
	top: 48px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-option input {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	border-radius: 6px;
	background: #fff
}

.header-option select {
	border: none;
	height: 45px;
	color: #5e5d72
}

.header-search button.material-icons {
	font-size: 18px;
}

.header-option button {
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: 3 / 1 / 4 / 3;
	color: #fff;
	background: #477CDB;
	letter-spacing: .8px;
	border-radius: 6px;
	height: 45px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500
}

.header-btn {
	margin-left: 50px;
	color: #fff;
	background: #477CDB
}

.header-btn:hover {
	color: #fff
}

@media (max-width:991px) {
	.header-part {
		padding: 15px 15px
	}

	.price-card-row .tabcontent {
		flex-wrap: wrap;
	}

	.header-part.sticky {
		padding: 8px 15px
	}

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

	.header-logo,
	.header-form,
	.header-user,
	.header-btn {
		display: none
	}

	.responsive-logo,
	.responsive-srch {
		display: block
	}

	.responsive-logo img,
	.responsive-srch img {
		width: 180px
	}

	.header-form {
		margin: 0;
	}

	.header-search button,
	.header-search select {
		padding: 0 10px
	}

	.header-search input {
		height: 45px
	}

	.header-option {
		top: 45px
	}
}

@media (max-width:575px) {
	.responsive-logo img {
		width: 150px
	}

	.header-widget i {
		width: 31.6px;
		height: 31.6px;
		font-size: 22px;
		line-height: 34px
	}

	.header-widget span {
		display: none
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.header-logo {
		margin-right: 30px
	}

	.header-widget span,
	.header-user span {
		display: none
	}

	.header-form {
		margin: 0 30px
	}

	.header-btn {
		margin-left: 30px
	}
}

@media (max-width:575px) {
	.header-option .form-select {
		background: #fff
	}
}

.sidebar-part {
	position: fixed;
	width: 320px;
	height: 100%;
	z-index: 5;
	left: -350px;
	top: 0;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-part.open {
	left: 0
}

.sidebar-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 15px 12px
}

.sidebar-header a img {
	width: 150px
}

.sidebar-content {
	overflow-y: scroll;
	height: calc(100vh - 65px)
}

.sidebar-btn {
	text-align: center;
	padding: 50px 0;
	margin: 0 15px;
	border-radius: 6px;
	background: #f1f2f3
}

.sidebar-select {
	margin: 0 15px;
	padding: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #e3e3e3
}

.sidebar-select .form-select {
	width: 100%;
	height: 35px;
	border: none;
	color: #444;
	border-radius: 0
}

.sidebar-select .form-select:first-child {
	border-right: 1px solid #e3e3e3
}

.sidebar-nav {
	padding: 25px 15px 0
}

.sidebar-group {
	margin-bottom: 20px
}

.sidebar-title {
	color: #5e5d72;
	opacity: .6;
	margin-bottom: 15px
}

.select-data,
.nav-list .nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 13px 14px 13px 10px;
	border-radius: 6px;
	color: #5e5d72;
	cursor: pointer;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.select-data:hover,
.nav-list .nav-link:hover {
	color: #477CDB;
	background: #f1f2f3
}

.select-data:hover .select-arrow,
.select-data:hover .nav-arrow,
.nav-list .nav-link:hover .select-arrow,
.nav-list .nav-link:hover .nav-arrow {
	border-color: #477CDB
}

.select-data:focus,
.nav-list .nav-link:focus {
	color: inherit
}

.select-data i,
.nav-list .nav-link i {
	margin-right: 18px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.select-image {
	width: 28px;
	height: 28px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	border: 3px solid #fff
}

.select-text,
.nav-text {
	width: 100%;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.select-arrow,
.nav-arrow {
	width: 8px;
	height: 8px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-top: 2px solid #5e5d72;
	border-right: 2px solid #5e5d72;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.nav-count {
	width: 28px;
	height: 28px;
	line-height: 22px;
	border-radius: 30px;
	text-align: center;
	font-size: 14px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #fff;
	background: #477CDB;
	border: 3px solid #fff
}

.option-list,
.drop-list {
	margin: 0 20px;
	border-left: 1px solid #e3e3e3;
	height: 0;
	overflow: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.option-link,
.drop-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-radius: 6px;
	padding: 8px 10px;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.option-link:hover,
.drop-link:hover {
	color: #477CDB;
	background: #f1f2f3
}

.option-link img,
.drop-link img {
	width: 28px;
	height: 28px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	border: 3px solid #fff
}

.option-link i,
.drop-link i {
	font-size: 20px;
	margin-right: 8px
}

.option-link span,
.drop-link span {
	font-size: 16px;
	text-transform: capitalize
}

.selected .select-data,
.selected .nav-link,
.dropdown .select-data,
.dropdown .nav-link {
	color: #477CDB;
	background: #f1f2f3
}

.selected i,
.dropdown i {
	color: #477CDB
}

.selected .nav-text,
.dropdown .nav-text {
	color: #477CDB
}

.selected .select-arrow,
.selected .nav-arrow,
.dropdown .select-arrow,
.dropdown .nav-arrow {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: #477CDB
}

@media (max-width:575px) {
	.sidebar-part {
		width: 285px
	}
}

.float-menu {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 3
}

.float-widget {
	position: relative
}

.float-widget i {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#477CDB), to(#1494a9));
	background: linear-gradient(#477CDB, #1494a9);
	-webkit-box-shadow: 0 7px 23px rgba(71, 124, 219, .5);
	box-shadow: 0 7px 23px rgba(71, 124, 219, .5)
}

.float-widget sup {
	position: absolute;
	top: -10px;
	right: -2px;
	font-size: 12px;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	background: #ff3838;
	color: #fff
}

.float-list {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.float-item {
	margin-bottom: 20px
}

.float-item a {
	position: relative
}

.float-item a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #477CDB;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.float-item a sup {
	position: absolute;
	top: -10px;
	right: -2px;
	font-size: 11px;
	width: 21px;
	height: 21px;
	line-height: 16px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	background: #ff3838;
	color: #fff
}

.float-item a .red {
	background: #ff3838
}

.float-item a .purple {
	background: #b12fad
}

.float-item a .orange {
	background: #e86121
}

@media (max-width:991px) {
	.float-menu {
		display: none
	}
}

.mobile-menu {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	bottom: 0;
	border-radius: 6px 6px 0 0;
	background: #477CDB;
	-webkit-box-shadow: 0px -15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0px -15px 35px 0 rgba(0, 0, 0, .1)
}

.mobile-menu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	margin-top: -15px;
	padding-bottom: 6px;
	width: 100%
}

.mobile-menu a i {
	font-size: 18px;
	margin-bottom: 2px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.mobile-menu a i:hover {
	background: #477CDB;
	color: #fff
}

.mobile-menu a span {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #fff
}

.mobile-menu a sup {
	position: absolute;
	top: -10px;
	right: 35%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	font-size: 10px;
	width: 22px;
	height: 22px;
	line-height: 17px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	background: #ff3838;
	color: #fff
}

.mobile-menu a:nth-child(3) i {
	width: 55px;
	height: 55px;
	line-height: 48px;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	border: 3px solid #fff;
	background: #477CDB;
	color: #fff;
	position: absolute;
	top: -32px
}

@media (min-width:991px) {
	.mobile-menu {
		display: none
	}
}

@media (min-width:576px) and (max-width:991px) {
	.mobile-menu a sup {
		right: 40%
	}
}

footer {
	background: #151b2c;
	padding: 100px 0 0;
	position: relative;
}

footer .footer-info {
	width: 100%;
	background: #20273c;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px
}

footer .footer-info a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	background: #28314c;
	border-radius: 5px;
	height: 56px;
	padding: 0 15px;
	font-weight: 400;
	font-size: 14px;
	color: #687497;
	-webkit-transition: .2s all;
	transition: .2s all
}

footer .footer-info a:hover {
	background: #151b2c;
	color: #fff
}

footer .footer-info a.live::after {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #36b915;
	content: "";
	display: block;
	margin-left: auto;
	-webkit-animation: pulse-black 2s infinite;
	animation: pulse-black 2s infinite
}

@-webkit-keyframes pulse-black {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(35, 245, 10, .7);
		box-shadow: 0 0 0 0 rgba(35, 245, 10, .7)
	}

	70% {
		-webkit-box-shadow: 0 0 0 7px transparent;
		box-shadow: 0 0 0 7px transparent
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent
	}
}

@keyframes pulse-black {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(35, 245, 10, .7);
		box-shadow: 0 0 0 0 rgba(35, 245, 10, .7)
	}

	70% {
		-webkit-box-shadow: 0 0 0 7px transparent;
		box-shadow: 0 0 0 7px transparent
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent
	}
}

footer .footer-info a span {
	background: #313b5a;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 15px
}

footer .footer-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 20px
}

footer .footer-links strong {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px
}

footer .footer-links a {
	font-weight: 400;
	font-size: 16px;
	color: #687497;
	margin-top: 20px;
	-webkit-transition: .2s all;
	transition: .2s all
}

footer .footer-links a:hover {
	color: #fff;
	padding-left: 4px
}

footer .footer-bottom {
	text-align: center !important;
	padding: 64px 0 54px
}

footer .footer-bottom p {
	font-size: 16px;
	font-weight: 500;
	color: #888fa8;
	padding: 16px 0 14px
}

footer .footer-bottom ul {
	font-size: 0
}

footer .footer-bottom ul li {
	display: inline-block
}

footer .footer-bottom ul li a {
	display: block;
	color: #fff;
	font-size: 28px;
	padding: 10px
}

footer .footer-bottom ul li a:hover {
	color: #888fa8
}

footer .copyright {
	padding: 20px 0;
	overflow: hidden;
	border-top: 1px solid rgba(136, 143, 168, .2);
	margin-right: var(--bs-gutter-x, .75rem);
	margin-left: var(--bs-gutter-x, .75rem);
	max-width: 1300px;
	margin: 0 auto;
}

footer .copyright>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
	width: 100%;
}

footer .copyright>div p {
	padding: 10px 20px;
	color: #fff;
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 14px;
}

footer .copyright>div ul {
	font-size: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

footer .container {
	margin-bottom: 30px !important;
}

.etbis-img img {
	max-width: 150px;
}

.etbis-img:hover {
	padding-left: 0 !important;
}

footer .copyright>div ul li {
	display: inline-block
}

footer .copyright>div ul li a {
	display: block;
	color: #888fa8;
	font-size: 14px;
	padding: 10px 20px;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}

footer .copyright>div ul li a:hover {
	color: #fff
}

footer:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	height: 8px;
	background: linear-gradient(255.4deg, #7ce497 1.6%, #00bed1 98.62%)
}

footer .center {
	border-top: 1px solid rgba(136, 143, 168, .2);
	margin-right: var(--bs-gutter-x, .75rem);
	margin-left: var(--bs-gutter-x, .75rem);
	max-width: 1300px;
	margin: 0 auto;
}



.subscribe-widget .nl-box {
	width: 100%;
	background: #20273c;
	padding: 38px 50px;
	border-radius: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 9;
	margin-bottom: -40px
}

.subscribe-widget .nl-box .text {
	text-align: start
}

.subscribe-widget .nl-box .text h3 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	line-height: 39px
}

.subscribe-widget .nl-box .text p {
	font-weight: 500;
	font-size: 17px;
	color: #fff
}

.subscribe-widget .nl-box .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.subscribe-widget .nl-box .buttons a {
	width: 200px;
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #3c4252;
	background: #fff;
	border-radius: 54px;
	font-weight: 500;
	font-size: 18px
}

.subscribe-widget .nl-box .buttons a:hover {
	background: #ff8600;
	color: #fff;
	border: 2px solid #fff
}

.subscribe-widget .nl-box .buttons a:hover svg path {
	stroke: #fff
}

.subscribe-widget .nl-box .buttons a:last-child {
	margin-left: 20px;
	background: #ff8600;
	color: #fff;
	border: 2px solid #fff
}

.subscribe-widget .nl-box .buttons a:last-child:hover {
	background: #fff;
	color: #ff8600
}

.subscribe-widget .nl-box .buttons a:last-child:hover svg path {
	stroke: #ff8600
}

.subscribe-widget .nl-box .buttons a svg {
	margin-right: 6px
}

.subscribe-form-v1 form {
	position: relative;
	width: 500px;
	max-width: 100%;
}

.subscribe-form-v1 input {
	padding: 18px;
	width: 100%;
	border-radius: 10px;
	border: 0;
	color: #252831;
	background-color: #fff;
	font-size: 14px;
}

.subscribe-form-v1 .subscribe-submit {
	height: 100%;
	padding: 0 34px;
	position: absolute;
	right: -3px;
	top: 0;
	border-radius: 0 10px 10px 0;
}

.subscribe-form-v1 .subscribe-submit:hover i {
	transform: translateX(50%);
}

.subscribe-form-v1 .subscribe-submit i {
	margin-left: 5px;
	font-size: 15px;
	transition: transform .15s ease-in-out;
	will-change: transform;
}

.subscribe-form-v1 .btn-blue {
	background-color: #2e57cf;
	color: #fff;
}

.subscribe-form-v1 .btn-blue:hover {
	background-color: #3768f7;
	color: #fff;
}

.arrow {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: rotate(270deg);
	cursor: pointer;
}

.arrow span {
	display: block;
	width: 1.5vw;
	height: 1.5vw;
	border-bottom: 5px solid white;
	border-right: 5px solid white;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
	animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
	animation-delay: -0.4s;
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}


.single-banner {
	padding: 45px 0 45px;
	background: rgba(10, 9, 48, .7);
	margin: 0 !important;
}

.single-banner h2 {
	color: #fff;
	margin-bottom: 12px;
	font-size: 45px;
}

@media (max-width:575px) {
	.single-banner {
		padding: 20px 0 20px;
	}

	.single-banner-text {
		margin-bottom: 40px !important;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.single-banner {
		padding: 120px 0 70px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.single-banner {
		padding: 130px 0 80px
	}
}

.top-filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 25px;
	background: #f1f2f3;
	padding: 15px 20px;
	border-radius: 6px
}

.filter-short {
	width: 225px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.filter-show {
	width: 203px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.filter-label {
	font-size: 14px;
	font-weight: 500;
	margin-right: 8px;
	white-space: nowrap;
	text-transform: uppercase
}

.filter-select {
	height: 40px;
	border-color: rgba(168, 174, 177, .5);
	background-color: transparent
}

.filter-select:focus-within {
	border-color: rgba(168, 174, 177, .8)
}

.filter-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.filter-action a {
	color: #5e5d72;
	font-size: 28px;
	margin-left: 10px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.filter-action a:hover {
	color: #477CDB
}

.filter-action a.active {
	color: #477CDB
}

@media (max-width:575px) {

	.filter-label,
	.filter-action {
		display: none
	}

	.filter-show {
		width: 80px
	}

	.filter-short {
		width: 130px
	}
}

.bottom-paginate {
	padding-top: 25px;
	border-top: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.page-info {
	font-size: 17px;
	font-weight: 500;
	color: #5e5d72
}

@media (max-width:575px) {
	.bottom-paginate {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.page-info {
		margin-bottom: 15px
	}
}

@media (max-width:991px) {
	.bottom-paginate.mb-50 {
		margin-bottom: 50px
	}
}

.product-widget {
	padding: 20px 20px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.product-widget:last-child {
	margin-bottom: 0
}

.product-widget-title {
	padding-bottom: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #e3e3e3
}

.product-widget-btn {
	width: 100%;
	font-size: 15px;
	padding: 9px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: var(--bs-gray-300);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget-btn:hover {
	color: #fff;
	background: #477CDB
}

.product-widget-btn i {
	margin-right: 5px;
	margin-top: -1px;
	font-size: 20px
}

.product-widget-btn span {
	letter-spacing: .5px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.product-widget-group {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin: 15px 0
}

.product-widget-group input {
	width: 100%;
	height: 42px;
	border-radius: 6px;
	background: #fff;
	text-align: center
}

.product-widget-list {
	margin: 18px 0 20px
}

.product-widget-list li {
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget-list li:hover {
	color: #477CDB
}

.product-widget-list li:last-child {
	margin-bottom: 0
}

.product-widget-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-widget-content input {
	width: 15px;
	height: 15px;
	margin-right: 12px;
	cursor: pointer
}

.product-widget-content label {
	font-size: 17px;
	letter-spacing: .5px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: capitalize
}

.product-widget-content label i {
	font-size: 18px;
	margin-left: 8px;
	color: #a8aeb1
}

.product-widget-content label i:first-child {
	margin-left: 0
}

.product-widget-content label i.active {
	color: #ffb100
}

.product-widget-content label.product-widget-color {
	font-size: 14px
}

.product-widget-color {
	padding: 2px 10px;
	border-radius: 4px;
	color: #fff
}

.product-widget-color.green {
	background: #11b76b
}

.product-widget-color.orange {
	background: #e86121
}

.product-widget-color.yellow {
	background: #ffb100
}

.product-widget-color.black {
	background: #000
}

.product-widget-color.red {
	background: #ff3838
}

.product-widget-color.purple {
	background: #b12fad
}

.product-widget-number {
	font-size: 15px
}

.product-widget-search {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget-search:focus-within {
	border-color: #477CDB
}

.product-widget-scroll {
	height: 279px;
	overflow-y: scroll;
	padding-right: 10px
}

.vendor-widget {
	padding: 20px 20px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.vendor-widget:last-child {
	margin-bottom: 0
}

.vendor-widget-title {
	font-weight: 600;
	padding-bottom: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #e3e3e3
}

.vendor-widget-form {
	position: relative
}

.vendor-widget-form input {
	width: 100%;
	height: 48px;
	padding-right: 15px;
	padding-left: 45px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-form input:focus-within {
	border-color: #477CDB
}

.vendor-widget-form button {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 6px;
	text-align: center;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.single-banner-text {
	margin-bottom: 20px;
	padding-left: 5px;
}

.vendor-widget-form button:hover {
	color: #477CDB
}

.vendor-widget-btn {
	width: 100%;
	font-size: 15px;
	padding: 9px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: var(--bs-gray-300);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-btn:hover {
	color: #fff;
	background: #477CDB
}

.vendor-widget-btn i {
	margin-right: 5px;
	margin-top: -1px;
	font-size: 20px
}

.vendor-widget-btn span {
	letter-spacing: .5px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.vendor-widget-group {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin: 15px 0
}

.vendor-widget-group input {
	width: 100%;
	height: 42px;
	border-radius: 6px;
	background: #fff;
	text-align: center
}

.vendor-widget-list {
	margin: 18px 0 20px
}

.vendor-widget-list li {
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-list li:hover {
	color: #477CDB
}

.vendor-widget-list li:last-child {
	margin-bottom: 0
}

.vendor-widget-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.vendor-widget-content input {
	width: 15px;
	height: 15px;
	margin-right: 12px;
	cursor: pointer
}

.vendor-widget-content label {
	font-size: 17px;
	letter-spacing: .5px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: capitalize
}

.vendor-widget-content label i {
	font-size: 18px;
	margin-left: 8px;
	color: #a8aeb1
}

.vendor-widget-content label i:first-child {
	margin-left: 0
}

.vendor-widget-content label i.active {
	color: #ffb100
}

.vendor-widget-content label.vendor-widget-color {
	font-size: 14px
}

.vendor-widget-color {
	padding: 2px 10px;
	border-radius: 4px;
	color: #fff
}

.vendor-widget-color.green {
	background: #11b76b
}

.vendor-widget-color.orange {
	background: #e86121
}

.vendor-widget-color.yellow {
	background: #ffb100
}

.vendor-widget-color.black {
	background: #000
}

.vendor-widget-color.red {
	background: #ff3838
}

.vendor-widget-color.purple {
	background: #b12fad
}

.vendor-widget-number {
	font-size: 15px
}

.vendor-widget-search {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-search:focus-within {
	border-color: #477CDB
}

.vendor-widget-scroll {
	height: 378px;
	overflow-y: scroll;
	padding-right: 10px
}

.blog-widget {
	padding: 25px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.blog-widget:last-child {
	margin-bottom: 0
}

.blog-widget-title {
	font-weight: 700;
	margin-bottom: 25px;
	white-space: nowrap;
	text-transform: uppercase;
	padding-left: 15px;
	border-left: 3px solid #477CDB
}

.blog-widget-form {
	position: relative
}

.blog-widget-form input {
	width: 100%;
	height: 48px;
	padding-right: 15px;
	padding-left: 20px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-form input:focus-within {
	border-color: #477CDB
}

.blog-widget-form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 6px;
	text-align: center;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-form button:hover {
	color: #477CDB
}

.blog-widget-feed li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3
}

.blog-widget-feed li:last-child {
	margin: 0;
	padding: 0;
	border: none
}

.blog-widget-media img {
	width: 120px;
	border-radius: 6px;
	margin-right: 18px
}

.blog-widget-text a {
	color: #444;
	margin-bottom: 12px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-text a:hover {
	color: #477CDB
}

.blog-widget-text span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #5e5d72
}

.blog-widget-category li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e3e3e3
}

.blog-widget-category li:last-child {
	margin: 0;
	padding: 0;
	border: none
}

.blog-widget-category li:hover a {
	color: #477CDB
}

.blog-widget-category li:hover a span {
	background: #477CDB
}

.blog-widget-category li a {
	width: 100%;
	font-weight: 500;
	text-transform: capitalize;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-category li a span {
	font-size: 14px;
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-tag li {
	margin-bottom: 12px;
	margin-right: 8px;
	display: inline-block
}

.blog-widget-tag li a {
	font-size: 16px;
	padding: 6px 15px;
	border-radius: 6px;
	color: #5e5d72;
	background: #fff;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-tag li a:hover {
	color: #fff;
	background: #477CDB
}

.blog-widget-social {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.blog-widget-social li a {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.blog-widget-social li .facebook {
	background: #3b5998
}

.blog-widget-social li .twitter {
	background: #00acee
}

.blog-widget-social li .linkedin {
	background: #0e76a8
}

.blog-widget-social li .instagram {
	background: #F77737
}

.blog-widget-social li .pinterest {
	background: #f0002a
}

@media (max-width:575px) {
	.blog-widget {
		padding: 20px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.blog-widget {
		padding: 20px
	}
}

.blog-author {
	padding: 45px;
	margin-bottom: 25px;
	border-radius: 10px;
	background: #f1f2f3
}

.blog-author-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px
}

.blog-author-info {
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #e3e3e3
}

.blog-author-info img {
	width: 100px;
	border-radius: 6px;
	margin-bottom: 20px
}

.blog-author-info h4 a {
	color: #444
}

.blog-author-content ul {
	margin-bottom: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px
}

.blog-author-content ul li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	background: #477CDB;
	color: #fff
}

.blog-author-content ul li .facebook {
	background: #3b5998
}

.blog-author-content ul li .twitter {
	background: #00acee
}

.blog-author-content ul li .linkedin {
	background: #0e76a8
}

.blog-author-content ul li .instagram {
	background: #F77737
}

.blog-author-content ul li .pinterest {
	background: #f0002a
}

.blog-author-meta-list {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-columns: (minmax(180px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-row-gap: 15px
}

.blog-author-meta-list li {
	padding: 12px 0;
	border-radius: 6px;
	text-align: center;
	background: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-author-meta-list li:hover {
	background: #477CDB;
	color: #f1f2f3
}

.blog-author-meta-list li:hover i {
	color: #f1f2f3
}

.blog-author-meta-list li i {
	color: #477CDB;
	margin-right: 6px;
	font-size: 20px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:767px) {
	.blog-author {
		padding: 25px
	}

	.blog-author-group {
		gap: 30px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.blog-author-info {
		border: none;
		margin: 0;
		padding: 0
	}
}

@media (max-width:575px) {
	.blog-author {
		padding: 15px
	}
}

.keyword-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 25px
}

.keyword-list li a {
	color: #5e5d72;
	font-weight: 500;
	padding: 10px 25px;
	border-radius: 6px;
	background: #f1f2f3;
	border: 1px solid #e3e3e3;
	text-transform: capitalize;
	white-space: nowrap;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.keyword-list li a:hover {
	color: #fff;
	background: #477CDB
}

@media (max-width:767px) {
	.keyword-list {
		gap: 12px
	}

	.keyword-list li a {
		font-size: 15px;
		padding: 8px 12px
	}
}

.comment-item {
	padding: 25px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff
}

.comment-item:last-child {
	margin-bottom: 0
}

.comment-item ul li {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e3e3e3;
	margin-left: 60px
}

.comment-head {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.comment-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.comment-media {
	border-radius: 50%;
	border: 2px solid #477CDB;
	margin-right: 15px
}

.comment-media img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 2px solid transparent
}

.comment-meta {
	position: relative
}

.comment-meta h5 {
	white-space: nowrap;
	margin-bottom: 5px
}

.comment-meta span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444
}

.comment-meta span b {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .5px;
	border-radius: 4px;
	padding: 3px 7px;
	text-transform: uppercase;
	background: #444;
	color: #fff
}

.comment-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.comment-reply {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .3px;
	padding: 7px 11px;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.comment-reply i {
	font-size: 18px;
	margin-top: -3px;
	margin-right: 3px
}

.comment-reply:hover {
	color: #fff
}

.comment-action {
	position: relative;
	margin-left: 15px
}

.comment-action-btn i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	background: #f1f2f3;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.comment-action-btn i:hover {
	color: #fff;
	background: #477CDB
}

.comment-action-btn.active i {
	color: #fff;
	background: #477CDB
}

.comment-action-list {
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.comment-action-list.show {
	visibility: visible;
	opacity: 1
}

.comment-action-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 25px;
	padding-left: 15px;
	text-transform: capitalize;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.comment-action-list a:hover {
	color: #477CDB
}

.comment-action-list a:first-child {
	padding-top: 12px
}

.comment-action-list a:last-child {
	padding-bottom: 12px
}

.comment-action-list a i {
	font-size: 18px;
	margin-right: 8px
}

.comment-action-list a span {
	font-size: 15px
}

.comment-body h6 {
	text-transform: capitalize;
	margin-bottom: 15px
}

.comment-body h6 a:hover {}

@media (max-width:767px) {
	.comment-item ul li {
		margin-left: 30px
	}

	.comment-user {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.comment-media {
		margin: 0 0 8px
	}

	.comment-meta span {
		margin-top: 3px
	}

	.comment-widget {
		margin-top: 13px
	}
}

@media (max-width:575px) {
	.comment-item {
		padding: 0;
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #e3e3e3
	}

	.comment-item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none
	}
}

@media (min-width:768px) and (max-width:991px) {
	.comment-item ul li {
		margin-left: 50px
	}
}

.review-item {
	padding: 25px 30px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff
}

.review-item:last-child {
	margin-bottom: 0
}

.review-item ul li {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e3e3e3;
	margin-left: 60px
}

.review-head {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.review-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.review-media {
	border-radius: 50%;
	border: 2px solid #477CDB;
	margin-right: 15px
}

.review-media img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 2px solid transparent
}

.review-meta {
	position: relative
}

.review-meta h5 {
	white-space: nowrap;
	margin-bottom: 5px
}

.review-meta span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444
}

.review-meta span b {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .5px;
	border-radius: 4px;
	padding: 3px 7px;
	text-transform: uppercase;
	background: #444;
	color: #fff
}

.review-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.review-reply {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .3px;
	padding: 7px 11px;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.review-reply i {
	font-size: 18px;
	margin-top: -3px;
	margin-right: 3px
}

.review-reply:hover {
	color: #fff
}

.review-action {
	position: relative;
	margin-left: 15px
}

.review-action-btn i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	background: #f1f2f3;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-action-btn i:hover {
	color: #fff;
	background: #477CDB
}

.review-action-btn.active i {
	color: #fff;
	background: #477CDB
}

.review-action-list {
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-action-list.show {
	visibility: visible;
	opacity: 1
}

.review-action-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 25px;
	padding-left: 15px;
	text-transform: capitalize;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-action-list a:hover {
	color: #477CDB
}

.review-action-list a:first-child {
	padding-top: 12px
}

.review-action-list a:last-child {
	padding-bottom: 12px
}

.review-action-list a i {
	font-size: 18px;
	margin-right: 8px
}

.review-action-list a span {
	font-size: 15px
}

.review-star {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 3px;
	margin-bottom: 8px
}

.review-star i {
	font-size: 22px;
	color: #a8aeb1
}

.review-star i.active {
	color: #ffb100
}

.review-body h6 {
	text-transform: capitalize;
	margin-bottom: 15px
}

.review-body h6 a:hover {}

@media (max-width:767px) {
	.review-item ul li {
		margin-left: 30px
	}

	.review-user {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.review-media {
		margin: 0 0 8px
	}

	.review-meta span {
		margin-top: 3px
	}

	.review-widget {
		margin-top: 13px
	}
}

@media (max-width:575px) {
	.review-item {
		padding: 0;
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #e3e3e3
	}

	.review-item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none
	}
}

@media (min-width:768px) and (max-width:991px) {
	.review-item ul li {
		margin-left: 50px
	}
}

.user-banner {
	padding-top: 50px;
	background: rgba(10, 9, 48, .7)
}

.user-banner-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	margin-bottom: 40px
}

.user-banner-profile-avatar a {
	border-radius: 50%;
	border: 3px solid #477CDB;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.user-banner-profile-avatar a img {
	width: 120px;
	border-radius: 50%;
	border: 3px solid transparent
}

.user-banner-profile-name {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.user-banner-profile-name h3 {
	color: #f1f2f3
}

.user-banner-profile-name h3 a {
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-profile-name h3 a:hover {
	color: #477CDB
}

.user-banner-profile-name span {
	text-transform: capitalize;
	color: var(--bs-gray-400)
}

.user-banner-profile-contact-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 8px;
	-webkit-column-gap: 20px;
	column-gap: 20px
}

.user-banner-profile-contact-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 6px;
	column-gap: 6px;
	color: var(--bs-gray-400)
}

.user-banner-profile-contact-list li i {
	font-size: 20px;
	line-height: 24px
}

.user-banner-profile-contact-list li span {
	font-size: 16px
}

.user-banner-data {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-bottom: 40px
}

.user-banner-data li {
	position: relative;
	text-align: center;
	padding: 40px 15px 25px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .3);
	color: #fff
}

.user-banner-data li i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	color: #477CDB;
	background: rgba(71, 124, 219, .5);
	position: absolute;
	top: -22px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.user-banner-data li h3 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 2px
}

.user-banner-data li p {
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .5px;
	font-size: 16px
}

.user-banner-data li.ads i {
	color: var(--bs-cyan)
}

.user-banner-data li.star i {
	color: #ffb100
}

.user-banner-menu-list {
	padding: 0 30px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.user-banner-menu-list li a {
	color: #f1f2f3;
	padding: 20px 0;
	letter-spacing: .5px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-menu-list li a::before {
	position: absolute;
	width: 100%;
	height: 3px;
	z-index: 1;
	content: "";
	bottom: 0;
	background: #477CDB;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-menu-list li a::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	border-radius: 3px;
	border-top: 8px solid transparent;
	border-right: 8px solid #477CDB;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #477CDB;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-menu-list li a:hover {
	color: #477CDB
}

.user-banner-menu-list li a:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.user-banner-menu-list li a.active {
	color: #477CDB
}

.user-banner-menu-list li a.active::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.user-banner-menu-list li a.active::after {
	visibility: visible;
	bottom: -7px;
	opacity: 1
}

@media (max-width:991px) {
	.user-banner-menu-list {
		display: none
	}
}

@media (max-width:575px) {
	.user-banner {
		padding-top: 115px
	}

	.user-banner-profile {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (min-width:576px) and (max-width:767px) {
	.user-banner {
		padding-top: 140px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.user-banner {
		padding-top: 160px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.user-banner-menu-list {
		padding: 0 20px
	}

	.user-banner-menu-list li a {
		font-size: 13px
	}
}

.banner-overlay {
	padding: 220px 0 165px;
	background: rgba(10, 9, 48, .65)
}

.banner-content {
	max-width: 580px;
	color: #f1f2f3
}

.banner-content h1 {
	margin-bottom: 15px
}

.banner-content p {
	margin-bottom: 40px
}

.banner-content ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 45px;
	-webkit-column-gap: 50px;
	column-gap: 50px;
	row-gap: 25px
}

.banner-content ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 18px
}

.banner-content ul li i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	background: rgba(10, 9, 48, .8);
	color: #477CDB
}

.banner-content ul li span {
	font-size: 20px
}

.banner-content ul li span small {
	display: block;
	text-transform: capitalize;
	color: var(--bs-gray-400);
	margin-top: 3px;
	font-size: 18px
}

@media (max-width:767px) {
	.banner-overlay {
		padding: 145px 0 100px
	}

	.banner-content h1 {
		font-size: 43px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.banner-overlay {
		padding: 165px 0 120px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.banner-overlay {
		padding: 205px 0 150px
	}
}

.feature-part {
	padding: 100px 0;
	background: #0a0930;
	position: relative;
	z-index: 1
}

.feature-part::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	background: url(../images/shape/pattern.png);
	opacity: .4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.feature-part .section-text h2,
.feature-part .section-text p {
	color: #f1f2f3
}

.product-feature-slider .col {
	margin: 0 12px
}

.product-feature-slider .dandik,
.product-feature-slider .bamdik {
	top: 40%
}

@media (max-width:575px) {
	.feature-part {
		padding: 70px 0
	}
}

@media (min-width:576px) and (max-width:767px) {
	.feature-part {
		padding: 80px 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	.feature-part {
		padding: 90px 0
	}
}

.browse-nav {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.browse-nav .nav-link {
	margin-bottom: 25px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.browse-nav .nav-link i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	margin-top: -38px;
	margin-right: 0;
	margin-bottom: 8px;
	color: #477CDB;
	background: #fff
}

.browse-nav .nav-link span {
	margin-left: 0
}

@media (max-width:767px) {
	.browse-nav {
		grid-row-gap: 10px;
		grid-column-gap: 20px;
		-ms-grid-columns: (minmax(138px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(138px, 1fr))
	}

	.browse-nav .nav-link {
		padding: 12px 8px
	}
}

.about-media {
	margin-right: 30px;
	position: relative
}

.about-media img {
	width: 100%;
	border-radius: 6px
}

.about-overlay {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto;
	background: rgba(10, 9, 48, .1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.about-overlay a {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background: rgba(71, 124, 219, .9);
	text-shadow: 2px 3px 0 rgba(255, 255, 255, .3);
	-webkit-animation: video 2s linear infinite;
	animation: video 2s linear infinite
}

@-webkit-keyframes video {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}
}

@keyframes video {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}
}

.about-content h3 {
	font-size: 28px;
	margin-bottom: 25px;
	text-transform: initial
}

@media (max-width:991px) {
	.about-media {
		margin-right: 0;
		margin-bottom: 25px
	}
}

@media (max-width:575px) {
	.about-overlay a {
		width: 70px;
		height: 70px;
		line-height: 70px
	}

	.about-content h3 {
		font-size: 24px
	}
}

.city-card-group {
	margin-top: 80px
}

.city-card-group .col:nth-child(even) {
	margin-top: -80px
}

@media (max-width:991px) {
	.city-card-group {
		margin-top: 0
	}

	.city-card-group .col:nth-child(even) {
		margin-top: 0
	}
}

.review-part {
	padding: 60px 0;
	background: #fff2fe;
	position: relative;
	z-index: 1
}

.review-part::before {
	content: "";
	top: 0;
	left: 0;
	background: url(../images/bg/bg-02.jpg);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

@media (max-width:767px) {
	.review-part {
		padding: 30px 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	.review-part {
		padding: 40px 0
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.review-part {
		padding: 50px 0
	}
}

@media (max-width:991px) {
	.review-slider .col {
		margin: 0 15px
	}
}

.blog-slider .col {
	margin: 0 12px
}

.blog-slider .dandik,
.blog-slider .bamdik {
	top: 35%
}

.inventory-feature {
	padding: 30px 15px;
	background: #0a0930;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #0a0930;
	position: relative;
	z-index: 1
}

.inventory-feature::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	background: url(../../images/shape/pattern.png);
	opacity: .4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.inventory-feature-slider .col {
	margin: 0 15px
}

.inventory-feature-slider .dandik,
.inventory-feature-slider .bamdik {
	top: 40%
}

.product-single-meta-group {
	margin-bottom: 25px
}

.product-single-meta-price {
	color: #477CDB;
	font-size: 32px;
	font-weight: 700;
	font-family: sans-serif;
	letter-spacing: -.8px;
	margin-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-single-meta-price small {
	letter-spacing: .3px;
	font-size: 17px;
	font-weight: 400;
	text-transform: capitalize;
	margin-top: 8px;
	margin-left: 5px;
	color: #5e5d72
}

.product-single-meta-title {
	font-size: 34px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 10px;
	color: #444
}

.product-single-meta-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 20px;
	column-gap: 20px;
	row-gap: 10px
}

.product-single-meta-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 5px
}

.product-single-meta-list li i {
	font-size: 20px;
	color: var(--bs-gray-600)
}

.product-single-meta-list li a,
.product-single-meta-list li span,
.product-single-meta-list li button {
	color: #5e5d72;
	font-size: 17px;
	text-transform: capitalize
}

.product-single-meta-list li a,
.product-single-meta-list li button {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-meta-list li a:hover,
.product-single-meta-list li button:hover {
	color: #477CDB;

}

.product-single-data {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-columns: (minmax(135px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-right: 10px;
}

.product-single-data li {
	position: relative;
	text-align: center;
	padding: 35px 0 20px;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.product-single-data li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	color: #477CDB;
	background: #fff;
	position: absolute;
	top: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.product-single-data li h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 2px;
	font-family: sans-serif
}

.product-single-data li p {
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .5px;
	font-size: 16px
}

.product-single-data li.view i {
	color: #11b76b
}

.product-single-data li.click i {
	color: #b12fad
}

.product-single-data li.rating i {
	color: #e86121
}

.product-single-data li.view {
	background: #11b76b
}

.product-single-data li.click {
	background: #b12fad
}

.product-single-data li.rating {
	background: #e86121
}

.product-single-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (minmax(180px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-bottom: 25px
}

.product-single-action a,
.product-single-action button {
	padding: 12px 0;
	border-radius: 6px;
	background: #f1f2f3;
	color: #5e5d72;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-action a:hover,
.product-single-action button:hover {
	color: #fff;
	background: #477CDB
}

.product-single-action a i,
.product-single-action button i {
	font-size: 20px
}

.product-single-action a span,
.product-single-action button span {
	font-size: 16px;
	margin-left: 6px;
	text-transform: capitalize;
	white-space: nowrap
}

.product-single-action .compare.active {
	color: #fff;
	background: #b12fad
}

.product-single-action .favorite.active {
	color: #fff;
	background: #ff3838
}

.product-single-slider {
	margin-bottom: 20px
}

.product-single-slider .slick-slide {
	/* margin: 0 12px; */
	opacity: .3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-slider .slick-center {
	opacity: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-slider img {
	width: 100%;
	border-radius: 6px
}

.product-single-slider .dandik,
.product-single-slider .bamdik {
	color: #fff;
	background: #477CDB;
	opacity: 1;
	visibility: visible
}

.product-single-slider .bamdik {
	right: 30px;
	transform: rotate(180deg);
}

.product-single-slider .dandik {
	left: 30px;
	transform: rotate(180deg);
}

.product-single-scrollspy-btns {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (minmax(150px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-bottom: 25px;
	position: static !important;
}

/* .product-single-scrollspy-btns.fixed {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 5;
	top: 0;
	left: 0;
	padding: 8px 25px;
	margin-bottom: 0;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
} */

.product-detail .common-card {
	padding: 25px;
}

.installation-instructions {
	margin-bottom: 20px;
}

.product-single-scrollspy-btns a,
.product-single-scrollspy-btns button {
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	letter-spacing: .3px;
	padding: 15px 12px;
	border-radius: 6px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #444;
	background: var(--bs-gray-300)
}

.product-single-scrollspy-btns a:hover,
.product-single-scrollspy-btns button:hover {
	color: #fff;
	background: #477CDB
}

.product-single-scrollspy-btns a i,
.product-single-scrollspy-btns button i {
	font-size: 22px
}

.product-single-scrollspy-btns a.active,
.product-single-scrollspy-btns button.active {
	background: #477CDB;
	color: #fff
}

.product-single-scrollspy-btns a:nth-child(6),
.product-single-scrollspy-btns button:nth-child(6) {
	background: #0a0930;
	color: #ffb100
}

.product-single-scrollspy-btns a:nth-child(7),
.product-single-scrollspy-btns button:nth-child(7) {
	background: #0a0930;
	color: #fff
}

.product-single-video {
	width: 100%;
	height: 400px;
	border-radius: 6px
}

.product-single-feature-group {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-single-feature-list {
	width: 100%;
	padding: 20px;
	border-radius: 6px;
	background: #fff
}

.product-single-feature-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0
}

.product-single-feature-list li:first-child {
	border-top: none;
	padding-top: 0
}

.product-single-feature-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.product-single-feature-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.product-single-feature-list li span:last-child {
	font-weight: 500
}

.product-single-feature-list li i {
	font-size: 20px
}

.product-single-feature-list li i.check {
	color: #11b76b
}

.product-single-feature-list li i.remove {
	color: #ff3838
}

.product-single-vendor .vendor-grid-avatar img {
	border-color: #fff
}

.product-single-vendor .vendor-grid-action a,
.product-single-vendor .vendor-grid-action button {
	background: #f1f2f3
}

.product-single-vendor .vendor-grid-action a:hover,
.product-single-vendor .vendor-grid-action button:hover {
	color: #fff;
	background: #477CDB
}

.product-single-calculate-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0
}

.product-single-calculate-list li:first-child {
	border-top: none;
	padding-top: 0
}

.product-single-calculate-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.product-single-calculate-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.product-single-calculate-list li span:last-child {
	font-size: 15px;
	font-weight: 700;
	font-family: sans-serif
}

.product-single-category,
.product-single-brand {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-columns: (minmax(140px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-single-category .category-card {
	background: #fff;
	margin-bottom: 0
}

.product-single-category .category-card img {
	width: 70px;
	border-color: rgba(71, 124, 219, .3)
}

.product-single-category .category-card span {
	font-size: 16px
}

.product-single-brand .brand-card {
	background: #fff;
	margin-bottom: 0
}

.product-single-brand .brand-card img {
	height: 50px
}

.product-single-social-list {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-single-social-list li a {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.product-single-social-list li .facebook {
	background: #3b5998
}

.product-single-social-list li .twitter {
	background: #00acee
}

.product-single-social-list li .linkedin {
	background: #0e76a8
}

.product-single-social-list li .instagram {
	background: #F77737
}

.product-single-social-list li .pinterest {
	background: #f0002a
}

.related-slider .col {
	margin: 0 12px
}

.related-slider .dandik,
.related-slider .bamdik {
	top: 43%
}

.modal-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 50px
}

.modal-contact ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px
}

.modal-contact ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 15px
}

.modal-contact ul li i {
	font-size: 50px;
	color: #477CDB
}

.modal-contact ul li span {
	font-weight: 500;
	white-space: nowrap
}

.modal-contact iframe {
	width: 400px;
	height: 400px;
	border-radius: 6px
}

.modal-review {
	max-width: 800px
}

.modal-review .review-item,
.modal-review .form-control {
	background: #f1f2f3
}

.modal-product-single-form {
	max-width: 800px
}

.modal-product-single-form .form-control,
.modal-product-single-form .form-select {
	background: #f1f2f3
}

@media (max-width:1199px) {
	.product-single-meta-group {
		margin-bottom: 40px
	}

	.product-single-scrollspy-btns {
		-ms-grid-columns: (minmax(50px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
		gap: 10px
	}

	.product-single-scrollspy-btns a span,
	.product-single-scrollspy-btns button span {
		display: none
	}
}

@media (max-width:991px) {

	.product-single-scrollspy-btns a,
	.product-single-scrollspy-btns button {
		padding: 12px 10px
	}
}

@media (max-width:767px) {
	.product-single-video {
		height: 230px
	}

	.modal-contact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (max-width:575px) {
	.product-single-meta-price {
		font-size: 26px
	}

	.product-single-meta-title {
		font-size: 28px
	}

	.product-single-scrollspy-btns a,
	.product-single-scrollspy-btns button {
		padding: 8px 10px
	}

	.modal-review .review-item {
		background: #fff
	}

	.modal-review .form-control {
		background: #f1f2f3
	}
}

@media (min-width:576px) and (max-width:767px) {
	.product-single-slider .dandik {
		right: 30px
	}

	.product-single-slider .bamdik {
		left: 30px
	}
}

.coming-part .align-items-center {
	height: 100vh
}

.coming-content {
	text-align: center
}

.coming-title {
	font-weight: 700;
	letter-spacing: -.5px;
	text-transform: uppercase;
	margin-bottom: 30px
}

.coming-clock {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e3e3e3
}

.coming-subtitle {
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 30px;
	text-transform: uppercase;
	color: #5e5d72
}

.coming-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 25px
}

.coming-form input {
	width: 400px;
	height: 50px;
	font-weight: 600;
	padding: 0 25px;
	border-radius: 50px;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e3e3e3
}

.coming-form button {
	margin-left: 15px
}

.coming-form button i {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 48px;
	border-radius: 50%;
	text-align: center;
	color: #477CDB;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.coming-form button i:hover {
	color: #fff;
	background: #477CDB
}

.coming-social a {
	font-size: 23px;
	margin: 0 4px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #477CDB;
	background: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.coming-social a:hover {
	color: #fff;
	background: #477CDB
}

@media (max-width:575px) {
	.coming-title {
		font-size: 35px;
		margin-bottom: 35px
	}

	.coming-timer span {
		font-size: 25px;
		padding: 0 15px
	}

	.coming-timer span small {
		font-size: 15px
	}

	.coming-form input {
		width: 100%
	}
}

@media (max-width:991px) {
	.coming-part {
		padding: 50px 0
	}

	.align-items-center {
		height: auto
	}

	.coming-social {
		margin-bottom: 40px
	}
}

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

.error-content img {
	width: 100%;
	min-width: 250px;
	max-width: 800px;
	margin-bottom: 50px
}

.error-content h1 {
	font-size: 28px;
	margin-bottom: 3px;
	color: #444
}

.error-content p {
	padding: 15px;
	font-weight: 600;
}

.error-content a i {
	margin-top: -2px;
	margin-right: 3px
}

.price-faq .accordion-item {
	background: rgba(71, 124, 219, .08)
}

.price-faq .accordion-item:last-child {
	margin-bottom: 0
}

.blog-single-img {
	width: 100%;
	height: 550px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25)
}

.blog-single-content {
	padding: 45px 35px 0
}

.blog-single-meta-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	row-gap: 10px;
	margin-bottom: 25px
}

.blog-single-meta-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 16px;
	font-weight: 500;
	gap: 8px;
	text-transform: uppercase
}

.blog-single-meta-list li i {
	font-size: 22px;
	color: #477CDB
}

.blog-single-meta-list li span a:hover {}

.blog-single-title {
	margin-bottom: 20px
}

.blog-single-para {
	line-height: 30px;
	margin-bottom: 40px
}

.blog-single-para a {
	font-weight: 500
}

.blog-single-para a:hover {}

.blog-single-para span {
	display: block;
	margin-top: 20px
}

.blog-single-quote {
	padding: 60px;
	border-radius: 10px;
	margin-bottom: 40px;
	background: #0a0930;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px;
	position: relative
}

.blog-single-quote i {
	font-size: 100px;
	color: #477CDB;
	position: absolute;
	top: 40px;
	left: 50px
}

.blog-single-quote p {
	font-size: 34px;
	line-height: 1.4;
	color: #f1f2f3;
	margin-left: 130px
}

.blog-single-quote h5 {
	letter-spacing: 3px;
	color: #477CDB;
	text-transform: uppercase;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.blog-single-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 30px;
	padding-top: 30px
}

.blog-single-widget-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px
}

.blog-single-widget-list span {
	font-weight: 500;
	text-transform: capitalize;
	color: #444
}

.blog-single-widget-list a {
	font-size: 16px;
	padding: 3px 12px;
	border-radius: 4px;
	color: #5e5d72;
	background: #f1f2f3;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-single-widget-list a:hover {
	background: #477CDB;
	color: #fff
}

.blog-single-suggest {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 25px;
	margin-bottom: 30px;
	gap: 50px
}

.blog-single-suggest .blog-grid-card {
	margin: 0
}

.blog-single-navigate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 50px;
	margin-bottom: 50px
}

.blog-single-navigate a {
	padding: 12px 30px;
	color: #477CDB;
	background: #f1f2f3;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-single-navigate a:hover {
	color: #fff;
	background: #477CDB
}

@media (max-width:991px) {
	.blog-single-img {
		height: auto
	}
}

@media (max-width:767px) {
	.blog-single-quote {
		padding: 35px
	}

	.blog-single-quote i {
		font-size: 70px;
		top: 23px;
		left: 25px
	}

	.blog-single-quote p {
		font-size: 24px;
		margin-left: 80px
	}

	.blog-single-quote h5 {
		font-size: 16px
	}

	.blog-single-suggest {
		gap: 25px
	}
}

@media (max-width:575px) {
	.blog-single-content {
		padding: 25px 10px 0
	}

	.blog-single-quote {
		padding: 25px;
		gap: 30px
	}

	.blog-single-quote i {
		font-size: 70px;
		top: 15px;
		left: 15px
	}

	.blog-single-quote p {
		margin: 0;
		font-size: 22px;
		margin-top: 60px
	}

	.blog-single-quote h5 {
		font-size: 16px
	}

	.blog-single-suggest {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.blog-single-navigate {
		gap: 15px
	}

	.blog-single-navigate a {
		padding: 10px 18px
	}
}

.dashboard-announce-list {
	list-style-type: disc;
	margin-bottom: 25px
}

.dashboard-announce-list:last-child {
	margin-bottom: 0
}

.dashboard-announce-list li {
	margin-left: 20px;
	margin-bottom: 20px
}

.dashboard-announce-list li:last-child {
	margin-bottom: 0
}

.dashboard-announce-list li b {
	font-weight: 600
}

.dashboard-announce-list li a {
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dashboard-announce-list li a:hover {}

.dashboard-announce-date {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 12px
}

.dashboard-specify-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0
}

.dashboard-specify-list li:first-child {
	border-top: none;
	padding-top: 0
}

.dashboard-specify-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.dashboard-specify-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.dashboard-specify-list li span:last-child {
	font-weight: 500
}

.dashboard-article p {
	line-height: 30px
}

.dashboard-article p span {
	margin-top: 30px;
	display: block
}

.dasboard-resource-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px
}

.dasboard-resource-list li:last-child {
	margin-bottom: 0
}

.dasboard-resource-list li i {
	font-size: 20px;
	margin-top: 3px;
	margin-right: 10px;
	color: #477CDB
}

.dasboard-resource-list li a {
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dasboard-resource-list li a:hover {
	color: #477CDB;

}

.profile-cover-image {
	margin-bottom: 25px
}

.profile-cover-image img {
	width: 100%;
	border-radius: 6px;
	border: 15px solid #f1f2f3
}

.profile-article p {
	line-height: 30px
}

.profile-article p span {
	margin-top: 30px;
	display: block
}

.profile-location iframe {
	width: 100%;
	height: 400px
}

.profile-specify-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0
}

.profile-specify-list li:first-child {
	border-top: none;
	padding-top: 0
}

.profile-specify-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.profile-specify-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.profile-specify-list li span:last-child {
	font-weight: 500
}

.profile-social-list {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.profile-social-list li a {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.profile-social-list li .facebook {
	background: #3b5998
}

.profile-social-list li .twitter {
	background: #00acee
}

.profile-social-list li .linkedin {
	background: #0e76a8
}

.profile-social-list li .instagram {
	background: #F77737
}

.profile-social-list li .pinterest {
	background: #f0002a
}

.create-nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px
}

.create-nav-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 14px;
	font-weight: 500;
	gap: 15px;
	padding: 18px 20px;
	border-radius: 6px;
	background: #fff;
	text-transform: uppercase;
	position: relative;
	cursor: pointer
}

.create-nav-list li::after {
	font-family: "Material Icons";
	position: absolute;
	content: "\e15c";
	font-size: 22px;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #a8aeb1
}

.create-nav-list li.complete::after {
	content: "\e86c";
	color: #11b76b
}

.create-nav-list li.active {
	background: #477CDB;
	color: #fff
}

.create-ads-form .common-card {
	display: none
}

.create-ads-form .common-card.active {
	display: block
}

.create-extra-input {
	margin-top: 25px;
	margin-bottom: 45px
}

.create-extra-input h5 {
	margin-bottom: 25px
}

.create-feature-check,
.create-feature-switch {
	margin-bottom: 20px
}

.create-feature-check h5,
.create-feature-switch h5,
.create-feature-radio h5 {
	margin-bottom: 20px
}

.create-media {
	margin-bottom: 50px
}

.video-input {
	height: 64px;
	border: 2px dashed #e3e3e3
}

.create-social input {
	background: #f1f2f3
}

.create-social input:focus {
	background: #f1f2f3
}

.create-edit-faqs {
	margin-bottom: 50px
}

.create-edit-faqs input,
.create-edit-faqs textarea {
	background: #f1f2f3
}

.create-edit-faqs input:focus,
.create-edit-faqs textarea:focus {
	background: #f1f2f3
}

.create-edit-faqs .accordion-item.active h5 {
	margin-bottom: 25px
}

.create-price-card {
	padding: 25px 25px 22px;
	border: 2px solid #fff;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff;
	position: relative;
	cursor: pointer;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-price-card i {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 24px;
	color: #477CDB;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-price-card h5 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .3px;
	margin-bottom: 8px;
	color: #5e5d72
}

.create-price-card h6 {
	font-size: 34px;
	font-weight: 700;
	font-family: sans-serif;
	margin-bottom: 3px
}

.create-price-card a {
	text-transform: capitalize;
	letter-spacing: .3px;
	font-size: 16px
}

.create-price-card a:hover {}

.create-price-card.active {
	border-color: #477CDB
}

.create-price-card.active i {
	visibility: visible;
	opacity: 1
}

.create-billing {
	margin-top: 25px
}

.create-billing h5 {
	margin-bottom: 15px
}

.create-billing .form-check-label {
	text-transform: inherit
}

.create-pay-card {
	text-align: center;
	padding: 35px 15px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff;
	border: 2px solid #fff;
	cursor: pointer;
	position: relative;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-pay-card i {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 22px;
	color: #477CDB;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-pay-card img {
	height: 25px;
	margin-bottom: 10px
}

.create-pay-card small {
	display: block
}

.create-pay-card.active {
	border-color: #477CDB
}

.create-pay-card.active i {
	visibility: visible;
	opacity: 1
}

@media (max-width:575px) {
	.create-nav-list li {
		background: #f1f2f3
	}

	.create-edit-faqs input,
	.create-edit-faqs textarea {
		background: #fff
	}

	.create-edit-faqs .btn {
		padding: 10px 15px;
		font-size: 13px
	}

	.create-pay-card {
		background: #f1f2f3;
		border-color: #f1f2f3
	}

	.create-price-card {
		background: #f1f2f3
	}
}

.product-grid-card:hover .posted-widget {
	visibility: visible;
	opacity: 1
}

.posted-widget {
	position: absolute;
	top: 48px;
	right: 12px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 6px;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.posted-widget a {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 7px;
	font-size: 20px;
	border-radius: 6px;
	background: rgba(10, 9, 48, .8);
	color: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.posted-widget a.edit {
	background: rgba(17, 183, 107, .9)
}

.posted-widget a.delete {
	background: rgba(255, 56, 56, .9)
}

.favorite-title,
.favorite-item {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-rows: auto;
	-ms-grid-columns: 3fr 5fr 2fr 1fr;
	grid-template: auto / 3fr 5fr 2fr
}

.favorite-title h6 {
	letter-spacing: .3px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 16px 20px;
	border-radius: 6px;
	background: #f1f2f3
}

.customer-panel .mc-breadcrumb {
	margin-bottom: 0;
}

.favorite-item {
	border-bottom: 1px solid #e3e3e3;
	padding: 25px 0
}

.favorite-item:last-child {
	border-bottom: none
}

.favorite-media {
	position: relative;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	margin: 0 20px;
	margin-right: 0;
}

.favorite-media img {
	width: 100%;
	border-radius: 6px
}

.favorite-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.favorite-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.favorite-hints {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .8)
}

.favorite-hints i {
	font-size: 18px;
	margin-right: 3px
}

.favorite-info {
	margin: 0 20px;
	margin-left: 0;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.favorite-info h3 {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.favorite-info h3 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-info h3 a:hover {
	color: #477CDB
}

.favorite-info ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 18px
}

.favorite-info ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4px;
	margin-right: 11px
}

.favorite-info ul li i {
	font-size: 20px;
	line-height: 24px;
	margin-right: 5px;
	color: var(--bs-gray-600)
}

.favorite-info ul li a,
.favorite-info ul li span {
	font-size: 16px;
	text-transform: capitalize
}

.favorite-info ul li a {
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-info ul li a:hover {}

.favorite-info h5 {
	font-size: 22px;
	font-weight: 700;
	font-family: sans-serif;
	color: #477CDB
}

.favorite-info h5 small {
	font-size: 15px;
	font-weight: 400;
	color: #5e5d72
}

.favorite-widget {
	display: -ms-grid;
	display: grid;
	grid-gap: 13px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	-ms-grid-row-align: center;
	align-self: center;
	margin: 0 20px
}

.favorite-widget a,
.favorite-widget button {
	padding: 10px 12px;
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #5e5d72;
	background: var(--bs-gray-300);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-widget a:hover,
.favorite-widget button:hover {
	color: #fff;
	background: #477CDB
}

.favorite-widget a i,
.favorite-widget button i {
	font-size: 20px
}

.favorite-widget a span,
.favorite-widget button span {
	margin-left: 6px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px
}

.favorite-widget .compare.active {
	color: #fff;
	background: #b12fad
}

.favorite-widget .favorite.active {
	color: #fff;
	background: #ff3838
}

.favorite-close {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-grid-column-align: center;
	justify-self: center;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-close i {
	font-size: 30px
}

.favorite-close:hover {
	color: #477CDB
}

@media (max-width:1199px) {

	.favorite-media,
	.favorite-info,
	.favorite-widget {
		margin: 0
	}
}

@media (max-width:767px) {
	.favorite-item {
		-ms-grid-rows: auto;
		-ms-grid-columns: 1fr;
		grid-template: auto / 1fr
	}
}

@media (max-width:991px) {
	.favorite-title {
		display: none
	}

	.favorite-widget {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr)
	}
}

@media (min-width:768px) and (max-width:991px) {
	.favorite-item {
		-ms-grid-rows: auto;
		-ms-grid-columns: 2fr 2fr;
		grid-template: auto / 2fr 2fr
	}

	.favorite-media,
	.favorite-info,
	.favorite-widget {
		-ms-flex-item-align: start;
		align-self: flex-start
	}

	.customer-header {
		flex-direction: column;
		gap: 8px;
	}
}

.compare-table {
	text-align: center
}

.compare-table tbody tr td {
	padding: 15px
}

.compare-table-img {
	width: 100%;
	min-width: 150px;
	max-width: 300px;
	border-radius: 6px
}

.compare-table-text {
	text-transform: capitalize
}

.compare-table-price {
	font-size: 25px;
	font-weight: 700;
	font-family: sans-serif;
	color: #477CDB
}

.compare-table-review ul {
	line-height: 20px
}

.compare-table-review ul li {
	font-size: 18px;
	color: #a8aeb1
}

.compare-table-review ul li.active {
	color: #ffb100
}

.compare-table-review a {
	color: #5e5d72;
	font-size: 16px;
	font-family: sans-serif;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.compare-table-review a:hover {}

.compare-table-review a b {
	font-weight: 700
}

.compare-table-vendor {
	color: #5e5d72;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.compare-table-vendor:hover {}

.compare-table-remove {
	color: #fff;
	background: #ff3838;
	padding: 8px 25px;
	border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: .3px;
	font-size: 14px;
	font-weight: 500
}

.compare-table-remove:hover {
	color: #fff
}

@media (max-width:767px) {
	.compare-table {
		width: 700px;
		overflow-x: scroll
	}
}

.rating-average-score {
	font-size: 80px;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -1px;
	margin-bottom: 15px;
	text-align: center
}

.rating-average-total {
	color: #5e5d72;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: center
}

.rating-average-list {
	margin-bottom: 25px
}

.rating-average-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 10px
}

.rating-average-graphline {
	width: 100%;
	border-radius: 6px;
	background: var(--bs-gray-300)
}

.rating-average-graphline span {
	height: 6px;
	border-radius: 6px;
	background: #ffb100;
	display: block
}

.rating-average-count,
.rating-average-user {
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .3px;
	font-size: 15px
}

.rating-average-star {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px;
	margin-bottom: 5px
}

.rating-average-star i {
	font-size: 24px;
	color: #a8aeb1
}

.rating-average-star i.active {
	color: #ffb100
}

.rating-average-text {
	text-transform: capitalize;
	text-align: center;
	font-size: 16px
}

.review {
	background: inherit;
	padding: 0
}

.notify-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 15px;
	padding: 20px 10px;
	border-bottom: 1px solid #e3e3e3
}

.notify-item:first-child {
	padding-top: 0
}

.notify-item:last-child {
	border-bottom: none
}

.notify-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	color: #5e5d72
}

.notify-content:hover {
	color: #5e5d72
}

.notify-media {
	position: relative
}

.notify-media img {
	width: 60px;
	border-radius: 50%
}

.notify-media i {
	width: 35px;
	height: 35px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 30px;
	right: -5px;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1)
}

.notify-media i.favorite {
	background: rgba(255, 56, 56, .75)
}

.notify-media i.rating {
	background: rgba(255, 177, 0, .75)
}

.notify-media i.comment {
	background: rgba(17, 183, 107, .75)
}

.notify-media i.announce {
	background: rgba(102, 16, 242, .75)
}

.notify-media i.blog {
	background: rgba(177, 47, 173, .75)
}

.notify-media i.privacy {
	background: rgba(71, 124, 219, .75)
}

.notify-meta {
	width: 100%;
	position: relative
}

.notify-meta span {
	display: block
}

.notify-meta span b {
	font-weight: 500
}

.notify-meta small {
	display: block
}

.notify-close {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.notify-close:hover {
	color: #477CDB
}

.setting-nav {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (1fr)[1];
	grid-template-columns: repeat(1, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.setting-nav .nav-link {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 15px;
	padding: 15px 20px;
	color: #5e5d72;
	background: #fff
}

.setting-nav .nav-link:hover {
	color: #5e5d72;
	background: #fff
}

.setting-nav .nav-link.active {
	color: #fff;
	background: #477CDB
}

@media (max-width:575px) {
	.setting-nav {
		grid-gap: 15px
	}

	.setting-nav .nav-link {
		background: #f1f2f3
	}
}

@media (min-width:576px) and (max-width:991px) {
	.setting-nav {
		display: -ms-grid;
		display: grid;
		grid-gap: 25px;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-rows: auto;
		grid-template-rows: auto
	}

	.setting-nav .nav-link {
		gap: 10px
	}
}

.auth-body {
	overflow: hidden
}

.auth-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.auth-banner {
	width: 60%;
	height: 100vh;
	position: relative
}

.auth-banner-bg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.auth-banner-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto;
	top: 0;
	left: 0;
	background: rgba(10, 9, 48, .9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.auth-content {
	padding: 50px;
	max-width: 700px
}

.auth-logo {
	margin-bottom: 35px
}

.auth-logo img {
	height: 50px
}

.auth-headline {
	color: #f1f2f3;
	font-size: 32px;
	margin-bottom: 15px
}

.auth-details {
	margin-bottom: 45px;
	color: var(--bs-gray-400)
}

.auth-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 15px
}

.auth-social h5 {
	color: #f1f2f3;
	font-size: 14px;
	font-weight: 500;
	padding-right: 30px;
	letter-spacing: .3px;
	text-transform: uppercase;
	display: inline-block;
	white-space: nowrap;
	position: relative
}

.auth-social h5::after {
	position: absolute;
	width: 20px;
	height: 2px;
	z-index: auto;
	content: "";
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #f1f2f3
}

.auth-social ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 15px
}

.auth-social ul li a {
	font-size: 18px;
	color: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-social ul li a:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.auth-social ul li .facebook {
	background: #3b5998
}

.auth-social ul li .twitter {
	background: #00acee
}

.auth-social ul li .linkedin {
	background: #0e76a8
}

.auth-social ul li .instagram {
	background: #F77737
}

.auth-social ul li .youtube {
	background: red
}

.auth-form-content {
	padding: 60px 80px;
	overflow-y: scroll
}

.auth-form-title {
	color: #fff;
	font-weight: 500;
	margin-bottom: 30px;
	text-transform: inherit
}

.auth-form {
	width: 40%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #477CDB
}

.auth-form .form-control {
	background: var(--bs-gray-100)
}

.auth-form .form-check-label {
	text-transform: initial;
	font-size: 16px;
	color: #fff
}

.auth-form .form-check-label a {
	color: #f1f2f3;
	color: var(--bs-gray-200);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-form .form-check-label a:hover {}

.auth-form .form-btn {
	background: rgba(10, 9, 48, .9)
}

.form-group-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
	gap: 15px
}

.auth-forgot {
	color: #fff;
	font-size: 16px;
	letter-spacing: .3px;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-forgot:hover {
	color: var(--bs-gray-200);
}

.auth-form-or {
	margin: 20px 0;
	position: relative;
	text-align: center;
	z-index: 1
}

.auth-form-or span {
	width: 38px;
	height: 38px;
	line-height: 34px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	letter-spacing: .3px;
	font-size: 16px;
	color: #fff;
	background: #477CDB;
	border: 1px solid #8bb5ff
}

.auth-form-or::after {
	position: absolute;
	content: "";
	z-index: -1;
	top: 17px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #8bb5ff
}

.auth-form-continue {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 25px
}

.auth-form-continue li a {
	width: 100%;
	font-size: 16px;
	padding: 10px 0;
	border-radius: 6px;
	text-align: center;
	color: #fff
}

.auth-form-continue li a i {
	margin-right: 10px
}

.auth-form-continue li .facebook {
	background: #3b5998
}

.auth-form-continue li .instagram {
	background: #F77737
}

.auth-form-text {
	color: #fff;
	font-size: 17px;
	text-align: center;
	letter-spacing: .3px
}

.auth-form-text a {
	color: #477CDB;
	color: var(--bs-gray-200);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-form-text a:hover {}

@media (max-width:767px) {
	.auth-body {
		overflow-y: scroll
	}

	.auth-part {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.auth-banner {
		display: none
	}

	.auth-form-content {
		padding: 60px;
		overflow-y: inherit
	}

	.auth-form {
		width: 100%;
		height: auto
	}
}

@media (max-width:575px) {
	.auth-form-content {
		padding: 50px 30px
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.auth-form-content {
		padding: 50px 35px
	}
}

.faq-category {
	padding: 50px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.faq-category-title {
	margin-bottom: 30px;
	padding-left: 15px;
	border-left: 3px solid #477CDB
}

.faq-form {
	padding: 80px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .1)
}

@media (max-width:575px) {
	.faq-category {
		padding: 0;
		margin-bottom: 50px;
		background: transparent
	}

	.faq-form {
		padding: 0;
		background: transparent
	}
}

.privacy-group {
	margin-bottom: 50px
}

.privacy-group:last-child {
	margin-bottom: 0
}

.privacy-title {
	margin-bottom: 15px;
	text-transform: inherit
}

.contact-map iframe {
	width: 100%;
	height: 620px;
	border-radius: 6px
}

.contact-form {
	padding: 60px;
	border-radius: 6px;
	background: #0a0930
}

.contact-form-title {
	color: #f1f2f3;
	font-size: 26px;
	margin-bottom: 30px
}

@media (min-width:1199px) {
	.contact-map {
		margin-right: 15px
	}

	.contact-form {
		margin-left: 15px
	}
}

@media (max-width:991px) {
	.contact-form {
		margin-bottom: 50px
	}
}

@media (max-width:575px) {
	.contact-form {
		padding: 25px
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Euclid Circular B', sans-serif;
}

a {
	text-decoration: none;
}

.container {
	max-width: 1300px;
	width: 100%;
}

#header {
	width: 100%;
}

#nav {
	width: 100%;
	position: relative;
}

.nav-top {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	border-bottom: 1px solid #e2e2e2;
	border-top: 4px solid #0090FF;
	padding: 0 20px;
}

.nt-left,
.nt-right {
	display: flex;
	align-items: center;
}

.nt-link {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #667093;
	font-weight: 400;
	font-size: 16px;
	padding: 10px 15px;
	border-right: 1px solid #e2e2e2;
	height: calc(auto + 1px);
	transition: .2s;
}

.nt-link:hover {
	color: #3a4057;
}

.nt-right .nt-link {
	border: none;
}

.nav-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 15px 20px;
}

.nb-left,
.nb-right {
	display: flex;
	align-items: center;
	gap: 15px;
}

.nb-left>a img {
	max-width: 150px;
}

.nb-left>a {
	display: flex;
	align-items: center;
}

.nb-link,
.modal-open-btn {
	position: relative;
	font-size: 15px;
	color: #000;
	transition: .2s;
	height: 50px;
	display: flex;
	align-items: center;
}

.nb-link * {
	transition: .2s;
}

.nb-link:hover p,
.nb-link:hover p i,
.modal-open-btn:hover {
	color: #0090FF;
	cursor: pointer;
}

.nb-link:hover p i {
	transform: rotate(-180deg);
}

.nb-link p span i,
.modal-open-btn i {
	font-size: 11px;
}

.dropdown-style-1,
.dropdown-style-2 {
	position: absolute;
	top: 50px;
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	pointer-events: none;
	background-color: #fff;
}

.dropdown-style-1,
.dropdown-style-2 {
	box-shadow: 0 0 15px 0px #00000010;
	padding: 10px 10px;
	width: 200px;
}


.dropdown-style-2 {
	width: 800px;
}

.dropdown-style-1 a {
	padding: 5px 10px;
	color: #667093;
}

.dropdown-style-1 a:hover {
	color: #0090FF;
	background-color: #00000010;
}

.nb-link.dropdown:hover .dropdown-style-1,
.nb-link.dropdown:hover .dropdown-style-2 {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

.nb-btn-1 {
	color: #fff;
	font-size: 15px;
	border-radius: 5px;
	transition: .2s;
}

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

.nb-btn-1:hover {
	background-color: #0090FFc9;
}

.modal-open-btn img {
	width: 20px;
	margin-right: 5px;
	border-radius: 2px;
}

.modal-open-btn p {
	display: flex;
	align-items: center;
}

.modal-open-btn i {
	margin-left: 5px;
}

.dropdown-style-2 .tabcontent {
	gap: 20px;
}

.dropdown-style-2 .tab {
	display: flex;
	flex-direction: row;
	align-items: center;
	white-space: nowrap;
	gap: 35px;
	margin-bottom: 20px;
}


.dropdown-style-2 .tab button {
	padding: 0px;
	background-color: transparent;
	outline: none;
	border: none;
	border-bottom: 2px solid transparent;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}

.dropdown-style-2 .tab button.active {
	border-bottom: 2px solid #0090FF;
}

.header-dr-head {
	font-weight: 500;
	color: #000 !important;
	margin-bottom: 8px;
	padding: 0 7px;
}

.header-col {
	display: flex;
	flex-direction: column;
	width: calc(20% - 15px);
}

.header-dr-a {
	color: #667093;
	padding: 2px 7px;
	font-weight: 500;
}

.header-dr-a:hover {
	background-color: #00000010;
	color: #0090FF;
	transform: translateX(5px);
}

.hd-col-img {
	background-image: url(../images/header-col-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	padding: 30px;
	width: calc(40% - 15px);
	height: 200px;
	align-items: flex-start;
}

.hd-dr-p {
	color: #fff !important;
	font-size: 24px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 20px;
}

.hd-dr-btn {
	background-color: #fff;
	color: #0090FF;
	border-radius: 5px;
	display: inline;
	text-align: center;
	padding: 10px 25px;
}

.hd-dr-btn:hover {
	background-color: #0090FF;
	color: #fff;
}

.tab {
	overflow: hidden;
}

.tabcontent {
	width: 100%;
	display: none;
}

.modal-state {
	display: none;
}

.modal-state:checked+.modal {
	opacity: 1;
	visibility: visible;
}

.modal {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #121521e0;
	transition: opacity .25s ease;
	overflow-y: auto;
	padding: 50px 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .2s ease-in;
}


.modal-state:checked+.modal .modal__inner {
	top: 0;
}

.modal__inner {
	transition: top .25s ease;
	position: relative;
	top: -20%;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	overflow: auto;
	background-color: #fff;
	border-radius: 10px;
	height: 500px;
	margin: auto;
	color: #000;
}

.modal-head {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: sticky;
	top: 0;
	padding: 20px;
	z-index: 9;
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #e2e2e2;
}

.ask__inner {
	position: relative;
}

.modal-header-p {
	font-size: 20px;
	font-weight: 600;
	padding: 0 !important;
}

.modal-body {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.modal__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.currency-btn {
	padding: 5px;
	width: calc(20% - 16px);
	background-color: transparent;
	border: none;
	outline: none;
	transition: .2s;
	cursor: pointer;
}

.currency-btn:hover {
	background-color: #00000004;
	color: #0090FF;
}

.currency-btn p {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
}

.currency-btn p span:first-child {
	font-weight: 500;
	font-size: 16px;
}

.currency-btn p span:last-child {
	font-size: 14px;
}

.currency-btn p span img {
	width: 20px;
	margin-right: 6px;
	border-radius: 3px;
}

.currency-btn p span {
	display: flex;
	align-items: center;
}

.basket-btn {
	border: 1px solid #e2e2e2;
	padding: 10px 15px;
	border-radius: 5px;
	color: #000;
	transition: .2s;
	position: relative;
	max-height: 42.5px;
	font-size: 15px;
}

.basket-counter {
	background-color: #0090FF;
	color: #fff;
	font-weight: 600;
	display: inline-flex;
	width: 23.2px;
	height: 23.2px;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	margin-left: 3px;
	transition: .2s;
}

.basket-btn i {
	transition: .2s;
	margin-right: 3px;
}

.basket-btn span {
	display: inline-flex;
}

.basket-btn:hover span,
.basket-btn:hover i {
	transform: scale(1.1) !important;
}

.basket-btn:hover {
	background-color: #00000010;
}

.basket-tooltip {
	position: absolute;
	top: 55px;
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in;
	z-index: 99;
}

.basket-tooltip::after {
	content: '';
	border: 5px solid transparent;
	border-top: 0;
	border-bottom: 8px solid #000;
	width: 20px;
	height: 20px;
	top: -33px;
	left: -40px;
	position: relative;
}

.basket-btn span {
	transition: .2s;
}

.sidebar-part {
	display: none !important;
}

.basket-btn:hover .basket-tooltip {
	opacity: 1;
	visibility: visible;
}

.search {
	--background: #fff;
	--text-color: #414856;
	--primary-color: #4f29f0;
	--border-radius: 0px;
	--width: 490px;
	--height: 45px;
	background: var(--background);
	width: auto;
	height: var(--height);
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius);
	box-shadow: 0 10px 30px rgba(65, 72, 86, .05);
	display: flex;
	justify-content: center;
	align-items: center;
}

.search input[type="text"] {
	position: relative;
	width: var(--height);
	height: var(--height);
	font: 400 16px 'Varela Round', sans-serif;
	color: var(--text-color);
	border: 0;
	box-sizing: border-box;
	outline: none;
	padding: 0 0 0 40px;
	transition: width 0.6s ease;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.search input[type="text"]:focus {
	z-index: 2;
	opacity: 1;
	width: var(--width);
}

.search input[type="text"]:focus~.symbol::before {
	width: 0%;
}

.search input[type="text"]:focus~.symbol:after {
	clip-path: inset(0% 0% 0% 100%);
	transition: clip-path 0.04s linear 0.105s;
}

.search input[type="text"]:focus~.symbol .cloud {
	top: -30px;
	left: -30px;
	transform: translate(0, 0);
	transition: all 0.6s ease;
}

.search input[type="text"]:focus~.symbol .lens {
	top: 20px;
	left: 15px;
	transform: translate(0, 0);
	fill: var(--primary-color);
	transition: top 0.5s ease 0.1s, left 0.5s ease 0.1s, fill 0.3s ease;
}

.search .symbol {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search .symbol:before {
	content: "";
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	z-index: -1;
	transition: width 0.6s ease;
}

.search .symbol:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 21px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--primary-color);
	z-index: 1;
	clip-path: inset(0% 0% 0% 0%);
	transition: clip-path 0.04s linear 0.225s;
}

.search .symbol .cloud,
.search .symbol .lens {
	position: absolute;
	fill: #fff;
	stroke: none;
	top: 50%;
	left: 50%;
}

.search .symbol .cloud {
	width: 25px;
	height: 22px;
	transform: translate(-50%, -60%);
	transition: all 0.6s ease;
}

.search .symbol .lens {
	fill: #fff;
	width: 14px;
	height: 14px;
	z-index: 2;
	top: 24px;
	left: 25px;
	transition: top 0.3s ease, left 0.3s ease, fill 0.2s ease 0.2s;
}

.mob-menu {
	border: 1px solid #e2e2e2;
	height: 31.6px;
	width: 31.6px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	transition: .2s;
	cursor: pointer;
	display: none;
}

.mob-menu:hover {
	background-color: #00000010;
}

#mobile-menu {
	display: none;
}

.mobile-menu-container {
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	left: -100%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in;
	z-index: 99;
}

.mmc-header {
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}

.main-link {
	width: 100%;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 500;
	color: #414856;
	transition: .2s;
}

.main-link.main-link.with-sub-category {
	padding: 0;
}

.main-link.main-link.with-sub-category label {
	padding: 10px 20px !important;
}

.main-link label {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.main-link:hover {
	background-color: #00000010;
	color: #0090FF;
}

.main-link input {
	display: none;
}

#mobile-menu:checked~.mobile-menu-container {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.sub-category-container {
	position: fixed;
	background-color: #fbfbfb;
	width: 100%;
	height: calc(100% - 51.6px);
	top: 51.6px;
	right: -100%;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in;
}

.main-link.with-sub-category input:checked~.sub-category-container {
	right: 0;
	opacity: 1;
	visibility: visible;
}

.sub-category-container>label {
	background-color: #e2e2e2;
	justify-content: flex-start;
}

.sub-category-container>label i {
	margin-right: 10px;
}

.sub-link,
.sub-category-container>label {
	display: flex;
	padding: 10px 20px;
	color: #3a4057;
}

.sub-link:hover {
	background-color: #00000004;
	color: #0090FF;
}

.header-widget.sidebar-open {
	display: none;
}

.nt-right .nt-link {
	border-left: 1px solid #e2e2e2 !important;
	height: 100% !important;
}

.modal-open-btn {
	border-left: 1px solid #e2e2e2 !important;
}

.table_center {
	display: table-cell;
	vertical-align: middle;
}

.drop-down {
	display: inline-block;
	position: relative;
}

.drop-down__button {
	background: linear-gradient(to right, #3d6def, #8FADFE);
	display: inline-block;
	line-height: 40px;
	padding: 0 18px;
	text-align: left;
	border-radius: 4px;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	height: 42.5px;
}

.drop-down__name {
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	letter-spacing: 2px;
}

.drop-down__icon {
	vertical-align: middle;
	margin-left: 14px;
	border-radius: 50%;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	font-size: 13px;
	color: #fff;
}

.drop-down--active i.drop-down__icon {
	transform: rotate(-180deg);
}

.drop-down__menu-box {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	visibility: hidden;
	opacity: 0;
	margin-top: 5px;
	z-index: 99;
}

.drop-down__menu {
	margin: 0;
	padding: 0 13px;
	list-style: none;

}

.drop-down__menu-box:before {
	content: '';
	background-color: transparent;
	border-right: 8px solid transparent;
	position: absolute;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-top: 8px solid transparent;
	top: -15px;
	right: 18px;

}

.drop-down__menu-box:after {
	content: '';
	background-color: transparent;
}

.drop-down__item {
	font-size: 13px;
	padding: 13px 0;
	text-align: left;
	font-weight: 500;
	color: #909dc2;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #e0e2e9;
}

.drop-down__item-icon {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0px;
	fill: #8995b6;

}

.drop-down__item:hover .drop-down__item-icon {
	fill: #3d6def;
}

.drop-down__item:hover {
	color: #3d6def;
}



.drop-down__item:last-of-type {
	border-bottom: 0;
}


.drop-down--active .drop-down__menu-box {
	visibility: visible;
	opacity: 1;
	margin-top: 15px;
}

.drop-down__item:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 28px;
	background-color: #3d6def;
	left: -13px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.drop-down__item:hover:before {
	display: block;
}

.nb-btn-container .table_center,
.nb-btn-container .drop-down,
.nb-btn-container #dropDown-mob {
	width: 100%;
}

.nb-btn-container .drop-down__button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.container {
	max-width: 1300px;
	width: 100%;
	text-align: center;
}

.hero-banner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	height: 300px;
	background-color: #F9FBFF;
	position: relative;
	padding-bottom: 100px;
}

.hero-banner .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.hero-banner p {
	max-width: 450px;
	text-align: center;
	color: #000;
	opacity: .7;
	font-size: 14px;
}

.hero-banner h2 {
	color: #000;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}

.tabs-area .tab {
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 50px;
	padding-bottom: 78px;
	gap: 130px;
	background-color: rgba(229, 242, 250, .95);
	position: relative;
}

.tabs-area .tab::before {
	content: '';
	background-image: url(../images/banner/banner-wizard.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.tabs-area .ttablinks {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	justify-content: center;
	font-weight: 600;
	position: relative;
	background-color: #fff;
	border: 2px solid #e1e3e5;
	color: #000;
	font-size: 17px;
}

.tabs-area .ttablinks.active {
	color: #fff;
	background-color: #ff8600;
	border-color: #ff8600;
}

.tabs-area .ttablinks.active::after {
	color: #ff8600;
}

.tabs-area .ttablinks::after {
	content: attr(data-info);
	position: absolute;
	white-space: nowrap;
	top: 55px;
	color: #000;
	font-size: 18px;
}

.tabs-area .tabcontent {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}

.tabs-header {
	color: #ff8600;
	font-size: 25px;
	font-weight: 600;
}

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

.packet-selection {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin: 60px 0 30px 0;
}

.packet-selection input {
	display: none;
}

.packet-box {
	width: calc(20% - 30px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #ff8600;
	border-radius: 5px;
	position: relative;
	padding: 41px 0;
	cursor: pointer;
	transition: all .2s;
}

.checked-tick-area {
	background-color: #f8f8f8;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -15px;
	border-radius: 50%;
	border: 2px solid #ec7f04;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
}

.checked-tick-area i {
	color: transparent;
	font-size: 15px;
	height: 35px;
	padding-top: 2px;
	display: flex;
	align-items: center;
	color: #ff8600;
}

.packet-box:hover {
	transform: scale(1.1);
}

.checked-tick-area {
	position: absolute;
}

.packet-big {
	font-size: 25px;
	font-weight: 600;
	color: #ff8600;
}

.packet-price {
	font-size: 15px;
	font-weight: 500;
}

.tabs-area .tabcontent a {
	padding: 15px 70px;
	background-color: #ff8600;
	border: none;
	outline: none;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s;
	margin-bottom: 50px;
	font-size: 16px;
	margin-top: 25px;
	text-decoration: none;
}

.tabs-area .tabcontent a:hover {
	background-color: #ec7f04;
}

.subus {
    padding: 15px 70px;
    background-color: #ff8600;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
    margin-bottom: 50px;
    font-size: 16px;
    margin-top: 25px;
    text-decoration: none;
}

.subus:hover {
    background-color: #ec7f04;
}

.packet-selection input:checked+.packet-box {
	background-color: #ff8600;
	color: #fff;
	transform: scale(1.1);
}

.packet-selection input:checked+.packet-box .checked-tick-area {
	visibility: visible;
	opacity: 1;
}

.packet-selection input:checked+.packet-box .packet-big {
	color: #fff;
}

.accordion {
	border: 1px solid #ff8600;
	border-radius: 10px;
	width: 70%;
	max-width: 800px;
	margin-bottom: 20px;
	transition: all .2s ease-in-out;
	position: relative;
}

.accordion:nth-last-child(2) {
	margin-bottom: 30px !important;
}

.accordion input[type='checkbox'] {
	display: none;
}

.accordion-header {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	height: 64px;
	cursor: pointer;
	transition: all .2s;
	border-radius: 10px;
}

.accordion-header:hover {
	background-color: #ff8600;
}

.accordion-header:hover p {
	color: #fff;
}

.accordion-header p {
	font-size: 16px;
	font-weight: 600;
	color: #ff8600;
	user-select: none;
}

.accordion-panel {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.input-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px;
}

.input-container input {
	height: 40px;
	width: calc(100% - 111.8px);
	padding-left: 15px;
	border-radius: 5px 0 0 5px;
	outline: none;
	border: none;
	background-color: #f8f8f8;
	border: 1px solid #c2c2c2;
}

.accordion .accordion-arrows {
	color: #ff8600;
}

.accordion:hover .accordion-arrows,
.accordion input:checked+.accordion-header .accordion-arrows {
	color: #fff;
}

.accordion input:checked+.accordion-header .accordion-arrows {
	transform: rotate(90deg);
}

.input-container button {
	width: 120px;
	height: 40px;
	border-radius: 0 5px 5px 0;
	border: none;
	outline: none;
	background-color: #f60;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s ease-in;
}

.input-container button:hover {
	opacity: .7;
}

.accordion-panel button {
	margin-bottom: 0;
}

.accordion input:checked~.accordion-panel {
	max-height: 1000px;
	opacity: 1;
	visibility: visible;
}

.accordion input:checked+.accordion-header {
	background-color: #ff8600;
}

.accordion input:checked+.accordion-header p {
	color: #fff;
}

.extra-services {
	display: flex;
	flex-direction: column;
	max-width: 1300px;
	width: 80%;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: 0 0 15px 0 #00000005;
}

.psh {
	position: absolute;
	right: 10px;
	top: 33px;
	cursor: pointer;
}

.po-re input::-ms-reveal {
	appearance: none;
	-webkit-appearance: none;
	display: none;
}

#password-show-hide,
#password-show-hide-2,
#password-show-hide-3 {
	display: none;
}

.psh svg {
	fill: #081131;
	width: 24px;
	height: 24px;
}

.po-re {
	position: relative;
}

.login-password-area {
	display: flex;
	flex-direction: column;
}

.extra-a {
	display: flex;
	justify-content: space-between;
}

.go-back {
	margin-left: 20px !important;
	margin-right: 0 !important;
}

.extra-a a {
	margin: 20px 20px 20px 0;
}

.extra-header {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background-color: #ff8600;
	border-radius: 5px 5px 0 0;
}

.extra-body {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.extra-left,
.extra-right {
	width: 50%;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

.extra-row {
	display: flex;
	align-items: center;
	width: 100%;
}

.extra-row-left,
.extra-row-right {
	width: 50%;
	padding: 15px;
}

.erl-header {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

.erl-content {
	font-size: 13px;
	font-weight: 400;
	line-height: 19px;
	display: flex;
}

.extra-row-right {
	gap: 2px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.extra-row-right .extra-row {
	gap: 10px;
	display: flex;
}

.extra-row-right .extra-row label {
	font-size: 14px;
}

.extra-body>.extra-row:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.extra-row-right input,
.extra-row-right textarea {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ff8600;
	outline: none;
	line-height: 45px;
	padding-left: 10px;
}

.extra-row-right input[type='file'] {
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
}

.extra-row-right textarea {
	resize: vertical;
	height: 46.6px;
}

.extra-33-left,
.extra-33-middle,
.extra-33-right {
	width: 33%;
}

#cart-section {
	display: flex;
	justify-content: center;
	padding: 40px 0;
	background-color: #F9FBFF;
}

#cart-section .container {
	display: flex;
	flex-direction: column;
}

.cart-top {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
	border-radius: 5px;
}

.cart-top table {
	width: 100%;
	border-collapse: collapse;
}

.cart-top table .extra-left {
	width: inherit;
}

.cart-top .extra-services {
	width: 100%;
	background-color: #fff;
}

.cart-top .extra-header {
	display: revert;
	background-color: #F9FBFF;
	padding: 0;
}

.cart-top .extra-header th {
	padding: 15px 20px;
}

.cart-top .extra-header .extra-left,
.cart-top .extra-header .extra-right {
	color: #000;
}

.cart-top .erl-header {
	line-height: 11px;
	font-size: 16px;
}

.td-text {
	text-align: center;
	font-size: 14px;
	opacity: .8;
}

.last-td {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.td-marked {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.line-thr-text {
	text-decoration: line-through;
	opacity: .7;
	font-size: 14px;
	font-weight: 500;
	line-height: 10px;
}

.cart-top .erl-content {
	line-height: 12px;
}

.cart-top .extra-body {
	background-color: #fff;
}

.cart-top tbody td {
	padding: 15px 20px;
}

.erl-info {
	font-size: 12px;
	line-height: 10px;
	display: block;
	text-align: left;
}

.erl-info+.erl-content {
	font-size: 11px;
	opacity: .7;
	margin-top: 5px;
}

.extra-33-row-middle select {
	display: inline-flex;
	padding: 4px 7px;
	border: none;
	outline: none;
	border-radius: 4px;
}

.erl-33-span {
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
}

.extra-33-row-right {
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

.right-discount {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #0b75b3;
	border-radius: 4px;
	padding: 1px 6px;
}

.delete-cart {
	background-color: #ed4545 !important;
	color: #fff;
}

.delete-cart:hover {
	background-color: #081131 !important;
	color: #fff;
}

.cart-btn {
	border: none;
	outline: none;
	padding: 6px 12px;
	border-radius: 4px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s ease-in;
	font-size: 14px;
	background-color: #e1e3e5;
}

.cart-btn:hover {
	background-color: #081131;
	color: #fff;
}

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

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

.cart-bottom {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.cb-left {
	width: 70%;
}

.cb-right {
	width: 30%;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
}

.cb-right .extra-header {
	background-color: #F9FBFF;
	border-radius: 5px;
}

.cb-right .extra-header .extra-left {
	color: #000;
}

.cb-right .extra-body {
	background-color: #fff;
}

.cb-right .extra-services {
	width: 100%;
}

.cb-right .erl-info {
	font-size: 16px;
	font-weight: 500;
}

.cb-right .erl-header {
	white-space: nowrap;
	font-size: 16px;
	font-weight: 400;
}

.cb-right .extra-row-right {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.total-price-container {
	width: 100%;
	display: flex;
}

.total-price-container p {
	width: 50%;
	white-space: nowrap;
	padding: 10px 15px;
}

.total-price-p {
	font-weight: 600;
	font-size: 14px;
}

.total-price {
	display: flex;
	justify-content: flex-end;
	font-size: 14px;
	font-weight: 600;
}

.cb-right .extra-services {
	margin-bottom: 15px;
}

.continue-btn,
.login-body button,
.login-left form button {
	width: 100%;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	display: flex;
	border-radius: 5px;
	padding: 17px 10px;
	color: #fff !important;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 15px;
	transition: all .2s ease-in;
	border: none;
	cursor: pointer;
}

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

.cart-top .extra-services {
	margin-bottom: 0px;
}

.coupon-code-area {
	background-color: #fff;
	width: 100%;
	margin-right: 15px;
	border-radius: 5px;
}

.coupon-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 15px;
	box-shadow: 0 0 15px 0 #00000005;
}

.coupon-header p {
	font-weight: 600;
}

.coupon-body {
	padding: 15px 0px 0 0px;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.coupon-body input {
	width: 100%;
	height: 56px;
	border: 1px solid #ddd;
	padding-left: 2px;
	outline: none;
	border-radius: 5px;
	background-color: #fff;
}

.coupon-body button {
	position: absolute;
	right: 10px;
	border: none;
	height: 36px;
	outline: none;
	font-weight: 500;
	padding: 5px 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s ease-in;
	color: #fff;
	font-size: 14px;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
}

.coupon-body button:hover {
	opacity: .7;
}

.coupon-body button:hover {
	background-color: #F9FBFF;
}

.coupon-body a {
	position: absolute;
	right: 10px;
	border: none;
	height: 36px;
	outline: none;
	font-weight: 500;
	padding: 5px 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s ease-in;
	color: #fff;
	font-size: 14px;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
}

.coupon-body a:hover {
	opacity: .7;
}

.coupon-body a:hover {
	background-color: #F9FBFF;
}


.custom-checkbox {
	display: flex;
	align-items: center;
}

#checkbox-coupon {
	display: none;
}

.custom-checkbox p {
	font-weight: 500;
	font-size: 11px;
}

.custom-checkbox label {
	margin: 0 10px;
	background-color: #fff;
	width: 40px;
	height: 21px;
	border-radius: 15px;
	background-color: #2ece67;
	transition: all .3s ease-in;
	position: relative;
}

#checkbox-coupon:not(:checked)~.custom-checkbox label {
	background-color: #ed4545;
}

.custom-checkbox label span {
	width: 16px;
	height: 16px;
	background-color: #fff;
	display: flex;
	border-radius: 50%;
	margin: 2.4px;
	transition: all .3s ease-in;
	position: absolute;
}

#checkbox-coupon:not(:checked)~.custom-checkbox label span {
	left: 0px;
}

#checkbox-coupon:checked~.custom-checkbox label span {
	transform: translateX(19px);
}

#checkbox-coupon:not(:checked)~.coupon-body input,
#checkbox-coupon:not(:checked)~.coupon-body button {
	pointer-events: none;
	opacity: .7;
}

#checkbox-coupon:not(:checked)~.coupon-body {
	cursor: not-allowed;
}

.continue-shopping {
	display: inline-flex;
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	border-radius: 5px;
	transition: all .2s ease-in-out;
}

.continue-shopping:hover {
	background-color: #eee;
}

.basket-empty {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 25px;
	margin: 20px 0;
	margin-bottom: 0;
	background-color: #F9FBFF;
	border-radius: 5px;
	font-weight: 500;
}

.basket-empty i {
	font-size: 70px;
	margin-bottom: 5px;
	color: #0b75b3;
}

.basket-empty span {
	font-size: 16px;
	color: #000;
	opacity: .7;
	text-align: center;
}

.basket-empty p {
	text-align: center;
	font-size: 25px;
	margin-bottom: 10px;
}

.last-td .td-marked {
	margin: 5px 0;
}

.order-detail-p {
	padding: 0 20px 10px 20px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.order-detail-p span {
	font-size: 13px;
	color: #000;
}

.order-detail-p span:first-child {
	display: flex;
	align-items: center;
}

.order-detail-p span:first-child i {
	margin-right: 5px;
	font-size: 10px;
}

.order-detail-p span:last-child {
	font-weight: 600;
}

.cart-progress-area {
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px 0;
	padding-bottom: 0;
	border-bottom: 2px solid #eee;
}

.cart-progress-area div {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

.cpa-top {
	width: 100%;
	display: flex;
}

.cpa-bottom {
	height: 4px;
	margin-top: 15px;
	align-self: flex-start;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	position: relative;
}

.cpa-bottom span {
	position: absolute;
	right: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(180deg, #2ece67 0%, #01BED1 100%);
}

.cpa-bottom.basket {
	width: 17.5%;
}

.cpa-bottom.payment {
	width: 84%;
}

.cpa-bottom.basket-2 {
	width: 51%;
}

.passed {
	color: transparent;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	-webkit-background-clip: text;
	font-weight: 600 !important;
	-webkit-text-fill-color: transparent;
}

.extra-p {
	font-weight: 500;
	margin-bottom: 5px;
}

.must-pay-today b {
	width: 100%;
	display: block;
	font-size: 25px;
	line-height: 30px;
}

.basket-3 .cart-bottom {
	align-items: flex-start;
}

.must-pay-today span {
	width: 100%;
	white-space: nowrap;
	opacity: .7;
	font-weight: 400;
}

#cart-section .accordion {
	border: 1px solid #ddd;
	max-width: 500px;
}

.basket-3 .cb-left {
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.basket-box-area {
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
	border-radius: 5px;
	padding: 20px;
}

.basket-box-body textarea {
	width: 100%;
	resize: vertical;
	border-radius: 0px;
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid #ddd;
	outline: none;
}

.basket-box-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.basket-box-header p {
	font-weight: 500;
	font-size: 18px;
}

.basket-box-header a {
	font-weight: 500;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	transition: all .2s ease-in;
}

.basket-box-header a:hover {
	opacity: .7;
}

.bill-box {
	background-color: #F9FBFF;
	padding: 15px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.bill-name {
	font-size: 16px !important;
	font-weight: 500;
	margin-bottom: 10px !important;
}

.bill-box p {
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-bottom: 4px;
	padding: 7px 0;
}

.bill-box p span:first-child {
	font-weight: 500;
	width: 70px;
	display: flex;
}

.bill-box p span:last-child {
	font-weight: 500;
	color: #667093;
}

.bill-box button {
	position: absolute;
	right: 10px;
	background: #F0F1F4;
	height: 40px;
	padding: 0 24px;
	border: none;
	outline: none;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	transition: all .2s ease-in;
}

.bill-box button i {
	margin-right: 10px;
}

.bill-box button:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.info-yellow {
	border: 1px solid #faebcc;
	background-color: #FFFFFF;
	font-size: 14px;
	color: #8a6d3b;
}

.current-address {
	font-size: 12px;
	font-weight: 500;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	padding: 5px 10px;
	color: #fff;
	border-radius: 4px;
	margin-top: 10px !important;
	display: inline-flex;
	justify-content: center;
	max-width: 120px;
}

#cart-section .accordion-header p {
	color: #000;
}

#cart-section .accordion:hover,
#cart-section .accordion-header:hover {
	background-color: #F9FBFF !important;
}

.cb-right {
	position: sticky;
	top: 20px;
}

#cart-section .accordion input:checked+.accordion-header {
	background-color: transparent;
}

.accordion .accordion-arrows {
	position: absolute;
	right: 20px;
	transition: all .2s ease-in;
	font-size: 13px;
}

#cart-section .accordion input:checked+.accordion-header .accordion-arrows {
	transform: rotate(90deg);
}

.hero-banner.service-choose {
	height: 200px;
	padding: 20px;
	background-color: #082842f0;
	position: relative;
}

.hero-banner.service-choose h2 {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #06D65D;
}

.hero-banner.service-choose::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../images/banner/banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

#agreement,
#agreement-2 {
	display: none;
}

label[for='agreement'],
label[for='agreement-2'] {
	font-size: 14px;
	font-weight: 400;
	color: #667093;
	user-select: none;
}

label[for='agreement'] a,
label[for='agreement-2'] a {
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: #667093;
}

label[for='agreement']:not(:last-child),
label[for='agreement-2']:not(:last-child) {
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
}

label[for='agreement']:not(:last-child) i,
label[for='agreement-2']:not(:last-child) i {
	color: transparent;
	font-size: 12px;
}

#agreement:checked+label[for='agreement']:not(:last-child),
#agreement-2:checked+label[for='agreement-2']:nth-child(2) {
	background-color: #2ece67;
	border: 1px solid #2ece67;
}

#agreement:checked+label[for='agreement']:not(:last-child) i,
#agreement-2:checked+label[for='agreement-2']:not(:last-child) i {
	color: #fff;
}

input[name='payment-option'] {
	display: none;
}

.payment-header {
	background-color: #F9FBFF;
	padding: 16px;
	justify-content: flex-start;
	gap: 10px;
}

.payment-header label {
	font-size: 14px;
	padding: 11px;
	width: 180px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

#po-1:checked~.payment-header label[for='po-1'],
#po-2:checked~.payment-header label[for='po-2'],
#po-3:checked~.payment-header label[for='po-3'] {
	background-color: #fff;
	color: #00B57F;
	box-shadow: 0 0 10px -2px #00000010;
}

.po-1-body,
.po-2-body,
.po-3-body {
	height: 0;
	overflow: hidden;
	transition: all .3s ease-out;
	visibility: hidden;
	opacity: 0;
}

#po-1:checked~.po-1-body,
#po-2:checked~.po-2-body,
#po-3:checked~.po-3-body {
	height: auto;
	visibility: visible;
	opacity: 1;
}

.payment-header._dl {
	width: 100%;
	color: #667092;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #515151;
	line-height: 24px;
}

.basket-box-header.payment-header {
	padding: 8px;
	flex-wrap: wrap;
}

.payment-header._dl a {
	text-decoration: none;
	color: #081131;
	font-weight: 500;
}

.big-text {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
}

.po-1-body table {
	width: 100%;
}

.po-1-body table th {
	text-align: left;
	color: #667093;
	font-size: 14px;
	font-weight: 400;
}

.po-1-body table th {
	padding: 19px 7px;
}

.po-1-body table td {
	border-top: 1px solid rgba(102, 112, 147, 0.2);
	padding: 17px 7px;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

.po-2-body,
.po-3-body {
	display: flex;
	flex-wrap: wrap;
}

.po-2-body p.extra-100,
.po-3-body p.extra-100 {
	font-weight: 500;
	margin-bottom: 15px;
	width: 100%;
}

.po2-left,
.po2-right {
	width: 50%;
}

.po2-left {
	display: flex;
	flex-direction: column;
	padding-right: 20px;
}

.po2-left label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: left;
}

._pass {
	margin-top: 10px;
}

.po2-left input {
	border: 2px solid #e1e3e5;
	outline: none;
	background-color: #fff;
	border-radius: 5px;
	height: 45px;
	padding-left: 10px;
	font-weight: 600;
	font-size: 15px;
}

.po2-left input:focus {
	border-color: #06D65D;
}

.po2-left input::placeholder {
	font-weight: 500;
}

.po2-left input:not(:last-child) {
	margin-bottom: 10px;
}

.po2-right {
	background-color: #06D65D10;
	border-radius: 10px;
	aspect-ratio: 16/9;
}

.login-body {
	width: 100%;
	padding-right: 0;
}

.register-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.rr-right a {
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	transition: all .2s ease-in-out;
}

.rr-right a:hover {
	opacity: .7;
}

.login-body button:hover {
	opacity: .7;
}

.reg-row .rr-left,
.reg-row .rr-right {
	display: flex;
	flex-direction: column;
	width: calc(50% - 7.5px);
}

.reg-row {
	column-gap: 15px;
	border-radius: 5px;
	flex-wrap: wrap;
}

.reg-row._bg {
	margin-top: 10px;
}

.reg-100 {
	width: 100%;
	font-weight: 600;
	margin-bottom: 5px;
}

.cpa-top {
	padding: 0 20px;
	overflow: hidden;
}

.cpa-top div {
	white-space: nowrap;
}

.cpa-top span {
	margin-left: 5px;
	display: flex;
}

#reg-ph {
	width: 100%;
}

.cart-top .accordion-arrows,
.cart-top .accordion:hover .accordion-arrows,
#cart-section .accordion input:checked+.accordion-header .accordion-arrows {
	color: #000;
}

input[name="account-type"] {
	display: none;
}

._at {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

._at p {
	font-weight: 500;
	margin-right: 40px;
}

._at label {
	font-size: 16px;
}

._at label span {
	border: 1px solid #e1e3e5;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	border-radius: 4px;
}

._at label span i {
	font-size: 13px;
	color: #fff;
}

.reg-row._bg {
	visibility: hidden;
	opacity: 0;
	height: 0;
	transition: all .2s ease-out;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

td._at input[type=checkbox],
.tab-row input[type=checkbox] {
	display: none;
}

input#at-1:checked~._at label[for='at-1'] span,
input#at-2:checked~._at label[for='at-2'] span,
._at input#at-1:checked+label[for='at-1'] span,
td._at input[type=checkbox]:checked+label span,
.tab-row input[type=checkbox]:checked+label span {
	background-color: #06D65D;
	border-color: #06D65D;
}

._at input#at-1 {
	display: none;
}

input#at-2:checked~.reg-row._bg {
	visibility: visible;
	opacity: 1;
	height: inherit;
	width: 100%;
	padding: 0px;
	margin: 10px 0;
}

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

._login-header label {
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

._login-header label i {
	margin-right: 10px;
}

.po-2-body .register-row {
	margin: 20px 0;
	margin-bottom: 30px;
}

input[name='ekhizmet-1'],
input[name='ekhizmet-2'],
input[name='ekhizmet-3'],
input[name='ekhizmet-4'],
input[name='ekhizmet-5'],
input[name='ekhizmet-6'],
input[name='ekhizmet-7']
 {
	display: none;
}

input[name='ekhizmet-1']+label,
input[name='ekhizmet-2']+label,
input[name='ekhizmet-3']+label,
input[name='ekhizmet-4']+label,
input[name='ekhizmet-5']+label,
input[name='ekhizmet-6']+label,
input[name='ekhizmet-7']+label,
.gi-left .extra-row label:first-child,
.new-bill .extra-row label:first-child,
.new-bill .extra-row:nth-child(2) label:nth-child(2) {
	border: 2px solid #ff8600;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
}

input[name='ekhizmet-1']+label i,
input[name='ekhizmet-2']+label i,
input[name='ekhizmet-3']+label i,
input[name='ekhizmet-4']+label i,
input[name='ekhizmet-5']+label i,
input[name='ekhizmet-6']+label i,
input[name='ekhizmet-7']+label i,
.gi-left .extra-row label:first-child i,
.new-bill .extra-row label i {
	font-size: 12px;
}

input[name='ekhizmet-1']:checked+label,
input[name='ekhizmet-2']:checked+label,
input[name='ekhizmet-3']:checked+label,
input[name='ekhizmet-4']:checked+label,
input[name='ekhizmet-5']:checked+label,
input[name='ekhizmet-6']:checked+label,
input[name='ekhizmet-7']:checked+label,
input[name='newbill']:checked+label {
	background-color: #ff8600;
}

input[name='newbill'] {
	display: none;
}

input#newbill1:checked+.account-type-selection label:first-child {
	background-color: #ff8600;
}

.extra-srv .extra-row label {
	margin-bottom: 3px;
}

.table-tl {
	display: none;
}

.footer-links .accordion {
	border: none;
	width: 100%;
	margin-bottom: 0 !important;
	text-align: left;
}

.footer-links .accordion strong {
	margin-bottom: 0;
}

.product-detail-container {
	display: flex;
	gap: 25px;
}

.product-detail-price-area {
	background: #f1f2f3;
	margin-bottom: 20px;
	padding: 22px 25px 25px;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px dashed #999;
	position: relative;
}

.product-detail-price-area .old-price {
	text-decoration: line-through;
	font-size: 15px;
}

.product-detail-price-area .new-price {
	font-weight: 700;
	color: #333;
	font-size: 27px;
}

.product-detail-price-area .new-price .pr-small-text {
	font-size: 18px;
}

.discount-rate {
	color: #fff;
	font-weight: 500;
	background-color: #ed4545;
	padding: 2px 7px;
	border-radius: 3px 6px 3px 3px;
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.product-interactions-container {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
	background-color: #f1f2f3;
	padding: 22px 25px 25px;
	border-radius: 6px;
}

.pic-btn.add-basket {
	font-size: 15px;
	background-color: #477CDB;
	color: #fff !important;
}

.pic-btn.add-basket:hover {
	font-size: 15px;
	background-color: #2762cc;
	color: #fff;
}

.pic-btn {
	width: 100%;
	border: 1px solid #477CDB;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #477CDB !important;
	transition: all .2s ease-in;
}

.pic-btn:hover {
	background-color: #477CDB;
	color: #fff !important;
}

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

.used-technologies {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
	padding: 0 25px;
}

.ut-item {
	border: 1px solid transparent;
	width: 30px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	transition: all .2s ease-in;
	cursor: pointer;
}

.ut-item:hover {
	color: #fff !important;
	transform: scale(1.2);
}

.ut-item i {
	font-size: 15px;
}

.ut-item.php {
	border-color: #5F81BB;
	color: #5F81BB;
}

.ut-item.php:hover {
	background-color: #5F81BB;
}

.ut-item.html {
	border-color: #F16529;
	color: #F16529;
}

.ut-item.html:hover {
	background-color: #F16529;
}

.ut-item.css {
	border-color: #2965F1;
	color: #2965F1;
}

.ut-item.css:hover {
	background-color: #2965F1;
}

.ut-item.js {
	border-color: #F1BF25;
	color: #F1BF25;
}

.ut-item.js:hover {
	background-color: #F1BF25;
}

.ut-item.sql {
	border-color: #59A7EA;
	color: #59A7EA;
}

.ut-item.sql:hover {
	background-color: #59A7EA;
}

.ut-item.ioncube {
	border-color: #E7A228;
	color: #E7A228;
}

.ut-item.ioncube:hover {
	background-color: #E7A228;
}

.product-detail-pss .slick-list.draggable {
	padding: 0 !important;
}

.product-detail-pss .slick-list.draggable .slick-slide {
	width: -1% !important;
}

.common-card.tabcontent {
	flex-direction: column;
}

.nav-link.tablinks {
	font-size: 12px;
}

._kt {
	border: 2px solid #477CDB;
}

._kt ul {
	margin-top: 20px;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.software-infos {
	background-color: #f1f2f3;
	border-radius: 6px;
	padding: 22px 25px 25px;
	margin-bottom: 20px;
}

.si-row {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.si-row {
	padding: 8px 0;
	border-top: 1px solid #d3d3d3;
}

.si-row span {
	font-size: 14px;
	font-weight: 600;
}

.si-row span i {
	font-size: 11px;
	margin-right: 5px;
}

.rate-stars i {
	color: #477CDB;
	margin-right: 0px !important;
}

.favorite.pic-btn.active {
	background-color: #ed4545;
	border-color: #ed4545;
	color: #fff !important;
}

.compare.pic-btn.active {
	background-color: #b12fad;
	border-color: #b12fad;
	color: #fff !important;
}

.pr-counter {
	background-color: #f1f2f3;
	padding: 22px 25px 25px;
	border-radius: 6px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulse-counter 2s infinite;
}

.product-single-social-list li a {
	transition: all .2s ease-in;
}

.product-single-social-list li a:hover {
	opacity: .8;
	transform: scale(1.05);
}

.pr-counter i {
	font-size: 35px;
	margin-right: 10px;
	color: #477CDB;
	margin-top: 7px;
}

.prc-right span {
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	display: flex;
}

.prc-right p {
	line-height: 25px;
	font-size: 25px;
	font-weight: 600;
	color: #000;
}

.updates-ul {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.updates-ul li {
	list-style: outside;
	font-size: 16px;
}

.updates-date {
	font-weight: 600;
}

.responsive-gallery div {
	margin: 0 5px;
}

.responsive-gallery div img {
	width: 100%;
	border-radius: 6px;
}

@keyframes pulse-counter {
	0% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 #f1f2f3;
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px #f1f2f300;
	}

	100% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 #f1f2f300;
	}
}

.hover-slide-area {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	height: 400px;
	overflow: hidden;
	box-shadow: 0 0 15px 0 #00000010;
	border-radius: 6px;
	background-size: 100% auto;
	background-position: 0 25px;
	background-repeat: no-repeat;
	transition: all 3s ease-in;
}

.hover-slide-area:hover {
	background-position: bottom;
}

.hsa-header {
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 25px;
	height: 25px;
	background-color: #f1f2f3;
	border-radius: 5px 5px 0 0;
	padding: 0 10px;
	gap: 5px;
	position: sticky;
	top: 0;
	z-index: 99;
}

.hsa-green,
.hsa-red,
.hsa-yellow {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.hsa-green {
	background-color: #2ece67;
}

.hsa-red {
	background-color: #ed4545;
}

.hsa-yellow {
	background-color: #F1BF25;
}

.swiper-pr-detail {
	overflow: hidden;
	width: 100%;
	border-radius: 6px;
	margin-bottom: 20px;
	position: relative;
	height: 500px;
}

.swiper-pr-detail .swiper-slide img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
	width: 45px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	color: #fff;
	font-size: 13px !important;
	font-weight: 600;
	min-width: 45px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #477CDB;
}

._colxl12 {
	max-width: 100vw;
}

.swiper-gallery {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.swiper-gallery img {
	width: 100%;
	border-radius: 6px;
}

.swiper-gallery .swiper-button-next:after,
.swiper-gallery .swiper-button-prev:after {
	min-width: 30px;
	width: 30px;
	height: 30px;
	font-size: 10px !important;
}

#faqanswer {
	margin-bottom: 0;
}

.profile-options {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.po-item {
	position: relative;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	border: 1px solid #ffffff90;
	background-color: #ffffff20;
	border-radius: 4px;
	padding: 7px;
	height: 45px;
	z-index: 98;
}

.po-item label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
	gap: 16px;
}

.po-item label div i {
	margin-right: 4px;
}

.add-balance-btn {
	color: #00B57F;
	background-color: #FFFFFF;
	border-radius: 2px;
	font-weight: 500;
	font-size: 14px;
	padding: 7px;
	white-space: nowrap;
	height: 31px;
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.po-item p b {
	white-space: nowrap;
}

.po-item:last-child>i {
	margin-right: 8px;
}

.po-item input[type=checkbox] {
	display: none;
}

.user-banner-profile-name h3 {
	font-size: 18px;
	font-weight: 400 !important;
}

.user-banner-profile-name h3 b {
	font-weight: 700;
}

.user-banner-profile-meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.po-item .po-dropdown {
	position: absolute;
	top: 30px;
	background-color: #fff;
	border-radius: 8px;
	left: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 0 10px 0 #00000020;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease-in-out;
	max-width: 160px;
}

.po-item input:checked~.po-dropdown {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
	top: 50px;
}

.po-item input:checked+label::before {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.po-dropdown .dropdown-links {
	max-height: 150px;
	overflow-y: auto;
}

.po-item .po-dropdown input {
	border: 1px solid #00000020;
	width: calc(100% - 16px);
	border-radius: 4px;
	height: 30px;
	padding-left: 8px;
	margin-bottom: 4px;
	margin: 8px;
}

.po-item .po-dropdown a.active {
	background-color: #00000015;
}

.po-item .po-dropdown a {
	width: 100%;
	text-align: left;
	padding: 5px 10px;
	color: #000;
}

.po-item .po-dropdown a:hover {
	background-color: #5897fb;
	color: #fff;
}

.user-banner-data {
	display: flex;
	align-items: center;
	gap: 16px;
}

.user-banner-data li {
	width: calc(25% - 12px);
	font-size: 14px !important;
}

.user-banner-data li p {
	font-size: 10px !important;
	white-space: normal;
}

.login-section .container {
	display: flex;
	align-items: center;
	gap: 32px;
}

.login-left,
.login-right {
	width: 50%;
}

.login-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.login-left h2 {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 24px;
	color: #000;
}

.login-left>p {
	margin: 6px 0 32px 0;
	font-size: 16px;
	font-weight: 500;
}

.login-left>p a {
	color: #0090FF;
}

.login-field {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 16px;
}

.login-left form {
	width: 100%;
}

.login-field label {
	position: absolute;
	left: 16px;
	font-size: 14px;
	cursor: text;
	transition: all .2s ease-in-out;
}

.login-field textarea+label {
	top: 17px;
}

.login-field input:focus+label,
.login-field input:valid+label,
.login-field textarea:focus+label,
.login-field textarea:valid+label {
	font-size: 12px;
	transform: translateY(-15px);
}

.login-field.password input:focus+label:last-child,
.login-field.password input:valid+label:last-child,
.login-field input:valid+label[for=password-show-hide]:last-child {
	transform: translateY(0);
}

.login-field select+label {
	font-size: 12px;
	top: 6px;
}

.login-field input,
.login-field select {
	border: 1px solid #66709333;
	height: 55px;
	border-radius: 4px;
	padding-left: 16px;
	width: 100%;
	font-size: 15px;
	padding-top: 5px;
}

.login-field select {
	padding-left: 11px;
	padding-top: 8px;
}

.login-field label[for="password-show-hide"],
.login-field label[for="password-show-hide-2"] {
	right: 16px;
	left: initial;
	top: 14px !important;
	cursor: pointer;
}


.login-field label[for="password-show-hide"] svg,
.login-field label[for="password-show-hide-2"] svg {
	width: 24px;
	height: 24px;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}

.login-row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.login-row a {
	font-size: 14px;
	color: #000;
	font-weight: 500;
}

.login-left form button:hover {
	opacity: .7;
}

.swiper-login {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.login-right {
	display: flex;
	align-items: center;
	justify-content: baseline;
	padding: 32px 16px;
}

.swiper-login img {
	max-width: 80%;
}

.swiper-login p {
	font-size: 24px;
	color: #000;
	font-weight: 500;
	margin-top: 16px;
}

.swiper-login span {
	font-size: 15px;
	line-height: 25px;
	padding-top: 4px;
}

.register-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	align-items: flex-start;
}

.register-form .login-field {
	width: calc(50% - 8px);
	margin: 0;
}

.register-form .password {
	width: 100%;
}

.login-left .register-btns {
	width: 100%;
}

.login-left .account-type {
	width: calc(50% - 8px);
	background: rgba(102, 112, 147, 0.05);
	border: 1px solid rgba(102, 112, 147, 0.2);
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
}

.login-left .register-form input[type=radio] {
	display: none;
}

.login-left .register-form input[type=radio]:checked+label {
	background-color: #00B57F;
	color: #fff;
}

.login-left .register-form .login-field.w100 {
	width: 100%;
}

.login-left .register-form .login-field.has-info label {
	top: 17px;
}

.login-left .register-form .login-field.has-info input:focus+label,
.login-left .register-form .login-field.has-info input:valid+label {
	top: 4px;
}

.login-left .register-form .login-field span {
	font-size: 12px;
	color: #667093;
	text-align: left;
	margin-top: 3px;
}

.login-left .register-form .login-field.institutional-type {
	display: none;
}

.login-left .register-form input#reg-2:checked~.login-field.institutional-type {
	display: flex;
}

.customer-panel-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 32px 0;
}

.customer-panel-container .container {
	width: 100%;
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.left-bar {
	width: 25%;
	min-width: 300px;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: hidden;
	padding: 16px;
	position: sticky;
	top: 32px;
}

.left-bar .panel {
	padding: 0 0 0 24px;
	max-width: 100%;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	transition: 0.2s ease-out;
	border-radius: 0 0 8px 8px;
	display: flex;
	flex-direction: column;
}

.customer-area {
	width: calc(75% - 32px);
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.left-bar a,
.left-bar button {
	width: 100%;
	text-align: left;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	color: #000;
	transition: all .2s ease-in;
	font-size: 16px;
	border-radius: 8px;
	border: none;
	margin-bottom: 0;
}

.left-bar .left-item.active,
.left-bar .left-item:hover,
.left-bar .accordion:hover {
	color: #0090FF;
	background-color: #00000007 !important;
	border-radius: 8px;
}

.left-bar .accordion:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath style='fill:%23000;' d='M12 25a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L18.59 16l-7.3-7.29a1 1 0 1 1 1.42-1.42l8 8a1 1 0 0 1 0 1.42l-8 8A1 1 0 0 1 12 25Z'/%3E%3C/g%3E%3Cg id='frame'%3E%3Crect class='cls-1' height='32' width='32'/%3E%3C/g%3E%3C/svg%3E");
	color: white;
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 2px;
	width: 40px;
	height: 40px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center;
	transition: .2s;
}

.left-bar .activeakor.accordion::after {
	transform: rotate(90deg);
}

.left-bar .left-item:not(:last-child) {
	margin-bottom: 8px;
}

.left-bar a:hover,
.left-bar button:hover {
	color: #0090FF;
}

.left-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	padding: 16px;
	color: #fff;
	background-color: #0090FF;
	border-radius: 8px;
	margin-bottom: 8px;
}

.left-bar a:not(:last-child),
.left-bar button:not(:last-child) {
	margin-bottom: 8px;
}

.customer-box {
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
}

.left-item.activeakor+.panel {
	margin-bottom: 8px;
}

.left-item svg {
	width: 24px;
	height: 24px;
}

.customer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	margin-bottom: 0px;
}

.ch-left {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 500;
	color: #081131;
}

.ch-icon {
	border: 1px solid #00000020;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.ch-right a {
	border-radius: 6px;
	font-size: 14px;
	color: #00104B;
	font-weight: 500;
	border: 1px solid #00000010;
	padding: 8px 16px;
	transition: all .2s ease-in-out;
}

.ch-right a:hover {
	background-color: #00104B;
	color: #fff;
}

.customer-actions .po-item {
	position: relative;
	border: none;
}

.customer-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	padding: 0 16px;
	margin-bottom: 16px;
}

.customer-actions>div {
	width: calc(33% - 10.6666666667px);
	border: 1px solid #00000010;
	border-radius: 4px;
	height: 45px;
}

.customer-actions.w33>div {
	width: calc(33% - 10.6666666667px);
}

.customer-actions.w50>div {
	width: calc(50% - 8px);
}

.ca-select {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	gap: 16px;
	font-weight: 500;
	padding: 0 16px;
}

.ca-select .po-dropdown {
	width: 160px;
	right: 0;
	left: initial;
}

.ca-select .po-item label {
	color: #00104B;
	gap: 8px;
	user-select: none;
}

.ca-search {
	position: relative;
	display: flex;
	align-items: center;
}

.ca-search input {
	width: 100%;
	height: 45px;
	padding-left: 16px;
	font-size: 14px;
	font-weight: 500;
}

.ca-search i {
	position: absolute;
	right: 16px;
	font-size: 15px;
}

.ca-show {
	display: flex;
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
	padding: 0 16px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.ca-show input {
	display: none;
}

.ca-show .hide {
	display: none;
	color: #00B57F;
}

.ca-show input[type=checkbox]:not(:checked)~.custom-checkbox label {
	background-color: #ed4545;
}

.ca-show input[type=checkbox]:checked~.custom-checkbox label span {
	transform: translateX(19px);
}

.ca-show input[type=checkbox]:checked~.custom-checkbox .show {
	display: none;
}

.ca-show input[type=checkbox]:checked~.custom-checkbox .hide {
	display: flex;
}

.ca-show .custom-checkbox p {
	font-size: 13px;
	width: 42px;
}

.customer-panel {
	background-color: #F7F9FD;
}

.customer-infos {
	padding: 0 16px;
}

.customer-infos table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 .4em;
}

.customer-infos table thead {
	background-color: #F9FBFF;
	color: #00104B;
	height: 40px;
}

.customer-infos table thead th {
	color: #00104B;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	padding: 0 16px;
	text-align: left;
}

.customer-infos table .erl-content {
	margin-top: 0;
}

.customer-infos table .pr-name p {
	text-align: left;
	font-size: 14px;
	color: #00104B;
	max-width: 240px;
	width: 100%;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
}

.customer-infos table .erl-header {
	margin-bottom: 5px;
}

.customer-infos table tbody tr {
	border: 1px solid #00000010;
}

.customer-infos table tbody tr td {
	font-size: 13px;
	font-weight: 500;
	padding: 16px;
}

.td-situations span {
	display: none !important;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width: 130px;
	padding: 4px 12px;
	border-radius: 4px;
}

.td-situations span.show {
	display: flex !important;
}

.service-approved {
	background-color: #00B57F;
	white-space: nowrap;
}

.service-waiting {
	background-color: #ffb100;
	white-space: nowrap;
}

.service-canceled {
	background-color: #ed4545;
	white-space: nowrap;
}

.service-end {
	background-color: #252831;
	color: #fff;
	white-space: nowrap;
}

.service-open {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
}

.td-actions a,
.td-actions button {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	justify-content: center;
	border: 1px solid #00000010;
}

.td-actions a:first-child,
.td-actions button:first-child {
	margin-right: 5px;
}

.td-actions .hide-btn {
	background-color: #F0F1F4;
	color: #00104B;
}

.td-actions .go-pr {
	background-color: #00104B;
	color: #fff;
}

.td-actions a:hover,
.td-actions button:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

.customer-bottom {
	width: calc(100% - 32px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	margin: 0 16px 16px 16px;
	background-color: #F9FBFF;

}

.cubo-left {
	display: flex;
	align-items: center;
}

.cubo-left span {
	font-size: 14px;
	color: #00104B;
	font-weight: 500;
}

.cp-btn,
.annoucement-btn {
	height: 36px;
	font-weight: 500;
	padding: 0px 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s ease-in;
	color: #fff !important;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	transition: all .2s ease-in-out;
}

.cp-btn:hover,
.annoucement-btn:hover {
	opacity: .7;
}

.customer-box .no-result {
	margin: 16px;
	color: #081131;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	text-align: center;
	padding: 16px;
	border: 1px solid #00000010;
	font-weight: 500;
	margin-top: 0;
}

.ch-right a.btn-2 {
	gap: 8px;
	display: inline-flex;
	align-items: center;
	background-color: #00104B;
	color: #fff;
}

.ch-right a.btn-2:hover {
	background-color: #fff;
	color: #00104B;
}

.go-pay {
	width: initial !important;
	padding: 0 8px;
	color: #fff;
	background-color: #00B57F;
}

.go-pay i {
	margin-right: 6px;
}

td._at label span {
	background-color: #fff;
}

.not-payed {
	background-color: #ed454530;
}

td.support-id {
	font-size: 14px !important;
	color: #00000060;
	text-align: left;
	font-weight: 500 !important;
	white-space: nowrap;
}

td .support-info {
	font-size: 15px;
	color: #00104B;
	text-align: left;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-moz-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
}

.support-table th {
	text-align: left;
}

.support-actions {
	margin-top: 16px;
}

.support-actions a {
	width: 100%;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 8px;
	color: #fff;
}

.support-actions a:first-child {
	background-color: #00B57F;
}

.support-actions a:first-child:hover {
	background: linear-gradient(45deg, rgb(46, 206, 103) 0%, rgb(1, 190, 209) 100%);
}

.support-actions a:last-child {
	color: #000;
	background-color: #F0F1F4;
	transition: all .2s ease-in-out;
}

.support-actions a:last-child:hover {
	background-color: #00104B;
	color: #ffff;
}

td._at {
	margin-bottom: 0;
}

.customer-panel .container {
	max-width: 1500px;
	padding: 0 16px;
}

.cubo-right.pagination {
	border: 1px solid #00000017;
	border-radius: 4px;
	overflow: hidden;
}

.cubo-right.pagination a {
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
	padding: 4px 8px;
}

.cubo-right.pagination a:first-child,
.cubo-right.pagination a:last-child {
	background-color: #00000008 !important;
}

.cubo-right.pagination a:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

.an-customer-bottom {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background-color: transparent;
	padding: 0;
	margin: 0 16px 16px 16px;
}

.annoucement-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border: 1px solid #00000015;
	border-radius: 4px;
	padding: 16px;
}

.annoucement-header {
	font-size: 18px;
	font-weight: 600;
	color: #00104B;
}

.annoucement-info {
	font-size: 15px;
	color: #00104Bc7;
	text-align: left;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.annoucement-bottom {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.annoucement-date {
	font-size: 12px;
	color: #00000060;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 4px;
}

.annoucement-date svg {
	width: 18px;
	height: 18px;
}

.ch-icon svg {
	max-width: 21px;
	max-height: 21px;
}

.new-support>div,
.support-header {
	padding: 0 !important;
	flex-direction: column;
	align-items: flex-start;
	height: initial;
	border: none;
	gap: 4px;
}

.support-header {
	margin: 16px;
	display: flex;
}

.support-header label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
}

.new-support>div select,
.support-header input,
.support-header textarea {
	width: 100%;
	border: 1px solid #00000015;
	outline: none;
	height: 100%;
	padding: 0 8px;
	height: 48px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
}

.support-header textarea {
	height: initial;
	padding-top: 8px;
}

.support-header input {
	padding-left: 16px;
}

.support-header span {
	font-size: 12px;
}

.support-header input[type=file] {
	line-height: 24px;
	padding-top: 9px;
	padding-left: 10px;
}

.sp {
	display: flex;
	gap: 16px;
}

.show-piece {
	font-size: 14px;
	color: #00104B;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-end;
}

.show-piece select {
	padding: 4px 8px;
	outline: none;
	border: 1px solid #00000015;
	border-radius: 4px;
}

.bank-box {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #f7f9fd;
	border-radius: 4px;
	padding: 16px;
	margin: 8px 16px;
}

.bank-box:last-child {
	margin-bottom: 16px;
}

.bank-left {
	width: 30%;
}

.bank-box ul {
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.bank-box ul li {
	display: flex;
	gap: 16px;
	padding: 4px 8px;
	font-size: 15px;
	width: 100%;
	position: relative;
	color: #888;
	font-weight: 600;
}

.copy-btn {
	position: absolute;
	right: 8px;
	display: flex;
}

.copy-btn svg {
	width: 21px;
	height: 21px;
}

.bank-box ul li:last-child {
	padding-bottom: 0;
}

.bank-box ul li span {
	font-size: 15px;
	color: #00104Bc7;
	font-weight: 600;
	width: 120px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
}

.bank-box ul li span::after {
	content: ':';
	font-weight: 600;
}

.bank-box ul li:not(:last-child) {
	border-bottom: 1px solid #00000015;
}

.payment-notification-btn {
	width: 100%;
	border: 0;
	background: #06D65D !important;
	color: #fff !important;
	border-radius: 16px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	padding: 10px 0;
}

.payment-notification-btn:hover {
	opacity: .7;
}

.bank-box ul li:nth-child(4) {
	border-bottom: none;
}

#customer-panel-menu-mobile {
	display: none;
}

.left-bar-close,
.left-bar-open-btn {
	display: none;

}

.left-bar-open-btn {
	border: 1px solid #e2e2e2;
	height: 31.6px;
	width: 31.6px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	transition: .2s;
	cursor: pointer;
}

.left-bar-open-btn:hover {
	background-color: #00000010;
}

.profile-info-edit {
	width: 100%;
	padding: 16px;
}

.profile-info-edit .tab {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 8px;
	gap: 16px;
}

.profile-info-edit .tab p {
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: #ededed90;
	border-radius: 8px;
	cursor: pointer;
}

.profile-info-edit .tab p:hover {
	background-color: #edededc1;
}

.profile-info-edit .tab p.active {
	background-color: #0090FF;
	color: #fff;
}

.tabcontent#changepassword {
	display: flex;
	flex-direction: column;
	padding: 32px;
	align-items: flex-start;
}

.tabcontent#changepassword p {
	font-size: 15px;
	font-weight: 500;
	color: #00104B;
	margin-bottom: 8px;
	text-align: left;
}

.tabcontent#changepassword form {
	width: 100%;
}

.tabcontent#changepassword form>span {
	font-size: 13px;
	font-weight: 500;
	width: 100%;
	text-align: left;
	display: flex;
	padding-top: 8px;
	border-top: 1px solid #e2e2e2;
	margin-top: 16px;
}

.tabcontent .btn-area {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 16px;
}

.tabcontent .btn-area input {
	font-size: 14px;
	border: 0;
	background: #06D65D !important;
	color: #fff !important;
	border-radius: 16px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	padding: 8px 16px;
}

.tabcontent .btn-area input:hover {
	opacity: .7;
}

.tabcontent#changepassword .password-safe-check {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.tabcontent#changepassword .password-safe-check button,
.tabcontent#changepassword .password-safe-check p {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #ededed90;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.tabcontent#changepassword .password-safe-check button:hover {
	background-color: #edededf1;
}

.tabcontent#changepassword .password-safe-check p.weak {
	margin-bottom: 0;
	background-color: #ed4545;
	color: #fff;
}

.tabcontent#changepassword .password-safe-check p.safe {
	background-color: #2ece67;
	color: #fff;
	margin-bottom: 0;
}

.tabcontent#changepassword .password-safe-check p.weak .weak-password {
	display: none;
}

.tabcontent#changepassword .password-safe-check p.safe .strong-password {
	display: none;
}

#preferences,
#verification,
#generalinfos,
#billprofile {
	display: flex;
	flex-direction: column;
	padding: 32px;
}

.tab-row {
	width: 100%;
	padding: 8px 0;
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 0;
}

.tab-row p {
	font-size: 14px;
	width: 60%;
	text-align: left;
	font-weight: 500;
	margin-right: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-start;
}

.tab-row:first-child p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.tab-row:first-child p span:first-child {
	display: flex;
	gap: 8px;
}

.tab-row:first-child p span:last-child {
	font-weight: 400;
	font-size: 11px;
	color: #888fa8;
}

.tab-row select {
	border: 1px solid #e1e3e5;
	padding: 8px;
	font-size: 14px;
	width: 200px;
	border-radius: 5px !important;
}

.tab-row input[type=checkbox]:checked~.custom-checkbox label span {
	transform: translateX(19px);
}

.tab-row input[type=checkbox]:not(:checked)~.custom-checkbox label {
	background-color: #ed4545;
}

.verificate {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.verificate img {
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}

.verificate p {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 18px;
}

.verificate span {
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
}

.verification-success p {
	color: #2ece67;
}

.verification-fail p {
	color: #ed4545;
}

#generalinfos form {
	gap: 32px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

#generalinfos form .btn-area {
	border-top: 1px solid #e2e2e2;
}

.gi-left,
.gi-right {
	width: calc(50% - 16px);
}

.gi-header {
	width: 100%;
	font-weight: 600;
	color: #00B57F;
	text-align: left;
	padding-bottom: 16px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 16px;
}

.tab-row.general {
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	gap: 0;
	height: 55px;
	padding-top: 0;
	margin-bottom: 16px;
	border-bottom: none;
	padding: 0;
}

.tab-row.general label {
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 2px;
}

.tab-row.general select {
	min-height: 38px;
	width: 100%;
	padding: 0 8px;
}

.tab-row.sex-selection,
.account-type-selection {
	padding: 0 16px;
	height: 55px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	margin-bottom: 16px;
}

.tab-row.sex-selection .extra-row,
.account-type-selection .extra-row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	width: initial;
}

.tab-row.sex-selection p,
.account-type-selection p {
	width: initial;
	margin-right: 16px;
}

.company {
	display: none;
}

input._e7:checked~.gi-right .company {
	display: flex;
}

input._e7:checked~.company {
	display: flex;
}

input._e7:checked+.gi-left label[for=extra-services-4]:first-child {
	background-color: #ff8600;
}

.login-field.phoneno {
	font-size: 14px;
}

.login-field.phoneno>div {
	width: 100%;
}

.bill-header {
	width: 100%;
	background-color: #00000009;
	border-radius: 16px;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #e2e2e2;
	font-weight: 500;
	font-size: 16px;
}

.bill-registered-infos {
	border-bottom: 1px solid #e2e2e2;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 32px;
}

.bri-left {
	width: calc(70% - 16px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.bri-left p {
	width: 100%;
	text-align: left;
	font-weight: 600;
	font-size: 15px;
}

.bri-right {
	width: calc(30% - 16px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.bill-registered-infos:not(:last-child) {
	margin-bottom: 16px;
}

.bill-registered-infos span {
	font-size: 14px;
	font-weight: 500;
}

.bill-registered-infos span:not(:last-child)::after {
	content: '/';
	margin: 0 8px;
	font-weight: 600;
	font-size: 15px;
	color: #00104B;
}

.bri-right label,
.bri-right button {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 4px;
	font-size: 15px;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.bri-right label:hover,
.bri-right button:hover {
	opacity: .7;
}

.bri-right .edit-btn {
	background-color: #2ece67;
}

.bri-right .delete-btn {
	background-color: #ed4545;
}

.edit-profile-top {
	margin-bottom: 32px;
}

#new-bill-profile-input {
	display: none;
}

.current-bill-profile {
	transition: all .2s ease-in-out;
}

.current-bill-profile select {
	margin-top: 32px;
	width: 100%;
	height: 40px;
	border: 1px solid #e2e2e2;
	padding-left: 16px;
	border-radius: 8px;
	font-size: 14px;
	color: #00104B;
	margin-bottom: 16px;
}

.current-bill-profile label,
.nb-checkbox label {
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
}

#billprofile .btn-area {
	justify-content: space-between;
}

#billprofile .btn-area>* {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 12px;
	transition: all .2s ease-in-out;
	border-radius: 16px;
}

#billprofile .btn-area>button {
	border: 1px solid #06D65D;
	color: #06D65D;
}

#billprofile .btn-area>button:hover {
	background-color: #06D65D;
	color: #fff;
}

#billprofile .btn-area>label {
	border: 1px solid #0090FF;
	color: #0090FF;
}

#billprofile .btn-area>label:hover {
	background-color: #0090FF;
	color: #fff;
}

.new-bill-profile {
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .2s ease-in-out;
}

#billprofile input:checked+.new-bill-profile {
	height: initial;
	overflow: visible;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

#billprofile input:checked~.current-bill-profile {
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.new-bill {
	margin-top: 32px;
}

.nb-checkbox>div {
	border-bottom: none;
}

.nb-checkbox {
	border-top: 1px solid #e2e2e2;
	padding: 8px 0;
}

.box-4n {
	display: flex;
	align-items: center;
	gap: 16px;
}

.box-4n label {
	font-weight: 600;
}

.box-4n input {
	min-height: 38px;
	width: 100%;
	padding: 0 8px;
	border: 1px solid #e1e3e5;
	border-radius: 5px !important;
	font-size: 14px;
}

.no-bill-address {
	font-size: 15px;
	font-weight: 600;
	padding: 16px 0;
	column-rule: #081131;
}

.bank-accounts .common-card {
	padding: 25px 16px;
}

.bank-accounts .common-card-body {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.login-field textarea {
	border: 1px solid #66709333;
	border-radius: 4px;
	padding-left: 16px;
	padding-top: 16px;
	width: 100%;
	font-size: 15px;
}

#app.wrapper {
	display: flex;
	flex-direction: column;
	padding: 32px 0;
}

@media screen and (max-width: 700px),
(max-height: 500px) {
	.wrapper {
		flex-wrap: wrap;
		flex-direction: column;
	}
}

.card-form {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
	gap: 32px;
}

.card-form__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding-left: 32px;
}

@media screen and (max-width: 576px) {
	.card-form {
		margin: 0 auto;
	}
}

@media screen and (max-width: 480px) {
	.card-form__inner {
		padding: 25px;
		padding-top: 165px;
	}
}

@media screen and (max-width: 360px) {
	.card-form__inner {
		padding: 15px;
		padding-top: 165px;
	}
}

.card-form__row {
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 480px) {
	.card-form__row {
		flex-wrap: wrap;
	}
}

.card-form__col {
	flex: auto;
	margin-right: 35px;
}

.card-form__col:last-child {
	margin-right: 0;
}

@media screen and (max-width: 480px) {
	.card-form__col {
		margin-right: 0;
		flex: unset;
		width: 100%;
		margin-bottom: 20px;
	}

	.card-form__col:last-child {
		margin-bottom: 0;
	}
}

.card-form__col.-cvv {
	max-width: 150px;
}

@media screen and (max-width: 480px) {
	.card-form__col.-cvv {
		max-width: initial;
	}
}

.card-form__group {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.card-form__group .card-input__input {
	flex: 1;
	margin-right: 15px;
}

.card-form__group .card-input__input:last-child {
	margin-right: 0;
}

.card-form__button {
	width: calc(100% - 64px);
	height: 48px;
	background: #2364d2;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	margin: 16px 32px 0 32px;
	transition: all .2s ease-in-out;
}

.card-form__button:hover {
	background-color: #00B57F;
}

.login-field .iti {
	width: 100%;
}

#password-show-hide:checked+label::after,
#password-show-hide-2:checked+label::after {
	content: '';
	width: 24px;
	height: 2px;
	top: 11px;
	border-radius: 2px;
	left: 0;
	/* border: 2px solid #fff; */
	background-color: #000;
	display: inline-flex;
	position: absolute;
	transform: rotate(45deg);
}

@media screen and (max-width: 480px) {
	.card-form__button {
		margin-top: 10px;
	}
}

.card-item {
	max-width: 430px;
	height: 270px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.card-item {
		max-width: 310px;
		height: 220px;
		width: 90%;
	}
}

@media screen and (max-width: 360px) {
	.card-item {
		height: 180px;
	}
}

.card-item.-active .card-item__side.-front {
	transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}

.card-item.-active .card-item__side.-back {
	transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}

.card-item__focus {
	position: absolute;
	z-index: 3;
	border-radius: 5px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.65);
}

.card-item__focus:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #08142f;
	height: 100%;
	border-radius: 5px;
	filter: blur(25px);
	opacity: 0.5;
}

.card-item__focus.-active {
	opacity: 1;
}

.card-item__side {
	border-radius: 15px;
	overflow: hidden;
	transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
	transform-style: preserve-3d;
	transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
	backface-visibility: hidden;
	height: 100%;
}

.card-item__side.-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
	z-index: 2;
	padding: 0;
	height: 100%;
}

.card-item__side.-back .card-item__cover {
	transform: rotateY(-180deg);
}

.card-item__bg {
	max-width: 100%;
	display: block;
	max-height: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.card-item__cover {
	height: 100%;
	background-color: #1c1d27;
	position: absolute;
	height: 100%;
	background-color: #1c1d27;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}

.card-item__cover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(6, 2, 29, 0.45);
}

.card-item__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 0 10px;
}

@media screen and (max-width: 480px) {
	.card-item__top {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__top {
		margin-bottom: 15px;
	}
}

.card-item__chip {
	width: 60px;
}

@media screen and (max-width: 480px) {
	.card-item__chip {
		width: 50px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__chip {
		width: 40px;
	}
}

.card-item__type {
	height: 45px;
	position: relative;
	display: flex;
	justify-content: flex-end;
	max-width: 100px;
	margin-left: auto;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.card-item__type {
		height: 40px;
		max-width: 90px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__type {
		height: 30px;
	}
}

.card-item__typeImg {
	max-width: 100%;
	object-fit: contain;
	max-height: 100%;
	object-position: top right;
}

.card-item__info {
	color: #fff;
	width: 100%;
	max-width: calc(100% - 85px);
	padding: 10px 5px;
	font-weight: 500;
	display: block;
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.card-item__info {
		padding: 10px;
	}
}

.card-item__holder {
	opacity: 0.7;
	font-size: 13px;
	margin-bottom: 6px;
	text-align: left;
}

@media screen and (max-width: 480px) {
	.card-item__holder {
		font-size: 12px;
		margin-bottom: 5px;
	}
}

.card-item__wrapper {
	font-family: "Source Code Pro", monospace;
	padding: 25px 15px;
	position: relative;
	z-index: 4;
	height: 100%;
	text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
	user-select: none;
}

@media screen and (max-width: 480px) {
	.card-item__wrapper {
		padding: 20px 10px;
	}
}

.card-item__name {
	font-size: 18px;
	line-height: 1;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	text-align: left;
}

@media screen and (max-width: 480px) {
	.card-item__name {
		font-size: 16px;
	}
}

.card-item__nameItem {
	display: inline-block;
	min-width: 8px;
	position: relative;
}

.card-item__number {
	font-weight: 500;
	line-height: 1;
	color: #fff;
	font-size: 27px;
	margin-bottom: 35px;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.card-item__number {
		font-size: 21px;
		margin-bottom: 15px;
		padding: 10px 10px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__number {
		font-size: 19px;
		margin-bottom: 10px;
		padding: 10px 10px;
	}
}

.card-item__numberItem {
	width: 16px;
	display: inline-block;
}

.card-item__numberItem.-active {
	width: 30px;
}

@media screen and (max-width: 480px) {
	.card-item__numberItem {
		width: 13px;
	}

	.card-item__numberItem.-active {
		width: 16px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__numberItem {
		width: 12px;
	}

	.card-item__numberItem.-active {
		width: 8px;
	}
}

.card-item__content {
	color: #fff;
	display: flex;
	align-items: flex-start;
}

.card-item__date {
	flex-wrap: wrap;
	font-size: 18px;
	margin-left: auto;
	padding: 10px 5px;
	display: inline-flex;
	/* width: 94px; */
	white-space: nowrap;
	flex-shrink: 0;
	cursor: pointer;
	justify-content: flex-end;
}

@media screen and (max-width: 480px) {
	.card-item__date {
		font-size: 16px;
	}
}

.card-item__dateItem {
	position: relative;
}

.card-item__dateItem span {
	width: 32px;
	display: inline-block;
}

.card-item__dateTitle {
	opacity: 0.7;
	font-size: 13px;
	padding-bottom: 6px;
	width: 100%;
	text-align: right;
}

@media screen and (max-width: 480px) {
	.card-item__dateTitle {
		font-size: 12px;
		padding-bottom: 5px;
	}
}

.card-item__band {
	background: rgba(0, 0, 19, 0.8);
	width: 100%;
	height: 50px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 480px) {
	.card-item__band {
		margin-top: 20px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__band {
		height: 40px;
		margin-top: 10px;
	}
}

.card-item__cvv {
	text-align: right;
	position: relative;
	z-index: 2;
	padding: 15px;
}

.card-item__cvv .card-item__type {
	opacity: 0.7;
}

@media screen and (max-width: 360px) {
	.card-item__cvv {
		padding: 10px 15px;
	}
}

.card-item__cvvTitle {
	padding-right: 10px;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px;
}

.card-item__cvvBand {
	height: 45px;
	background: #fff;
	margin-bottom: 30px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10px;
	color: #1a3b5d;
	font-size: 18px;
	border-radius: 4px;
	box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}

@media screen and (max-width: 480px) {
	.card-item__cvvBand {
		height: 40px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__cvvBand {
		margin-bottom: 15px;
	}
}

.card-list {
	min-width: 500px;
}

@media screen and (max-width: 480px) {
	.card-list {
		margin-bottom: 0px;
		width: 100%;
		min-width: initial !important;
	}
}

.card-input {
	width: 100%;
}

.card-input__label {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 500;
	color: #1a3b5d;
	width: 100%;
	display: block;
	user-select: none;
	text-align: left;
}

.card-input__input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
	border: 1px solid #e2e2e2;
	transition: all 0.3s ease-in-out;
	font-size: 15px;
	padding: 5px 15px;
	background: none;
	color: #00104B;
}

.card-input__input:hover,
.card-input__input:focus {
	border-color: #3d9cff;
}

.card-input__input:focus {
	box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}

.card-input__input.-select {
	-webkit-appearance: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC');
	background-size: 12px;
	background-position: 90% center;
	background-repeat: no-repeat;
	padding-right: 30px;
}

.slide-fade-up-enter-active {
	transition: all 0.25s ease-in-out;
	transition-delay: 0.1s;
	position: relative;
}

.slide-fade-up-leave-active {
	transition: all 0.25s ease-in-out;
	position: absolute;
}

.slide-fade-up-enter {
	opacity: 0;
	transform: translateY(15px);
	pointer-events: none;
}

.slide-fade-up-leave-to {
	opacity: 0;
	transform: translateY(-15px);
	pointer-events: none;
}

.slide-fade-right-enter-active {
	transition: all 0.25s ease-in-out;
	transition-delay: 0.1s;
	position: relative;
}

.slide-fade-right-leave-active {
	transition: all 0.25s ease-in-out;
	position: absolute;
}

.slide-fade-right-enter {
	opacity: 0;
	transform: translateX(10px) rotate(45deg);
	pointer-events: none;
}

.slide-fade-right-leave-to {
	opacity: 0;
	transform: translateX(-10px) rotate(45deg);
	pointer-events: none;
}

.github-btn {
	position: absolute;
	right: 40px;
	bottom: 50px;
	text-decoration: none;
	padding: 15px 25px;
	border-radius: 4px;
	box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
	background: #24292e;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 500px) {
	.github-btn:hover {
		transform: scale(1.1);
		box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
	}
}

@media screen and (max-width: 700px) {
	.github-btn {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 20px;
	}

	.github-btn:active {
		transform: scale(1.1);
		box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
	}
}

.customer-panel .payment-header label {
	width: initial;
	font-weight: 500;
}

.copy-message {
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
	width: initial !important;
	position: absolute;
	right: 32px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 #00000005;
	padding: 2px 5px;
	border-radius: 2px;
}

.copy-btn+span::after {
	display: none;
}

.customer-panel .info-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #00B57F20;
	width: 100%;
	margin: 0 32px;
	padding: 16px;
	border-radius: 8px;
}

.customer-panel .info-price p {
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
}

.customer-panel .info-price span {
	font-size: 27px;
	font-weight: 700;
	color: #00104B;
}

.iban-td {
	position: relative;
}

table .copy-btn {
	position: relative;
	right: initial;
	float: left;
	margin-right: 5px;
}

table .copy-message {
	left: 32px;
}

.invoice {
	padding-top: 32px;
	margin-bottom: 32px;
}

.invoice * {
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

.invoice-container {
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	margin: 32px;
	position: relative;
	margin: 0 auto;
}

.invoice-box {
	box-shadow: 0 0 32px 0 #00000020;
	margin-bottom: 32px;
}

.invoice-top {
	background: #348F50;
	background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
	background: linear-gradient(to right, #56B4D3, #348F50);
	padding: 32px;
	padding-top: 64px;
	color: #fff;
}

.invoice-go-back-btn {
	position: absolute;
	top: 32px;
	right: 32px;
	background-color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	padding: 8px 16px;
	color: #348F50;
	transition: all .2s ease-in-out;
}

.invoice-go-back-btn:hover {
	opacity: .7;
}

.invoice-top img {
	max-width: 200px;
	margin-bottom: 32px;
}

.invoice-brand {
	font-weight: 600 !important;
	font-size: 15px !important;
	max-width: initial !important;
}

.invoice-top p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 5px;
	max-width: 270px;
	line-height: 20px;
}

.invoice-address {
	margin-bottom: 24px !important;
}

.invoice-id {
	font-size: 20px !important;
	font-weight: 200 !important;
	margin-bottom: 24px !important;
}

.invoice-top>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.invoice-payed {
	background-color: #2ece67;
	padding: 8px 24px;
	font-weight: 600 !important;
	border-radius: 8px;
}

.invoice-not-payed {
	background-color: #ed4545;
	padding: 8px 24px;
	font-weight: 600 !important;
	border-radius: 8px;
}

.invoice-body {
	padding: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.invoice-left,
.invoice-right {
	width: calc(50% - 16px);
}

.invoice-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.invoice-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.invoice-left p>b,
.invoice-right p>b {
	font-weight: 600;
	font-size: 15px;
	color: #00104B;
	margin-bottom: 12px !important;
	display: flex;
}

.ib-name,
.invoice-left a,
.invoice-left p,
.invoice-right span,
.invoice-right .method-used {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 4px;
}

.invoice-left a {
	color: #00B57F;
	margin-top: 16px;
}

.ib-address {
	max-width: 250px;
	margin-bottom: 24px;
}

.cancel-bill,
.invoice-right a {
	background-color: #ed4545;
	border-radius: 8px;
	padding: 8px 16px;
	font-weight: 500;
	font-size: 15px;
	color: #fff !important;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
}

.cancel-bill:hover,
.invoice-right a:hover {
	opacity: .7;
}

.invoice-right select {
	margin: 8px 0;
	padding: 8px;
	outline: none;
	border: 1px solid #e2e2e2;
}

.invoice-right a {
	background-color: #2ece67;
	font-size: 15px;
}

.ib-bottom {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ib-table-header {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #348F50;
	background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
	background: linear-gradient(to right, #56B4D3, #348F50);
	padding-left: 16px;
	border-radius: 8px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 16px;
}

.ib-bottom table {
	width: 100%;
	margin-bottom: 32px;
}

.ib-bottom table thead {
	border-bottom: 1px solid #e2e2e2;
}

.ib-bottom table th {
	text-align: left;
	font-weight: 600;
	font-size: 15px;
	color: #00104B;
	padding: 12px 0;
}

.ib-bottom table td {
	font-size: 15px;
	font-weight: 400;
	border-top: 1px solid #e2e2e2;
	padding: 12px 0;
}

.ib-bottom .table-second tr td:first-child {
	text-align: right;
	padding: 8px 16px;
	font-weight: 600;
	color: #00104B;
}

.ib-first-td {
	text-align: left !important;
	padding: 8px 0 !important;
	font-weight: 400 !important;
}

.ib-bottom .table-second tr.ib-credit-td td {
	color: #2ece67;
}

.ib-nothing td {
	text-align: center;
	vertical-align: middle;
}

.invoice-bottom {
	padding: 32px;
}

.invoice-footer {
	padding: 32px;
	margin-top: 32px;
	background: #348F50;
	background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
	background: linear-gradient(to right, #56B4D3, #348F50);
	position: relative;
}

.invoice-footer a {
	color: #fff;
}

.invoice-footer a:hover {
	text-decoration: underline;
}

.barcode-img {
	position: absolute;
	max-width: 100px;
	width: 100px;
	max-height: 100px;
	height: 100px;
	border: 3px solid #2ece67;
	right: 32px;
	top: -50%;
}

.invoice-info {
	font-size: 15px;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.invoice-info button {
	background-color: #2ece67;
	padding: 8px 16px;
	border-radius: 8px;
	color: #fff;
	transition: all .2s ease-in-out;
	outline: none;
	border: none;
	cursor: pointer;
}

.invoice-info button:hover {
	opacity: .7;
}

.iban-td div {
	display: inline-flex;
	gap: 8px;
	position: relative;
}

.iban-td div .copy-message {
	box-shadow: 0 0 8px 0 #00000025 !important;
	text-align: center;
	width: 100px !important;
	right: 32px !important;
	left: initial !important;
}

.fr-info-area {
	background-color: #2ece6740;
	margin: 0 32px;
	padding: 16px;
	border-radius: 8px;
	margin-top: 32px;
	color: #00104B;
	font-size: 13px;
	text-align: left;
}

.fr-info-area i {
	margin-right: 10px;
}

.basket-box-body .customer-box.services {
	width: 100%;
}

.customer-box.services.hd {
	border: 1px solid #e2e2e2;
}

.show-piece.hd span,
.show-piece.hd a {
	background-color: #2ece6720;
	color: #2ece67;
	font-weight: 500;
	padding: 3px 8px;
	font-size: 13px;
	border-radius: 4px;
}

.show-piece.hd a:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

.customer-box.services.hd .customer-header {
	margin-bottom: 16px;
}

.hd-middle {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 0 16px;
	margin-bottom: 32px;
}

.hdm-left,
.hdm-right {
	width: calc(50% - 8px);
}

.hdm-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	padding-left: 16px;
}

.hdm-left svg {
	width: 32px;
	height: 32px;
	color: #00104B;
}

.hdm-left p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.hdm-left p span {
	font-weight: 500;
	font-size: 14px;
	color: #414856;
}

.hdm-left p span:last-child {
	font-size: 15px;
	color: #00104B;
}

.hdm-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 16px;
}

.hdm-right p {
	font-size: 13px;
	font-weight: 500;
	color: #414856;
}

.hdm-right span {
	margin-left: 8px;
	background-color: #2ece6720;
	font-size: 13px;
	font-weight: 500;
	color: #2ece67;
	padding: 3px 6px;
	border-radius: 4px;
}

.hdm-right span.rd {
	background-color: #ed454520;
	color: #ed4545;
}

.customer-box.services.hd .customer-infos {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}

.customer-box.services.hd .hd-box {
	border: 1px solid #e2e2e2;
	padding: 16px;
	border-radius: 8px;
	width: calc(33% - 10.6666666667px);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.customer-box.services.hd .hd-box span {
	font-size: 13px;
	color: #414856;
}

.customer-box.services.hd .hd-box p {
	font-size: 15px;
	font-weight: 500;
	color: #00104B;
}

.customer-box.services.hd .hd-box a {
	font-size: 15px;
	font-weight: 500;
}

.customer-box.services.hd .hd-box svg {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 21px;
	height: 21px;
}

.customer-box.services.hd>a {
	background-color: #00104B;
	padding: 12px 0;
	border-radius: 8px;
	color: #fff;
	margin: 0 16px;
	margin-bottom: 16px;
	font-size: 15px;
	transition: all .2s ease-in-out;
}

.customer-box.services.hd>a:hover {
	background-color: #00104Bc7;
}

.swiper-referances {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 32px 0;
}

.swiper-referances .swiper-button-next,
.swiper-referances .swiper-button-prev{
	opacity: 0;
	pointer-events: none;
	transition: all .4s ease-in-out;
}

.swiper-referances .swiper-button-next{
	right:20px;
}

.swiper-referances:hover .swiper-button-next{
	right: 0px;
}

.swiper-referances .swiper-button-prev{
	left:20px;
}

.swiper-referances:hover .swiper-button-prev{
	left: 0px;
}

.swiper-referances:hover .swiper-button-next,
.swiper-referances:hover .swiper-button-prev{
	opacity: 1;
	pointer-events: all;
}

.swiper-referances .swiper-slide img {
	width: 100%;
	user-select: none;
	aspect-ratio: 16/3;
	object-fit: contain;
	transition: all .2s ease-in-out;
}

.swiper-referances .swiper-slide img:hover {
	transform: scale(1.12);
}

.services-section .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px;

}

.services-section span.btn-small,
.section-head span.btn-small {
	font-size: 12px;
	font-weight: 500;
	color: #c679e3;
	background-color: #f5dffd;
	padding: 5px 20px 4px;
	border-radius: 20px;
}

.services-section h3,
.section-head h3 {
	width: 100%;
	font-weight: 600;
	font-size: 30px;
	color: #000;
}

.services-section .swipe-animation,
.section-head .swipe-animation {
	margin: 8px 0;
	width: 100px;
	height: 5px;
	background-color: #cdf1d8;
	border-radius: 20px;
	position: relative;
	display: flex;
	align-items: center;
}

.services-section .swipe,
.section-head .swipe {
	width: 12px;
	height: 12px;
	position: absolute;
	background-color: #44ce6f;
	border-radius: 50%;
	animation: swipe-animation 5s infinite;
}

@keyframes swipe-animation {
	0% {
		transform: translateX(0px);
	}

	100% {
		transform: translateX(100px);
	}
}

.section-head.head-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.services-section .services-p,
.section-head .services-p {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.services-section p,
.section-head p {
	max-width: 500px;
	color: #6084a4;
	font-size: 14px;
	margin-bottom: 32px;
}

.section-head p {
	margin-bottom: 0px;
}

.services-box {
	width: calc(25% - 12px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.services-icon {
	background-image: url(../images/bg/services-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 95px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #44ce6f;
}

.services-box>p {
	font-weight: 500;
	color: #0e314c;
	margin-bottom: 8px;
	font-size: 18px;
}

.services-box>span {
	font-size: 15px;
	text-align: left;
	color: #6084a4;
	line-height: 25px;
	margin-bottom: 8px;
}

.services-box>a {
	font-size: 14px;
	color: #365267;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all .2s ease-in-out;
}

.services-box>a:hover {
	color: #44ce6f;
}

section.about-us {
	display: flex;
}

.au-left {
	width: 50%;
}

.au-left img {
	width: 90%;
}

.au-right {
	max-width: 650px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.au-right h3 {
	max-width: 550px;
}

.au-right .section-head {
	align-items: flex-start;
	margin-bottom: 24px;
}

.au-right .services-p {
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 0;
}

.au-right .services-p p {
	font-size: 16px;
}

.au-right>a {
	font-size: 14px;
	padding: 12px 24px;
	background-color: #44CE6F;
	color: #fff;
	box-shadow: 4px 4px 8px 0 #44CE6F;
	transition: all .2s ease-in-out;
	position: relative;
	overflow: hidden;
}

.au-right>a span {
	z-index: 2;
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.au-right>a::before,
.au-right>a::after {
	content: '';
	width: 50%;
	position: absolute;
	height: 100%;
	background-color: #477CDB;
	top: 0;
	transition: all .5s ease-in-out;
}

.au-right>a::before {
	left: -100%;
}

.au-right>a::after {
	right: -100%;
}

.au-right>a:hover {
	box-shadow: 4px 4px 8px 0 #477CDB;
}

.au-right>a:hover::before {
	left: 10px;
	width: 100%;
}

.au-right>a:hover::after {
	right: 10px;
	width: 100%;
}

.srv-box {
	border-radius: 16px;
	width: calc(33% - 10.6666666667px);
	position: relative;
}

.srv-top {
	width: 100%;
	aspect-ratio: 16/12;
}

.srv-top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.srv-bottom {
	background-color: #fff;
	position: relative;
	top: -40px;
	left: 16px;
	width: calc(100% - 32px);
	border-radius: 8px;
	box-shadow: 0 0 16px 0 #00000015;
	padding: 16px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-height: 80px;
	height: 80px;
	transition: all .2s ease-in-out
}

.srv-bottom a {
	color: #000;
	transition: all .3s ease-in-out;
}

.srv-box:hover .srv-bottom a:first-child{
	color: #477CDB;
}

.srv-bottom a.srv-read-more {
	position: absolute;
	bottom: -100%;
	border: 1px solid #00000030;
	background-color: #fff;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 30px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.srv-bottom a.srv-read-more i {
	transform: rotate(45deg);
}

.srv-box:hover .srv-bottom {
	top: -50px;
}

.srv-box:hover a:first-child {
	padding-bottom: 20px;
}

.srv-box:hover a.srv-read-more {
	bottom: -20px;
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

.srv-box:hover a.srv-read-more:hover {
	background-color: #477CDB;
	color: #fff;
	border-color: transparent;
}

.annoucement {
	background-color: #2930C7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	transition: all .5s ease-in-out;
	padding: 0 16px;
	overflow: hidden;
}

.annoucement-left .al-box {
	color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 8px;
	height: 32px;
	padding: 7px 14px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-weight: 500;
}

.annoucement-middle a {
	color: #fff;
	font-size: 15px;
}

.annoucement-right button {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: baseline;
	background-color: transparent;
	border: 2px solid #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-size: 12px;
	transition: all .2s ease-in-out;
}

.annoucement-right button:hover {
	background-color: #fff;
	color: #000;
}

.cookie-container {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background-color: #fff;
	padding: 16px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 672px;
	box-shadow: 0 0 24px 0 #00000015;
	z-index: 999;
}

.cookie-left {
	display: flex;
	align-items: center;
	gap: 16px;
	width: calc(75% - 8px);
}

.cookie-icon {
	background-color: #477CDB40;
	color: #477CDB;
	min-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cookie-left span {
	font-size: 13px;
	color: #000;
}

.cookie-right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.cookie-right a {
	white-space: nowrap;
	font-size: 13px;
}

.cookie-right a:first-child {
	color: #000;
	text-decoration: underline;
}

.cookie-right button:last-child {
	background-color: #000;
	border: none;
	outline: none;
	padding: 10px 16px;
	color: #fff;
	transition: all .2s ease-in-out;
	border-radius: 8px;
	white-space: nowrap;
	font-size: 13px;
}

.cookie-right button:last-child:hover {
	background-color: #000000c7;
}

.review-part .container>span {
	color: #fff;
	font-size: 17px;
	margin-bottom: 8px;
}

.review-part .container>h3 {
	color: #fff;
	font-size: 48px;
}

.swiper-testimonial {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 64px;
	padding-bottom: 64px;
}

.testimonial-box {
	background-color: #fff;
	padding: 32px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.testimonial-header {
	font-weight: 600;
	color: #000;
	font-size: 24px;
	margin-bottom: 16px;
}

.testimonial {
	text-align: left;
	color: #5D666F;
	font-size: 15px;
}

.testimonial-bottom {
	width: 100%;
	border-top: 1px solid #ECECF2;
	margin-top: 32px;
	padding-top: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tb-left {
	display: flex;
	gap: 16px;
}

.tb-left p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.tb-left img {
	width: 46px;
	height: 46px;
	border-radius: 13px;
}

.tb-left p span:first-child {
	color: #000;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
}

.tb-left p span:last-child {
	color: #5D666F;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.tb-right {
	color: #0B4DF5;
}

.swiper-testimonial .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
}

.swiper-testimonial .swiper-pagination-bullet-active {
	background-color: #fff !important;
	outline-offset: 2px;
	outline: 1px solid #fff;
}

.swiper-news {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}

.swiper-news .swiper-pagination-bullet-active {
    background-color: #477CDB !important;
    outline-offset: 2px;
    outline: 1px solid #477CDB;
}

.swiper-news .srv-box {
	width: 100%;
}

.swiper-news .srv-box a.srv-read-more {
	left: 20px;
}

.swiper-news .srv-bottom {
	align-items: flex-start;
	text-align: left;
}

.swiper-news .srv-bottom {
	max-height: initial;
	height: initial;
	min-height: 80px;
	background: linear-gradient(to right top, #d5fefd, #e0fdff, #effbff, #fbfaff, #fffcff);
}

.swiper-news .top-info {
	font-size: 13px;
}

.swiper-news .top-info a {
	color: #000;
	margin-right: 8px;
	padding-bottom: 0 !important;
}

.swiper-news .top-info span {
	color: #6084a4;
	font-size: 12px;
}

.swiper-news .srv-box:hover .srv-bottom>a {
	padding-bottom: 20px !important;
}

.swiper-news .srv-box:hover .srv-bottom>a.srv-read-more {
	padding-bottom: 8px !important;
}

.license-query {
	margin-top: 95px;
}

.license-query .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.license-query h3 {
	font-size: 32px;
	color: #477CDB;
	margin-bottom: 24px;
}

.license-query p {
	font-size: 16px;
	color: #477CDB;
}

.license-query span {
	font-size: 16px;
	color: #000;
	margin-bottom: 64px;
}

.license-query input {
	background-color: transparent;
	width: 100%;
	max-width: 700px;
	height: 48px;
	padding-left: 16px;
	border-radius: 8px;
	margin-bottom: 16px;
	border: 1px solid #00000015;
	transition: all .2s ease-in-out;
}

.license-query input:focus{
	border: 1px solid #477CDB;
	outline: 4px solid #477CDB30;
}

.license-query .container>button {
	width: 100%;
	max-width: 700px;
	background-color: #477CDB;
	height: 48px;
	color: #fff;
	border-radius: 8px;
	transition: all .2s ease-in-out;
	margin-bottom: 24px;
}

.license-query .container>button:hover {
	background-color: #477CDBc7;
}

.no-license,
.has-license {
	background-color: #ed454530;
	padding: 24px;
	border-radius: 16px;
	width: 100%;
	max-width: 700px;
}

.has-license {
	background-color: #2ece6730;
}

.no-license i,
.has-license i {
	color: #ed4545;
	font-size: 40px;
	margin-bottom: 16px;
}

.has-license i {
	color: #2ece67;
}

.no-license p,
.has-license p {
	color: #ed4545;
	margin-bottom: 24px;
}

.has-license p {
	color: #2ece67;
}

.no-license button,
.has-license a {
	height: 40px;
	border-radius: 30px;
	padding: 0 30px;
	border: 2px solid #ed4545;
	color: #ed4545;
	font-weight: 500;
	transition: all .2s ease-in-out;
}

.has-license a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.has-license a {
	border-color: #2ece67;
	color: #2ece67;
}

.has-license a:hover {
	background-color: #2ece67;
	color: #fff;
}

.no-license button:hover {
	background-color: #ed4545;
	color: #fff;
}

.contact-top {
	height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 207px !important;
	box-sizing: content-box;
	padding: 16px;
	position: relative;
}

.contact-top::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000c7;
}

.contact-top span {
	color: #2ece67;
	font-weight: 600;
	margin-bottom: 8px;
	position: relative;
	z-index: 2;
}

.contact-top h3 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 16px;
	position: relative;
	z-index: 2;
}

.contact-top p {
	color: #ffffff90;
	position: relative;
	z-index: 2;
}

.wave-shape {
	position: absolute;
	bottom: -10px;
	width: 100%;
}

.contact-section .contact-top {
	position: relative;
}

.contact-section .container {
	position: relative;
	z-index: 9;
	top: -170px;
	display: flex;
	align-items: flex-start;
}

.contact-section form {
	width: 65%;
	background-color: #fff;
	box-shadow: 0 0 24px 0 #00000010;
	padding: 24px;
	border-radius: 16px;
}

.contact-section .form-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.contact-section .form-group label {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: 500;
}

.contact-section .form-group input,
.contact-section .form-group textarea {
	background-color: #fff;
	border: 1px solid #00000020;
	width: 100%;
	height: 48px;
	padding-left: 16px;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.contact-section .form-group input:focus,
.contact-section .form-group textarea:focus{
	outline: 4px solid #477CDB30;
	border-color: #477cdb;
}

.contact-section .form-group textarea {
	height: initial;
	resize: vertical;
}

.contact-section input[type="submit"] {
	background-color: #477CDB;
	width: 100%;
	height: 48px;
	color: #fff;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.contact-section input[type="submit"]:hover{
	opacity: .7;
}

.contact-section .contact-right {
	width: 35%;
	margin-left: 32px;
	display: flex;
	flex-direction: column;
}

.contact-right .live-sup-btn {
	background-color: #477CDB;
	width: 100%;
	height: 48px;
	border-radius: 16px;
	color: #fff;
	display: grid;
	place-items: center;
	box-shadow: 0 0 24px 0 #00000010;
	margin-bottom: 32px;
	transition: all .2s ease-in-out;
	backdrop-filter: blur(50px);
}

.contact-right .live-sup-btn:hover {
	background-color: #44CE6F;
}

.cr-container {
	box-shadow: 0 0 24px 0 #00000010;
	background-color: #fff;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	flex-direction: column;
}

.cr-box {
	display: flex;
	align-items: center;
	padding: 24px;
	border-bottom: 1px solid #00000010;
	gap: 16px;
	color: #0B1460;
}

.cr-box:last-child{
	border-bottom: none;
}

.cr-box i {
	font-size: 20px;
	color: #0B1460;
}

.cr-box p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.cr-box p span:first-child {
	font-weight: 500;
}

.cr-box p span:not(:first-child) {
	font-size: 14px;
	font-weight: 500;
	color: #00000090;
}

.cr-box p span:not(:first-child):hover{
	color: #477cdb;
}

.cr-box p>a {
	background-color: #f7e36d;
	padding: 5px 15px;
	border-radius: 30px;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	align-self: center;
	margin-top: 5px;
	transition: all .2s ease-in-out;
}

.cr-box p>a:hover{
	opacity: .7;
}

.contact-right .social-media{
	margin-top: 12px;
	display: flex;
	align-items: center;
	gap: 16px;
	align-self: center;
}

.contact-right .social-media i{
	font-size: 17px;
	transition: all .2s ease-in-out;
}

.contact-right .social-media i:hover{
	opacity: .7;
}

.contact-right .social-media a:nth-child(1) i{
	color: #477CDB;
}

.contact-right .social-media a:nth-child(2) i{
	color: #5897fb;
}

.contact-right .social-media a:nth-child(3) i{
	color: #ed4545;
}

.contact-right .social-media a:nth-child(4) i{
	color: #b12fad;
}

.map-area{
	position: relative;
	top: -100px;
}

.customer-number{
	padding: 16px 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.cn-bottom{
	display: flex;
	width: 100%;
	gap: 16px;
	flex-wrap: wrap;
}

.cn-box{
	width: calc(25% - 12px);
	position: relative;
}

.cn-box::before{
	content: '';
	height: 4px;
	width: 40px;
	border-radius: 10px;
	background: linear-gradient(90deg,#477CDB,#11b76b);
	position: absolute;
	top: 0;
}

.cn-box>p{
	font-size: 22px;
	font-weight: 500;
}

.cnb-top{
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
}

.cnb-top span{
	font-size: 32px;
	font-weight: 600;
	color: #477CDB;
}

.cnb-top svg{
	width: 60px;
	height: 60px;
	color: #477CDB;
	transition: all .8s ease-in-out;
}

.cn-box:hover svg{
	color: #000;
	transform: scale(.9);
}

.cnb-top span{
	margin-top: 16px;
	font-size: 36px;
}

.cnb-top span.count {
    animation: count-up 1s ease-out;
    animation-fill-mode: forwards;
}

@keyframes count-up {
    from { 
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.services-section.srv{
	position: relative;
	padding-top: 40px;
}

.services-section.srv::after{
	content: '';
	background-image:url(../images/bg/shape-1.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 20%;
	aspect-ratio: 1;
	top: 0;
	left: 0;
	position: absolute;
	animation: anim-y 5s infinite;
}

@keyframes anim-y {
	0%{
		transform: translateY(0px);
	}

	50%{
		transform: translateY(20px);
	}

	100%{
		transform: translateY(0);
	}
}

.services-section.vrs{
	position: relative;
}

.services-section.vrs::before{
	content: '';
	background-image: url(../images/shape/shape2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5%;
	right: 20%;
	animation: anim-rotate 5s infinite;
}

@keyframes anim-rotate {
	0%{
		transform: rotate(0deg);
	}

	50%{
		transform: rotate(180deg);
	}

	100%{
		transform: rotate(0deg);
	}
}

.services-section.vrs::after{
	content: '';
	background-image: url(../images/shape/shape4.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 15px;
	height: 20px;
	position: absolute;
	left: 20%;
	top: 5%;
	animation: anim-random 15s infinite;
}

@keyframes anim-random {
	0%{
		transform: translate(0px,0px);
	}

	15%{
		transform: translate(30px,40px);
	}

	30%{
		transform: translate(60px,40px);
	}

	50%{
		transform: translate(90px,80px);
	}

	100%{
		transform: translate(0px,0px);
	}
}

.step-section .container>span{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.step-section .container>h3{
	font-size: 45px;
	font-weight: 500;
	color: #000;
	margin-bottom: 24px;
}

.step-section .step-bottom{
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	background: transparent url(../images/shape/process-shape-1.png) center 10% no-repeat;
}

.step-box{
	width: calc(25% - 12px);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step-icon{
	width: 150px;
	height: 150px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(223, 227, 231);
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 0px 50px 0px #00000010;
	margin-bottom: 24px;
}

.step-icon::after{
	content: '';
	width: 150px;
	height: 150px;
	position: absolute;
	background-color: #477CDB;
	border-radius: 50%;
	transition: all .2s ease-in-out;
	transform: scale(0);
}

.step-box:hover .step-icon::after{
	transform: scale(1);
}

.step-icon span{
	background-color: #477CDB;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s ease-in-out;
	z-index: 2;
}

.step-box:hover .step-icon span{
	background-color: #000;
}

.step-box>p{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	line-height: 32px;
}

.step-box>span{
	font-size: 14px;
	max-width: 200px;
	margin-top: 8px;
}

.step-box:nth-child(2){
	margin-top: 110px;
}

.step-box:nth-child(3){
	margin-top: 30px;
}

.step-icon i{
	font-size: 48px;
	color: #477CDB;
	position: relative;
	z-index: 2;
	transition: all .2s ease-in-out;
}

.step-box:hover .step-icon i{
	color: #fff;
}

.feature-part h3{
	color: #fff;
}

.feature-part .au-right a{
	box-shadow: none;
}

.ft-section{
	background-color: #36364E;
	padding: 24px 0;
}

.ft-section .container{
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.ft-box{
	width: calc(20% - 12.8px);
	border-radius: 16px;
	padding: 24px 8px;
	transition: all .2s ease-in-out;
}

.ft-box:hover{
	background-color: #00000020;
}

.ft-box p{
	font-weight: 500;
	color: #fff;
	margin-top: 8px;
}

.ft-box span{
	font-size: 14px;
	color: #ffffff90;
}

.articles .srv-box:hover .srv-bottom p>a{
	color: #000;
}

.articles .srv-box:hover .srv-bottom>a:nth-child(2){
	color: #477cdb;
}

@media all and (max-width:1250px) {

	.product-detail-container {
		flex-wrap: wrap;
	}

	.product-detail-container>div {
		width: 100%;
	}

	.swiper-pr-detail .swiper-slide img {
		height: inherit;
	}

	.swiper-pr-detail {
		height: inherit;
	}

	.nb-link,
	.modal-open-btn {
		font-size: 13px !important;
		white-space: nowrap;
	}

	.nav-top {
		padding: 0;
	}

	.nav-bottom {
		padding: 10px;
	}

	.basket-btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	.basket-counter {
		width: 20px;
		height: 20px;
		font-size: 13px;
	}

	.nb-left>a img {
		max-width: 120px;
	}
}

@media all and (max-width:1165px) {

	.browse-nav{
		grid-template-columns: repeat(4, 1fr);
	}

	.srv-box {
		width: calc(50% - 8px);
	}

	.ft-box{
		width: calc(25% - 12px);
	}

	.about-us {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.au-right {
		width: 100%;
		align-items: center;
	}

	.au-right .section-head {
		align-items: center;
	}

	.au-right h3 {
		text-align: center;
	}

	.au-right .services-p p {
		text-align: center;
		max-width: initial;
	}

	.left-bar {
		position: fixed;
		top: 0;
		left: -100%;
		height: 100%;
		z-index: 99;
		border-radius: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all .2s ease-in-out;
		overflow: auto;
		display: block;
	}

	.left-bar-close {
		display: flex;
		position: absolute;
		right: 32px;
		cursor: pointer;
		background-color: #00104B;
		width: 32px;
		height: 32px;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
	}

	.left-bar-open-btn {
		display: flex;
	}

	#customer-panel-menu-mobile:checked+label {
		transition: all .2s ease-in-out;
	}

	#customer-panel-menu-mobile:checked+label::after {
		content: '';
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 98;
		background-color: #000000c0;
		transition: all .2s ease-in-out;
		cursor: pointer;
	}

	#customer-panel-menu-mobile:checked~.left-bar {
		opacity: 1;
		left: 0;
		visibility: visible;
		pointer-events: all;
	}

	.customer-panel-container .container {
		flex-direction: column-reverse;
	}

	.customer-area {
		width: 100%;
	}

	footer .container .row {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	footer .container .row .col-md-3 {
		width: 100% !important;
	}

	.nb-link {
		display: none !important;
	}

	.drop-down__button {
		padding: 0 7px;
	}

	.nb-right>.table_center {
		display: none;
	}

	.responsive-srch,
	.header-widget i,
	.header-user i {
		width: 31.6px;
		height: 31.6px;
		display: flex;
	}

	.basket-tooltip {
		top: 35px;
	}

	.mob-menu {
		display: flex;
	}

	.currency-btn {
		width: calc(33% - 13.333px);
	}

	.nb-btn-1 {
		display: none;
	}

	.nb-btn-container {
		display: flex;
		gap: 20px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.nb-btn-container .nb-btn-1 {
		display: flex !important;
		width: calc(50% - 10px);
		align-items: center;
		justify-content: center;
	}

	.basket-tooltip {
		top: 45px;
	}

	footer .copyright>div {
		flex-direction: column;
		justify-content: center;
		padding-right: 0;
	}
}

@media all and (max-width:900px) {

	.browse-nav{
		grid-template-columns: repeat(3, 1fr);
	}

	.ft-box{
		width: calc(50% - 8px);
	}

	.step-bottom{
		background-image: none !important;
		gap: 32px !important;
	}

	.step-box{
		margin-top: 0 !important;
		width: calc(50% - 16px);
	}

	.services-section.srv::after{
		display: none;
	}

	.cn-box{
		width: calc(50% - 8px);
	}

	.cn-box>p{
		font-size: 14px;
	}

	.contact-section .container{
		flex-direction: column;
		gap: 32px;
		top: -55px;
	}

	.map-area{
		top: 0;
	}

	.contact-top{
		padding-bottom: 62px !important;
	}

	.contact-section form,
	.contact-section .contact-right{
		width: 100%;
		margin-left: 0;
	}

	.annoucement-left {
		display: none;
	}

	.services-box {
		width: calc(50% - 8px);
	}

	.login-section .container {
		flex-direction: column;
		gap: 0;
	}

	.card-form {
		flex-direction: column;
	}

	.login-left {
		padding: 32px 0;
	}

	.login-left,
	.login-right {
		width: 100%;
	}

	.login-left ._at label {
		width: initial;
	}

	.packet-selection {
		flex-wrap: wrap;
		gap: 20px;
	}

	.no-pass span {
		visibility: hidden;
		width: 0;
	}

	.no-pass {
		color: #aaaaaa;
	}

	.cart-top thead {
		display: none !important;
	}

	.tabcontent {
		padding: 15px;
	}

	.packet-box {
		width: calc(50% - 20px);
	}

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

	.packet-box:hover,
	.packet-selection input:checked+.packet-box {
		transform: scale(1.02);
	}

	.accordion {
		width: 100%;
	}

	.extra-services {
		width: 100%;
	}

	.tabs-area .tab {
		gap: 60px;
	}

	.tablinks::after {
		font-size: 13px;
	}

	.cart-top {
		margin: 15px;
	}

	.cart-bottom {
		flex-direction: column;
		padding: 15px;
	}

	.cb-left,
	.cb-right {
		width: 100%;
		margin-right: 0;
	}

	.coupon-code-area {
		margin-right: 0;
		width: 100%;
	}

	.no-pass {
		width: inherit !important;
	}

	.cpa-top div {
		width: inherit;
	}

	.cart-top tbody tr {
		display: flex;
		flex-direction: column !important;
	}

	.cart-top tbody tr td {
		text-align: center;
		padding: 5px 15px;
	}

	.td-btn+td {
		padding: 0 !important;
	}

	.td-btn+td .td-text {
		display: none;
		padding: 0;
	}

	.cart-top tbody tr td .erl-content {
		justify-content: center;
		font-weight: 600;
		font-size: 12px;
		margin-top: 5px;
	}

	.cart-top .erl-header {
		font-size: 18px;
		line-height: 19px;
	}

	.cart-top .erl-info {
		font-size: 14px;
	}

	.td-btn {
		gap: 10px;
		display: flex;
		justify-content: center;
	}

	.td-marked.unit,
	.last-td {
		position: relative;
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.td-marked::before,
	.last-td::before {
		content: attr(data-info);
		position: absolute;
		font-size: 12px;
		font-weight: 600;
		top: -17px;
		opacity: .6;
	}

	.last-td {
		align-items: center;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.accordion-header {
		height: 50px;
	}

	td .right-discount {
		margin-top: 3px;
	}

	td .line-thr-text {
		margin-bottom: 3px;
	}

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

	footer .footer-bottom p {
		padding: 20px;
	}

	.nt-link {
		font-size: 12px;
	}

	.subscribe-widget .nl-box {
		padding: 28px 30px;
		flex-direction: column;
		gap: 15px;
	}

	.subscribe-form-v1 {
		width: 100%;
	}

	.subscribe-form-v1 .subscribe-submit {
		padding: 0 10px;
	}

	.arrow {
		top: 64%;
	}

}

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

	.browse-nav{
		grid-template-columns: repeat(2, 1fr);
	}

	.services-section.vrs::before{
		top: 2%;
		right: 5%;
	}

	.services-section.vrs::after{
		top: 2%;
		left: 5%;
	}

	.review-part .container>span {
		font-size: 13px;
	}

	.review-part .container>h3 {
		font-size: 22px;
	}

	.testimonial-box {
		padding: 16px;
	}

	.tb-left p span:first-child {
		font-size: 16px;
	}

	.tb-left {
		gap: 8px;
	}

	.tb-right {
		font-size: 13px;
	}

	.cookie-container {
		flex-direction: column;
		width: calc(100% - 40px);
	}

	.cookie-left {
		width: 100%;
	}

	.cookie-right {
		width: 100%;
	}

	.cookie-right a,
	.cookie-right button {
		width: calc(50% - 8px);
		min-width: min-content;
		text-align: center;
	}

	.au-right .services-p {
		padding: 0 16px;
	}

	.au-right .section-head {
		margin-bottom: 8px;
	}

	.au-right h3 {
		padding: 0 16px;
	}

	.bill-registered-infos {
		flex-direction: column;
		gap: 16px;
		padding: 16px 0;
	}

	.customer-box.services.hd .hd-box {
		width: calc(50% - 8px);
		padding: 12px 8px;
	}

	.card-list {
		min-width: 400px;
	}

	.box-4n .tab-row.general select,
	.box-4n .tab-row.general input {
		min-height: 38px;
		height: 38px;
		font-size: 13px;
	}

	.nb-checkbox .tab-row,
	.current-bill-profile .tab-row {
		gap: 8px;
	}

	.nb-checkbox ._at {
		flex-wrap: nowrap;
	}

	.current-bill-profile ._at label {
		width: initial;
		float: left;
	}

	.current-bill-profile ._at {
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.nb-checkbox ._at label {
		width: initial;
		font-size: 13px;
	}

	.box-4n .tab-row.general input::placeholder {
		font-size: 13px;
	}

	.bri-left,
	.bri-right {
		width: 100%;
	}

	.box-4n {
		flex-wrap: wrap;
	}

	.box-4n .tab-row {
		width: calc(50% - 8px);
	}

	.profile-info-edit .tab {
		flex-wrap: wrap;
	}

	.gi-left,
	.gi-right {
		width: 100%;
	}

	.tabcontent#changepassword .password-safe-check {
		flex-direction: column;
	}

	.tab-row.general {
		height: initial;
	}

	.tab-row.general select {
		height: 55px;
		min-height: 55px;
	}

	#preferences,
	#verification,
	#generalinfos,
	.tabcontent#changepassword,
	#billprofile {
		padding: 16px 0;
	}

	.bank-box {
		flex-direction: column;
	}

	.bank-left {
		width: 100%;
		padding: 32px 0;
	}

	.bank-left img {
		max-width: 150px;
	}

	.bank-box ul {
		width: 100%;
	}

	footer .footer-links {
		padding-left: 0;
	}

	.support-box .customer-infos table .pr-name p {
		line-clamp: 2;
		-webkit-line-clamp: 2;
	}

	.user-banner-profile {
		justify-content: center;
	}

	.user-banner-data {
		flex-wrap: wrap;
		margin-bottom: 16px;
	}

	.user-banner {
		padding-top: 25px;
	}

	.user-banner-data li {
		width: calc(50% - 8px);
	}

	.customer-actions>div {
		width: 100% !important;
	}

	.customer-box.services tr {
		display: flex;
		flex-direction: column;
		padding: 16px;
		border-radius: 8px;
		gap: 8px;
	}

	td._at label span {
		margin-right: 0;
		margin-top: 0;
	}

	.customer-box.services tr:not(:last-child) {
		margin-bottom: 16px;
	}

	.customer-box.services tr td {
		padding: 0 !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.customer-box.services tr td:first-child {
		flex-direction: column;
		align-items: center;
	}

	.customer-actions {
		flex-direction: column;
		align-items: center;
	}

	.customer-box.services thead {
		display: none;
	}

	.subscribe-widget .nl-box .text p {
		font-size: 16px;
	}

	.subscribe-widget .nl-box .text h3 {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 10px;
	}

	.arrow {
		position: static;
		margin: 25px;
		transform: rotate(360deg);
	}

	.arrow span {
		width: 3.5vw;
		height: 3.5vw;
	}

	.accordion {
		color: #fff;
		cursor: pointer;
		text-align: left;
		font-size: 15px;
		transition: 0.2s;
		text-transform: capitalize;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 10px;
	}

	.left-bar a,
	.left-bar button {
		justify-content: flex-start !important;
	}

	footer .footer-links strong {
		margin-bottom: 0;
	}

	.accordion:hover {
		opacity: 0.8;
	}

	.web-menu-games-box:hover {
		background-color: #2d3553;
		color: #9FCFFF;
		opacity: 1;
	}

	.activeakor,
	.accordion:hover {
		background-color: #2d3553;
	}

	.accordion:after {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath style='fill:%23fff%3B' d='M12 25a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L18.59 16l-7.3-7.29a1 1 0 1 1 1.42-1.42l8 8a1 1 0 0 1 0 1.42l-8 8A1 1 0 0 1 12 25Z'/%3E%3C/g%3E%3Cg id='frame'%3E%3Crect class='cls-1' height='32' width='32'/%3E%3C/g%3E%3C/svg%3E");
		color: white;
		font-weight: bold;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 44px;
		height: 44px;
		border-radius: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: center;
		transition: .2s;
	}

	.activeakor.accordion::after {
		transform: rotate(90deg);
	}

	.panel {
		padding: 0px 20px;
		max-width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: 0.2s ease-out;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
	}

	.header-form {
		top: 93px;
		right: 0;
		max-width: 100%;
	}

	.header-search {
		border-radius: 0;
	}

	.nt-link span {
		display: none;
	}

	.basket-btn {
		display: flex;
		align-items: center;
	}

	.basket-tooltip {
		width: 105px;
		left: -20px;
		white-space: nowrap;
	}


	.basket-btn span:not(.basket-counter) {
		display: none;
	}

	.nt-link {
		font-size: 16px;
	}

	.currency-btn {
		width: calc(50% - 10px);
	}
}

@media all and (max-width:500px) {

	.browse-nav span{
		white-space: pre-wrap;
	}

	.services-section.srv{
		padding-top: 0;
	}

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

	.services-box span{
		text-align: center;
	}

	.pricing-plan-body .packages-section{
		padding-bottom: 20px;
	}

	.srv-bottom a.srv-read-more{
		display: none;
	}

	footer .container .row .col-md-3:last-child .footer-links{
		align-items: center;
	}

	.license-query{
		margin-top: 20px;
	}

	.ft-box{
		width: 100%;
	}

	.step-bottom{
		gap: 16px !important;
	}

	.step-box{
		width: 100%;
	}

	.step-section .container>h3{
		font-size: 30px;
	}

	.au-left {
		width: 100%;
	}

	.cn-box{
		width: 100%;
	}

	.au-left img {
		width: 100%;
	}

	.annoucement-middle a {
		font-size: 13px;
	}

	.annoucement {
		gap: 16px;
		padding: 8px 16px;
	}

	.srv-box {
		width: 100%;
	}

	.srv-read-more {
		display: none;
	}

	.srv-bottom {
		height: 50px;
		top: -20px;
	}

	.srv-box .srv-bottom a {
		padding-bottom: 0 !important;
	}

	.srv-box:hover .srv-bottom {
		top: -30px;
	}

	.services-box {
		width: 100%;
	}

	.services-section h3 {
		font-size: 20px;
	}

	.hd-middle {
		flex-direction: column;
	}

	.customer-box.services.hd .hd-box {
		width: 100%;
	}

	.basket-box-area .show-piece {
		align-self: flex-end;
	}

	.show-piece.hd {
		flex-direction: column;
	}

	.hdm-left {
		align-self: flex-start;
		padding-left: 0;
		width: 100%;
	}

	.hdm-right {
		align-self: flex-start;
		padding-right: 0;
		justify-content: flex-start;
		width: 100%;
	}

	.fr-info-area {
		margin: 0;
		margin-top: 16px;
	}

	#app.wrapper {
		padding: 0;
	}

	.card-form__button {
		width: 100%;
		margin: 0;
		margin-top: 16px;
	}

	.card-item__numberItem {
		font-size: 16px;
		width: 10px;
	}

	.card-form__inner {
		padding: 0;
	}

	.card-item {
		width: 100%;
	}

	.customer-panel .payment-header label {
		width: 100%;
	}

	.customer-panel .basket-box-area {
		padding: 16px;
	}

	.profile-info-edit .tab .tablinks {
		width: calc(50% - 8px);
		padding: 12px 16px;
	}

	.sp {
		flex-direction: column;
	}

	#preferences .tab-row {
		flex-wrap: nowrap;
	}

	#preferences ._at label {
		width: initial;
	}

	.tab-row p {
		width: 80%;
	}

	.bank-box ul li {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 0;
		font-weight: 500;
		font-size: 13px;
	}

	.bank-box ul li span {
		font-size: 13px;
		min-width: initial;
	}

	.bank-box ul li span::after {
		display: none;
	}

	.customer-header {
		flex-direction: column;
		gap: 8px;
	}

	.left-bar {
		min-width: initial;
	}

	.user-banner-data {
		gap: 8px;
	}

	.user-banner-data li {
		width: calc(50% - 4px);
		padding: 40px 5px 25px;
	}

	.sup-bottom {
		flex-direction: row !important;
	}

	.profile-options {
		flex-direction: column-reverse;
	}

	.profile-options .po-item {
		width: 100%;
	}

	.left-bar {
		width: 100%;
	}

	.customer-panel-container .container {
		gap: 16px;
	}

	.left-bar .accordion {
		justify-content: flex-start;
	}

	.left-bar .activeakor {
		background-color: #00000007;
		color: #0090FF;
	}

	.ch-left {
		align-self: flex-start;
	}

	.ch-right {
		align-self: flex-end;
	}

	.customer-bottom {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.register-form .login-field {
		width: 100%;
	}

	.tabs-area .tab {
		gap: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.extra-a {
		flex-direction: column;
		gap: 15px;
		padding: 15px;
	}

	.extra-a a {
		margin: 0 !important;
		width: 100%;
		text-align: center;
	}

	.tablinks::after {
		font-size: 11px;
		white-space: break-spaces;
		width: 60px;
		text-align: center;
	}

	.basket-empty p {
		margin-bottom: 7px;
	}

	.input-container {
		flex-direction: column;
	}

	.input-container * {
		width: 100% !important;
	}

	.input-container input {
		border-radius: 5px 5px 0 0;
		padding-left: 10px;
		font-size: 10px;
	}

	.input-container button {
		border-radius: 0 0 5px 5px;
	}

	.must-pay-today b {
		white-space: nowrap;
	}

	.register-row {
		flex-direction: column;
		gap: 10px;
	}

	.cb-left {
		padding-right: 0 !important;
		margin-bottom: 20px;
	}

	.register-row .rr-left,
	.register-row .rr-right {
		width: 100%;
	}

	._at {
		flex-wrap: wrap;
	}

	._at p {
		width: 100%;
		margin-bottom: 10px;
	}

	._at label {
		width: calc(50% - 7.5px);
	}

	._login-header label {
		font-size: 13px;
		white-space: nowrap;
	}

	.current-address {
		max-width: 100%;
	}

	.bill-box button {
		position: static;
		margin-top: 10px;
	}

	.payment-header label {
		font-size: 12px;
		font-weight: 500;
		white-space: nowrap;
		padding: 7px 5px;
		width: calc(50% - 5px);
	}

	.payment-header label:last-child {
		width: 100%;
	}

	.po-2-body {
		flex-direction: column;
		gap: 15px;
	}

	.po-2-body .po2-left,
	.po-2-body .po2-right {
		width: 100%;
		padding-right: 0;
	}

	.po-1-body thead {
		display: none !important;
	}

	.po-1-body tbody tr {
		display: flex;
		flex-direction: column;
		padding: 10px 0px;
		border-bottom: 1px solid #e1e3e5 !important;
	}

	.po-1-body tbody tr td {
		border-top: none;
		padding: 2px 0;
		font-size: 12px;
	}

	.po-1-body tbody tr td:nth-child(3n) {
		display: none;
	}

	.table-tl {
		display: inline-flex;
	}

	.modal-open-btn p {
		font-size: 11px;
	}

	.nt-link {
		padding: 10px;
		font-size: 10px;
	}

	.nb-right {
		gap: 10px;
	}

	.newsletter .nl-box .buttons {
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	.newsletter .nl-box .buttons a {
		width: 100%;
	}

	.newsletter .nl-box .buttons a:last-child {
		margin-left: 0;
	}

	.customer-panel .info-price {
		margin: 0;
	}
}

@media all and (max-width:380px) {

	.annoucement-middle a {
		font-size: 12px;
	}

	.mc-breadcrumb-link,
	.mc-breadcrumb-item {
		font-size: 13px;
	}

	.ch-right {
		display: flex;
		align-items: center;
		white-space: nowrap;
		gap: 8px;
	}

	.ch-right a {
		font-size: 10px;
	}

	.bank-box ul li {
		padding: 4px 0;
	}

	.nb-left>a img {
		max-width: 100px;
	}

	.nb-left,
	.nb-right {
		gap: 8px;
	}

	.card-item__name {
		max-width: 136.6px;
	}

	.card-item__dateTitle {
		padding-bottom: 0;
	}

	.card-item__holder {
		margin-bottom: 0;
	}

	.card-item__name {
		font-size: 14px;
	}

	.card-item__dateItem span {
		font-size: 14px;
	}

	.card-item__dateItem span,
	.card-item__dateItem {
		width: 25px;
		display: flex;
		height: 14px;
	}

	.card-item__date {
		width: 69px;
		font-size: 14px;
	}

	.cpa-bottom.basket {
		width: 27%;
	}

	.bank-box {
		padding: 6px;
	}

	.po-item .po-dropdown {
		z-index: 100;
	}

	.pro .coupon-header {
		font-size: 14px;
		flex-direction: column;
		align-items: center;
	}

	.coupon-header p {
		margin-bottom: 5px;
	}

	.coupon-body button {
		padding: 5px 10px;
	}
}

.register-form .active {
	background-color: #00B57F;
	color: #fff;
}

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


.ml-1 {
	margin-left:5px !important;
}