.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
	}
}

ckground: var(--bs-gray-300)
}











.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;

	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;

	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-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;
	
}

a {
	text-decoration: none;
}



.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;
}



.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-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;
}


.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: #2e57cf;
	border-color: #2e57cf;
}

.tabs-area .ttablinks.active::after {
	color: #2e57cf;
}

.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 {
    font-size: 25px;
    line-height: 50px;
background: -webkit-linear-gradient(-45deg, #ff3c00, #c93a3a, #8d80ff, #23d5ab);
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.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 #2e57cf;
	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: #2e57cf;
}

.packet-box:hover {
	transform: scale(1.1);
}

.checked-tick-area {
	position: absolute;
}

.packet-big {
	font-size: 25px;
	font-weight: 600;
	color: #2e57cf;
}

.packet-price {
	font-size: 15px;
	font-weight: 500;
}

.tabs-area .tabcontent a {
	padding: 15px 70px;
	background-color: #2e57cf;
	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;
}

.packet-selection input:checked+.packet-box {
	background-color: #2e57cf;
	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;
}



.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;
}


.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;
}



.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: #2e57cf;
	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 #2e57cf;
	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: 67%;
}

.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;
}

.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;
}



.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;
}


.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%;
}


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='extra-s-1'],
input[name='extra-s-2'] {
	display: none;
}

input[name='extra-s-1']+label,
input[name='extra-s-2']+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 #2e57cf;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
}

input[name='extra-s-1']+label i,
input[name='extra-s-2']+label i,
.gi-left .extra-row label:first-child i,
.new-bill .extra-row label i {
	font-size: 12px;
}

input[name='extra-s-1']:checked+label,
input[name='extra-s-2']:checked+label,
input[name='newbill']:checked+label {
	background-color: #2e57cf;
}

input[name='newbill'] {
	display: none;
}

input#newbill1:checked+.account-type-selection label:first-child {
	background-color: #2e57cf;
}

.extra-srv .extra-row label {
	margin-bottom: 3px;
}

.table-tl {
	display: none;
}



.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 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: #2e57cf;
}

.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 {
	
	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;
}



.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%;
	}


	.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;
	}


}

@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);
	}


	.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;
	}



	td .right-discount {
		margin-top: 3px;
	}

	td .line-thr-text {
		margin-bottom: 3px;
	}

	.nav-top {
		justify-content: center;
	}


	.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%;
	}



	.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;
	}



	.left-bar a,
	.left-bar button {
		justify-content: flex-start !important;
	}



	

	.web-menu-games-box:hover {
		background-color: #2d3553;
		color: #9FCFFF;
		opacity: 1;
	}



	.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;
	}



	.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 .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;
	}
}
.profile-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start; /* İçerikleri sola hizala */
}

.po-item, .bayilik-bilgisi {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;

}

.po-item i, .bayilik-bilgisi i {
    margin-right: 8px;
}

.bayilik-bilgisi {
    background-color: #2f324845;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.bayilik-bilgisi i {
    font-size: 24px;
    color: #28a745; /* YeÅŸil ikon rengi */
}

.bayilik-bilgisi p {
    margin: 0;
    padding-left: 10px;
    color: white;
    font-weight: bold;
}


        .swiper-wrapper {
                position: relative;
    width: 100%;
    height: 50% !important;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
        }.annoucement {
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}.drop-down__button {
    background: linear-gradient(#ff7d00, #f56d08);
}.nav-top {
    border-bottom: 0px;
    border-top: 0px;
}.subscribe-form-v1 .btn-blue {
    background-color: #f6661f;
    color: #fff;
}.nav-bottom {
    display: flex;
    align-items: center;
    gap: 123px;
    width: 90%;
    align-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
}.nav-top {
    border-bottom: 1px solid #b2b2b2;
    border-top: 0px;
}.banner-overlay {
    padding: 220px 0 165px;
    background: rgb(0 0 0 / 43%);
}.product-grid-image img {
    height: 180px;
}.single-banner {
    padding: 24px 0 16px;
    background: #1b1919;
    margin: 0 !important;
}.single-banner h2 {
    color: #fff;
    margin-bottom: 12px;
    font-size: 30px;
}.product-grid-price span {
    color: #f6661f;
}.product-grid-btn a:hover {
    background: #f6661f;
}.product-widget-list li:hover {
    color: #f6661f;
}.nb-link.dropdown:hover {
    color: #f6661f;
}.selected i, .dropdown i {
    color: #1b1919;
}.blog-widget-title {
    border-left: 3px solid #f6661f;
}.left-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -13px;
    left: -10px;
    background-color: #ffbf95;
    color: #f6661f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 100px;
    z-index: 1;
}.icon-text {
    position: absolute;
    top: -13px;
    left: 4px;
    background-color: #ffbf95;
    color: #f6661f;
    font-size: 12px;
    font-weight: 600;
    z-index: 0;
    padding: 2px 25px;
    border-radius: 0 10px 10px 0;
}.bayi-bilgisi-alert {
    width: 100%;
    border: 1px solid #ff6d0073;
    border-radius: 6px;
    padding: 25px 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #3e839d !important;
    margin-bottom: 20px;
    background-color: #fff;
    position: relative;
}a {
    color: #f6661f;
}.product-single-scrollspy-btns a.active, .product-single-scrollspy-btns button.active {
    background: #f6661f;
    color: #fff;
}.pic-btn.add-basket {
    font-size: 15px;
    background-color: #f6661f;
    color: #fff !important;
}.pic-btn {
    width: 100%;
    border: 1px solid #f6661f;
    color: #f6661f !important;
}.pic-btn:hover {
    width: 100%;
    border: 1px solid #f6661f;
    color: #f6661f !important;
    color: #ffffff;
}.common-card-header-title {
    font-weight: 600;
    padding-left: 15px;
    border-left: 3px solid #f6661f;
}.product-single-social-list li a {
    width: 100%;
    font-size: 18px;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    background: #f6661f;
    color: #fff;
}._kt {
    border: 2px solid #f6661f;
}.pr-counter i {
    color: #f6661f;
}.single-banner {
    padding: 27px 0 0px;
    background: #1b1919;
    margin: 0 !important;
}.product-single-data li {
    position: relative;
    text-align: center;
    padding: 21px 0 8px;
    border-radius: 6px;
    background: #477CDB;
    color: #fff;
}.left-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
    color: #fff;
    background-color: #fd7a01;
    border-radius: 8px;
    margin-bottom: 8px;
}.license-query .container>button {
    width: 100%;
    max-width: 700px;
    background-color: #f6661f;
}.license-query h3 {
    font-size: 32px;
    color: #f6661f;
    margin-bottom: 24px;
}.license-query p {
    font-size: 16px;
    color: #f6661f;
}.nav-bottom {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    width: 100%;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #212529;
    transition: .2s;
    height: 50px;
    font-weight: 500;
    display: flex;
    align-items: center;
}.giris{
    
        background: #fff;
        color: #ff7d00;
        border: 1px solid #ff7d00;
    border-radius: 100px;
    padding: 0px 32px;
}.girisyazi{
    
        color: #ff7d00;
    font-weight: 500;
}.kayityazi{
    
        color: #ffffff;
    font-weight: 500;
}
  .kayit{
    
        border: 1px solid #ff7d00;
    border-radius: 100px;
    padding: 0px 32px;
}.py-3.border-top-bottom {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.2) !important;
}.payment-cards {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    width: 10%;
}p.payment-heading.d-md-block.d-none {
    width: 33%;
    color: #ffffff;
}.ebultencont {
    background-color: #fff;
    width: 647px;
    margin: 25px auto;
    height: 55px;
    margin-top: 10px;
    box-shadow: 0 0 45px #000;
    border-radius: 16px;
}.fa.fa-envelope-o {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}.ebultencont input {
    float: left;
    border: none;
    line-height: 45px;
    width: 450px;
    padding: 5px;
    font-family: 'Raleway', sans-serif;
}.aboneolbtn {
    background: #f6661f;
    color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    margin: 6px;
    width: 123px;
    text-align: cente;
    border-radius: 11px;
}.gonderbtn {
    border: 2px solid #;
    display: inline-block;
    padding: 12px 0px 10px 25px;
    font-size: 14px;
}.ebultencont i {
    float: left;
    font-size: 24px;
    color: #ccc;
    margin: 14px;
    margin-left: 20px;
}.ebultencont {
    background-color: #fff;
    width: 647px;
    margin: 25px auto;
    height: 55px;
    margin-top: 10px;
    box-shadow: 0 0 45px #bab9b996;
    border-radius: 16px;
}.ebultencont {
    position: relative;
    background-color: #fff;
    width: 647px;
    margin: 14px auto;
    height: 55px;
    box-shadow: 0 0 45px #bab9b996;
    border-radius: 16px;
    bottom: 55px;
}.nav-top {
    border-bottom: 1px solid #b2b2b2;
    border-top: 0px;
    padding: 0px 11%;
    width: 100%;
}.nav-bottom {
    display: flex;
    align-items: center;
    gap: 190px;
    width: 100%;
    align-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
}.nb-left, .nb-right {
    display: flex;
    align-items: center;
    gap: 10px;
}.nb-left>a img {
    max-width: 150px;
    margin-right: 48px;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #3b4767;
    transition: .2s;
    height: 50px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 6px;
}span {
    color: #191b1e;
}.nt-link {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #1b1919;
    font-weight: 1rem;
    font-size: 14.5px;
    padding: 10px 15px;
    border-right: 1px solid #e2e2e2;
    height: calc(auto + 1px);
    transition: .2s;
}a.nt-link.sepet {
    border: 1px solid rgba(59, 71, 103, 0.1);
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
}.giris {
    background: #fff;
    color: #1b1919;
    border-radius: 4px;
    padding: 0px 32px;
    border: 1px solid rgba(59, 71, 103, 0.1);
    box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0%);
}.girisyazi {
    color: #1b1919;
    font-weight: 500;
}.kayit {
    border: 1px solid #ff7d00;
    border-radius: 100px;
    padding: 0px 32px;
    box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0%);
    border-radius: 4px;
}.sepetyazi {
    padding: 1px 5px;
    background: linear-gradient(#ff7d00, #f56d08);
    border-radius: 4px;
    color: #ffffff;
}.product-single-scrollspy-btns a.active, .product-single-scrollspy-btns button.active {
    background: #ffffff;
    color: #f6661f;
    border-bottom: 2px solid #f6661f;
    border-radius: 2px;
}.col-xl-12.product-single-scrollspy-btns.tab {
    border-bottom: 2px solid #b6b6b6;
    padding: 0px;
}.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: #dee2e600;
}.product-single-scrollspy-btns a:hover, .product-single-scrollspy-btns button:hover {
    color: #444;
    background: #dee2e600;
}.pic-btn.add-basket:hover {
    font-size: 15px;
    background-color: #f6661f;
    color: #fff !important;
}.pic-btn:hover {
    width: 100%;
    border: 1px solid #cacaca;
    color: #484848 !important;
    background: #f1f2f3;
}.pic-btn {
    width: 100%;
    border: 1px solid #cacaca;
    color: #484848 !important;
}.product-detail .product-detail_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #cacaca;
    cursor: default;
    border-radius: 3px;
    color: linear-gradient(180deg, #FBE3A2 0%, rgba(53, 114, 241, 0.40625) 99.99%, rgba(51, 113, 242, 0.4) 100%);
}.product-detail .product-detail_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #cacaca;
    cursor: default;
    border-radius: 3px;
    color: linear-gradient(180deg, #FBE3A2 0%, rgba(53, 114, 241, 0.40625) 99.99%, rgba(51, 113, 242, 0.4) 100%);
    font-size: 14px;
}
.fixed-header {
    position: sticky;
    background: #fff;
    padding: 0;
    box-shadow: 0 2px 4px rgba(3, 27, 78, .1);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999 !important; 
    transition: top 0.3s ease-in-out;
}
.nav-top-none {
    display: none; transition: top 0.3s ease-in-out;
}.product-detail-price-area {
    background: #ffffff;
    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-interactions-container {
    border-radius: 4px;
}.software-infos {
    background-color: #f1f2f3;
    border-radius: 4px;
    padding: 22px 25px 25px;
    margin-bottom: 20px;
}
.common-card {
    padding: 25px 0px 25px;
    border-radius: 6px;
    margin-bottom: 25px;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #cacaca;
}.product-interactions-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    background-color: none;
    padding: 0px;
    border-radius: 6px;
}.pic-btn.add-basket {
    font-size: 15px;
    background-color: #f6661f;
    color: #fff !important;
    border: 1px solid;
}.product-interactions-container {
    background-color: #ffffff;
}.product-interactions-container:hover {
    background-color: #ffffff;
}.product-grid-card {
    background: #ffffff;
}.continue-btn, .login-body button, .login-left form button {
    width: 100%;
    background: linear-gradient(45deg, #f87305 0%, #ff9865 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;
}.login-left>p a {
    color: #f6661f;
}.login-left .register-form input[type=radio]:checked+label {
    background-color: #fa7504;
    color: #fff;
}section.section-gap-75.login-section {
    margin-top: 37px;
}.text-color-main {
    color: #fd6905;
}.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}.section-title-bottom-line::after {
    content: "";
    display: block;
    background-color: #fd6905;
    height: 5px;
    width: 20%;
    margin-top: 15px;
    border-radius: 5px;
}.section-title-bottom-line {
    display: inline-block;
    position: relative;
}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #373738;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: none;
}.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
    text-align: start;
}.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
    text-align: start;
}.fs-7 {
    font-size: .9rem !important;
}.mb-2 {
    margin-bottom: 1.5rem!important;
}.product-grid-card {
    background: #ffffff;
    border: 1px solid #ededed;
}.product-grid-meta {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: start;
}a.add-to-cart.venobox {
    background: #f97305;
    color: #ffffff;
    border-radius: 4px;
    text-transform: none;
}span {
    text-transform: none;
}.sepettext {
    color: #ffffff;
}.product-grid-btn a {
    border-radius: 4px;
}.product-grid-group {
    padding: 10px 0px;
}.product-grid-extra li {
    border: 1px solid #989898;
    border-radius: 2px;
    padding: 4px;
    border-radius: 2px;
    width: 48%;
}.detaycol {
    border-radius: 20px;
    background: #efefef;
    width: 14%;
    box-shadow: 0px 0px 17px 8px rgb(94 94 94 / 7%);
    margin: 16px;
    padding: 12px;
}span.daciklama {
    font-size: .875rem;
}h2.dbaslik {
    font-size: 1.05rem;
}.detaycol {
    border-radius: 20px;
    background: #fbfbfd;
    width: 15%;
    box-shadow: 0px 0px 4px 2px rgb(56 56 56 / 7%);
    margin: 19px 0px 0px 21px;
    padding: 18px 6px 18px 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}img.dicon {
    width: 50%;
}.iconsvg {
    background: #ffffff;
    border-radius: 100%;
    width: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 70px;
    margin-bottom: 14px;
}.product-grid-card {
    border-radius: 20px;
}.nav-top {
    border-bottom: 3px solid #f6661f;
    border-top: 0px;
    padding: 0px 11%;
    width: 100%;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #292828;
    transition: .2s;
    height: 50px;
    font-weight: 410;
    display: flex;
    align-items: center;
    margin: 6px;
}.selected i, .dropdown i {
    color: #f6661f;
}.nb-link p span i, .modal-open-btn i {
    font-size: 14px;
}.block-tab.block-active, .block-tab:not(.no-hover):hover {
    color: #34484f;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
}.wwi-block img.wwi-icon {
    width: auto;
    width: 3.75rem;
}.block-tab {
    width: 100%;
    min-height: 120px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    margin: 0 0 15px;
    border-radius: 10px;
    color: #34484f;
    font-size: 15px;
    border: 1px solid #f4f2f5;
    background-color: #fff;
    transition: all .1s ease-in;
}.wwi-block img.wwi-icon {
    width: auto;
    width: 30%;
    height: 52px;
    margin-bottom: 15px;
}.fs-7 {
    font-size: .9rem !important;
    text-align: start;
}.section-gap-75 {
    margin-bottom: 14px;
}.btn-primary {
    color: #fff;
    background: linear-gradient(#ff7d00, #f56d08);
}.btn {
    font-size: 14px;
    font-weight: 500;
    padding: 11px 22px;
    border-radius: 6px;
    letter-spacing: .5px;
    white-space: nowrap;
    text-transform: none;
    border: 2px solid transparent;
}.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    border: 1px solid #f4f2f5;
    box-shadow: 0px 0px 2px 0px #e4e4e4;
    border-radius: 4px;
    height: 479px;
    padding: 80px;
}    .wwi-block {  
      padding: 20px;  
    }  

    .block-tab {  
      cursor: pointer;  
      transition: background-color 0.3s;  
    }  

    .block-tab:hover {  
      background-color: #f0f0f0;  
    }  

    .highlight {  
      background-color: #e1f5fe;  
    }  

    .feature-description {  
      display: none;  
    }  

    .feature-description.show {  
      display: block;  
    }  .block-tab.block-active, .block-tab:not(.no-hover):hover {
    color: #34484f;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
}span.block-tab.block-white.block-small-2x.block-icon.highlight:active {
    color: #34484f;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
}.section-gap-95 {
    margin-bottom: 36px;
}.urunler {
    padding: 30px 0;
    background: #ffffff;
    position: relative;
    z-index: 1;
}.wwi-block {
    padding: 20px;
    background: #fbfbfd;
}.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    border: 1px solid #f4f2f5;
    box-shadow: 0px 0px 2px 0px #e4e4e4;
    border-radius: 4px;
    height: 488px;
    padding: 80px;
    background: #ffffff;
    position: relative;
    bottom: 7px;
}.section-gap-95 {
    margin-bottom: 36px;
    padding: 30px 0px;
}




   




@media(max-width: 1030px) {
    .api {
        position:fixed;
        bottom: 10px;
        left: 15px;
        z-index: 20;
        display: none;
    }
}

.api div {
    position: relative;
    transition: all .5s ease-in-out;
    z-index: 999;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.api a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.api .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.api:hover a {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.api:hover .tooltiptext {
    visibility: visible;
}

.api .whatsapp a {
    background: #4dc247;
}

.api .telefon a {
    background: #337ab7;
}

.api .telegram a {
    background: #27a7e5;
}

.api .instagram a {
    background: #fd3a67;
}

@media only screen and (max-width: 767px) {
    .api {
        position:fixed;
        bottom: 0!important;
        left: 0!important;
        z-index: 999!important;
        width: 100%!important;
        display: flex;
    }

    .api div {
        flex: 1 0 0%;
    }

    .api a {
        height: 40px!important;
        line-height: 40px!important;
        font-size: 20px!important;
        border-radius: 0!important;
        width: 100%!important;
    }

    .api:hover a {
        transform: rotate(0deg)!important;
        -webkit-transform: rotate(0deg)!important;
    }
}

    .nb-right-2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.table_center-2 {
    display: flex;
    align-items: center;
}

.nb-btn-1-2 {
    margin: 0 10px;
}

.drop-down-2 {
    position: relative;
}

.drop-down__button-2 {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.drop-down__button-2:hover {
    background-color: #0056b3;
}

.drop-down__name-2 {
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
}

.drop-down__icon-2 {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.drop-down__menu-box-2 {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
    z-index: 1000;
}

.drop-down__menu-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.drop-down__item-2 {
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.drop-down__item-2:hover {
    background-color: #f1f1f1;
}

.drop-down__item-2 a {
    text-decoration: none;
    color: #333;
    display: block;
}

.drop-down-2-2 a, .drop-down-1-2 a {
    display: block;
    padding: 10px 15px;
    background-color: #28a745;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.drop-down-2-2 a:hover, .drop-down-1-2 a:hover {
    background-color: #218838;
}

        .hidden {
            display: none !important;
        }

     
.sss{
    padding: 25px 0;
}section#faq {
    height: auto;
    max-height: none;
}@media(max-width:751px){
    section#faq {
    padding: 0 20px;
}
}.common-card-body {
    padding: 0px 22px 22px 22px;
    border-radius: 6px;
    background: #fff;
}.price-card {
    text-align: center;
    margin: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0 0 1px 1px #00000014;
    max-width: 100%;
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 24px 16px;
    border: 1px solid rgba(102, 112, 147, .1);
}.packet-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 60px 0 30px 0;
    flex-wrap: wrap;
}.card-extra-discount, .lit-gray, .lit-transparent, .extra-code {
    border-radius: 0px;
    position: relative;
    padding: 8px 0px;
    width: 100%;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0a0a0a;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(102, 112, 147, .2);
    font-weight: 500;
    font-size: 16px;
}.lit-gray {
    background: none;
    font-size: 16px;
}ul.price-list {
    margin: 16px 0;
    background: #f7f9fd;
    border-radius: 8px;
    padding: 16px;
}.price-card {
    width: 300px;
}.price-list {
    text-align: start;
}.price-card {
    transition: box-shadow 0.3s ease-in-out;
    text-align: start;
}.price-amount {
    font-size: 39px;
    font-weight: 500;
    font-family: sans-serif;
    line-height: 55px;
    margin-bottom: 3px;
    color: #f6661f;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}.price-title {
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    color: #292828;
}.price-action:hover {
    color: #fff;
    background: #f6661f;
    transform: translateY(-8px);
}ul.price-list {
    margin: 16px 0;
    background: none;
    border-radius: 8px;
    padding: 9px;
}.price-amount {
    font-size: 39px;
    font-weight: 500;
    font-family: sans-serif;
    line-height: 55px;
    margin-bottom: 3px;
    color: #f6661f;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    font-size: 36px;
    font-weight: 700;
}.ay {
    font-size: 15px;
    margin-top: 10px;
    margin-right: 6px;
    font-weight: 500;
}.price-card:hover, .price-card:active, .price-card:focus, input[type="radio"]:checked + .price-card {
    box-shadow: 0 0 3px #c9c9c9;
    cursor: pointer;
}.tabs-area .step-content a:hover {
    background-color: #f6661f;
}.tabs-area .step-content a {
    background-color: #f6661f;
}span.label-text:hover{

    color: #ffffff;
}.tabs-header {
    font-size: 2rem;
    line-height: 50px;
    background: #292828;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 36px;
    line-height: 41px;
    color: #292828;
}.packet-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 60px 0 30px 0;
    justify-content: space-around;
    flex-wrap: nowrap;
}i#kategoriIcon {
    display: none;
}@media(max-width:751px){
    i#kategoriIcon {
    display: block;
}
    .price-card {
    width: 360px;
}h6#kategoriToggle {
    text-align: start;
    text-transform: none;
    display: flex;
    justify-content: space-between;
}.section-gap-120, .section-gap-100 {
    margin-bottom: 10px;
}.content-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: row;
    display: flex;
}
}ul.price-list {
    margin: 16px 0;
    background: none;
    border-radius: 0px;
    padding: 9px;
    border-top: 1px solid #d7d7d7;
}.product-grid-btn .detay:hover {
    background: #dee2e6;
    color: #5e5d72;
}.product-grid-btn .detays:hover {
    color: #191b1e;
}.product-widget-list li {
    border-bottom: 1px solid #c9c9c9;
    padding: 6px 0;
}.product-widget-scroll {
    height: auto;
    overflow-y: hidden;
    padding-right: 10px;
}.product-widget-content label {
    font-size: 14.5px;
    font-weight: 500;
    text-transform: none;
    font-family: 'Figtree';
}h6#kategoriToggle {
    text-align: start;
    text-transform: none;
}footer .footer-links a {
    font-weight: 400;
    font-size: 13px;
}
@media(min-width:751px){.bank-box {
    width: 49%;
    margin: 10px 4px;
}
    .footer-links {
    margin-bottom: 34px;
}
    
    }
._at label {
    font-size: 15px;
    margin-left: 3px;
}section.section-gap-75.login-section {
    margin: 50px 5px;
}@media (max-width: 768px) {

}label {
    text-align: start;
}.login-row {
    justify-content: space-between;
}.lr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
@media (min-width: 768px) {
   .col-lg-5.col-xl-5 {
    height: 100px;
    bottom: 20px;
    position: relative;
}
}
.user-banner-profile-avatar a {
    border: 3px solid #f6661f;
}.user-banner {
    padding-top: 50px;
    background: #181717;
}.user-banner-data li {
    position: relative;
    text-align: center;
    padding: 22px 10px 10px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #fff;
}.user-banner-data li i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    background: #f5f5f5;
    position: absolute;
    top: -22px;
    left: 50%;
}.user-banner-data li.star i {
    color: #f6661f;
}.user-banner-data li h3 {
    color: #292828;
    font-size: 28px;
    margin-bottom: 2px;
}.user-banner-data li p {
    font-size: 11px !important;
    white-space: normal;
    color: #292828;
}.user-banner-data li.ads i {
    color: #f6661f;
}.add-balance-btn {
    color: #f6661f;
}@media (max-width: 500px) {
    .user-banner-data {
        gap: 32px 7px;
    }.user-banner {
    padding-top: 20px;
    background: #181717;
}.bank-box {
    width: 100%;
}
}.user-banner-profile-name h3 a:hover {
    color: #ffffff;
}.support-actions a:first-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
}.support-actions a:last-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
    color: #ffff;
}.left-header {
    background-color: #f6661f;
}.bank-box {
    background-color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
}.payment-notification-btn {
    width: 100%;
    border: 0;
    background: #06D65D !important;
    color: #fff !important;
    border-radius: 3px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    padding: 10px 0;
    text-align: center;
}.bank-box ul li span {
    font-size: 15px;
    color: #212121;
    font-weight: 600;
    width: 120px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-transform: none;
}.bank-accounts {
    display: flex;
    flex-wrap: wrap;
}.bank-left {
    width: 25%;
}.bank-left img {
    width: 100%;
}.bank-box ul {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}.bank-box ul li {
    display: flex;
    gap: 16px;
    padding: 4px 0px;
    font-size: 15px;
    width: 100%;
    position: relative;
    color: #888;
    font-weight: 600;
}.copy-btn {
    position: absolute;
    right: -7px;
    display: flex;
}
        .strong-password { color: #000000;
    font-weight: 600;  display: none; }
        .weak-password { 
    color: #000000;
    font-weight: 600; display: none; }
        .safe { font-weight: bold; }@media (max-width: 1165px) {
       .left-bar {
        position: relative;
        top: 0px;
        left: 0%;
        height: 100%;
        z-index: 99;
        border-radius: 0;
        opacity: 1;
        visibility: initial;
        pointer-events: auto;
        transition: all .2s ease-in-out;
        overflow: auto;
        display: block;
    }
 .customer-panel-container .container {
        gap: 16px;
        display: flex;
        flex-direction: column;
    }

.mobile-menus {
    overflow: hidden;
    max-height: 0; /* Başlangıçta menü kapalı */
    transition: max-height 0.5s ease-out;
}

.mobile-menus.open {
    max-height: 1000px; /* Yeterince büyük bir değer, menünüzün yüksekliğine göre ayarlayın */
}

.left-header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    justify-content: space-between;
}

}.user-banner {
    background: #f0f1f4;
}.user-banner-data li {
    background-color: #ffffff;
    box-shadow: 0 0 24px 0 #00000010;
}.user-banner-profile-name h3 a {
    color: #292828;
}.po-item, .bayilik-bilgisi {
    padding: 10px;
    border: 1px solid #838383;
    border-radius: 4px;
}.add-balance-btn {
    color: #ffffff;
    background-color: #f6661f;
}.add-balance-btn:hover {
    color: #ffffff;
    background-color: #f6661f;
}.po-item {
    color: #292828;
}.user-banner-data li i {
    background-color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
}.user-banner-profile-name h3 a:hover {
    color: #292828;
}.support-actions a:first-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
    color: #ffff;
}.support-actions a:first-child {
    background: linear-gradient(45deg, #f8a22e 0%, #fb5c1e 100%);
    color: #ffff;
}.support-actions a:last-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
    color: #ffff;
}.support-actions a:last-child {
    background: linear-gradient(45deg, #f8a22e 0%, #fb5c1e 100%);
    color: #ffff;
}.ch-right {
    display: none;
}.profile-info-edit .tab p.active {
    background-color: #00b57f;
    color: #fff;
}.tabcontent .btn-area input {
    font-size: 14px;
    border: 0;
    background: #00b57f !important;
    color: #fff !important;
    border-radius: 16px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    padding: 8px 16px;
}.payment-notification-btn {
    width: 100%;
    border: 0;
    background: #00b57f!important;
    color: #fff !important;
    border-radius: 3px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    padding: 7px 0;
    text-align: center;
    margin-top: 6px;
}.service-open {
    background: linear-gradient(45deg, #f8a22e 0%, #fb5c1e 100%);
}.cart-progress-area {
    width: 1300px;
}.cpa-bottom {
    background: linear-gradient(180deg, #fb5c1e 0%, #f8a22e 100%);
}.cpa-bottom span {
    background: linear-gradient(180deg, #fb5c1e 0%, #f8a22e 100%);
}.mb-2.section-title.section-title-bottom-line {
    margin-bottom: 1.5rem !important;
}.section-gap-95 {
    margin-bottom: 36px;
    padding: 0px 0px;
    margin-top: 0px;
}.mb-2.section-title.section-title-bottom-line {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
}.py-5 {
    padding-top: 0rem!important;
    padding-bottom: 3rem!important;
}.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(251 251 253) !important;
}@media (max-width: 500px) {
    .left-bar .activeakor {
        background-color: #00000007;
        color: #f6661f;
    }
}a.pic-btn.add-basket span {
    color: #ffffff;
}.hero-banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
    height: 207px;
    background-color: #F9FBFF;
    position: relative;
    padding-bottom: 40px;
}.cart-top2 {
    bottom: 50px;
    position: relative;
}.float {
    position: fixed;
    width: 60px;
    display: flex;
    height: 60px;
    bottom: 21px;
    left: 19px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    align-content: center;
    align-items: center;
    justify-content: center;
}.cb-right {
    position: sticky;
    top: 108px;
}.section-gap-75 {
    margin-bottom: 14px;
    margin-top: 50px;
}a:hover {
    color: #212529;
}.left-bar {
    box-shadow: 0 0 24px 0 #00000010;
}.customer-box.services {
    box-shadow: 0 0 24px 0 #00000010;
}@media(min-width:751px){
    i#toggle-icon {
    display: none;
}
}@media (max-width: 751px) {
    .iyovex-image {
        margin-bottom: 14px;
    }
}.iyovex-text-content h2 {
    font-weight: bolder;
}.iyovex-text-content h1 {
    font-weight: bolder;
}  .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}.bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}.card, .overflow-hidden {
    will-change: transform;
}.z-index-9 {
    z-index: 9 !important;
}.bg-blue {
    background-color: #121212db !important;
}.fill-body {
    fill: #fff !important;
}.z-index-99 {
    z-index: 99 !important;
}figure.position-absolute.bottom-0.left-0.w-100.d-md-block.mb-n3.z-index-9 {
    margin-bottom: -1rem !important;
}.btn-group.mb-5.mt-n5.position-absolute.top-100.start-50.translate-middle.z-index-99 {
    margin-top: -3rem !important;
}a.btn.btn-dark.z-index-9 {
    padding: 6px;
}.btn-warning {
    color: #ffffff;
    background-color: #ff6d00;
}a.btn.btn-dark.z-index-9 {
    background: #292828;
}@media (min-width: 768px) {
    .mx-md-4 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}.mx-2 {
    margin-right: 0rem!important;
    margin-left: 0rem!important;
}a.btn.btn-dark.z-index-9 {
    background: #292828;
    align-items: center;
    display: flex;
}
.text-warning {
    --bs-text-opacity: 1;
    color: #ff6d00 !important;
}.typed-cursor {
    color: #ffffffb3;
}.badge {
    background: #f6661f;
}@media (max-width: 751px) {.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    width: 95%;
}
    .dsa {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }.nav-top {
    border-bottom: 3px solid #f6661f;
    border-top: 0px;
    padding: 0px 0%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
}.btn-warning:hover {
    color: #ffffff;
    background-color: #ff6d00;
    border-color: #ff6d00;
}a.btn.btn-dark.z-index-9:hover {
    border-color: #292828;
    align-items: center;
    display: flex;
}.tabs-area .step-content a {
    background-color: #f6661f;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 50%;
    left: 25%;
    z-index: 999;
}.tabs-area .step-content.active {
    display: block;
    width: 95%;
}
}.product-grid-meta h4 a:hover {
    color: #f6661f;
}.product-grid-meta {
    height: 15%;
}.product-grid-image {
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0 0;
}.bayi-bilgisi-alert {
    color: #4f4f4f !important;
}
@media only screen and (max-width: 751px) {.col {
  
        padding: 0px 0;
        width: 48%;
        margin: 10px 3px;
}.row.row-cols-1.row-cols-sm-2.row-cols-md-2.row-cols-lg-2.row-cols-xl-3 {
    display: flex;
    justify-content: space-between;
}.col.detaycol {
    margin: 15px;
    padding: 3px;
    width: auto;
}.customer-box.services.hd>a {
    background-color: #21b556;
}.customer-box.services.hd .hd-box p {
    color: #212529;
}.customer-box.services.hd>a:hover {
    background-color: #198d43;
}.customer-box.services.hd .hd-box p {
    color: #212529;
    text-align: start;
}@media (max-width: 500px) {
    .payment-header label:last-child {
        width: 48%;
    }.price-card-row {
    padding-top: 15px;
}.price-card-row .col {
    width: 80% !important;
}td.td-btn {
    position: relative;
    bottom: 55px;
    left: 0px;
}
}.hdm-left p span:last-child {
    color: #161515;
}.hdm-left svg {
    color: #161515;
}.ch-left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #161515;
}.alert-danger {
    padding: 1rem 1rem;
    margin-bottom: 0rem;
    padding: 11px;
    margin-top: 1rem;
}input#payment-name {
    width: 90%;
    padding: 0px 10px;
    margin: 10px 0;
    margin-left: 0px;
}input#payment-amount {
    width: 90%;
    padding: 0px 10px;
    margin: 10px 0;
    margin-left: 0px;
}textarea#payment-description {
    width: 90%;
    padding: 10px 10px;
    margin: 10px 0;
    margin-left: 0px;
}@media (min-width: 1200px) {
    .col-xl-10 {
        flex: 0 0 auto;
        width: 100%;
    }.mx-auto {
    margin-right: 0;
    margin-left: 0;
}.col-xxl-9 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}ul#h-nav-layer-1 {
    padding: 0px 16px;
}
}.blog-grid-name a:hover {
    color: #f6661f;
}span.mt-2.mt-sm-0 {
    color: #8f8f8f;
    font-size: 14.08px;
}.d-flex.text-dark-grey.rounded.p-2.align-items-center.text-center.text-sm-start.justify-content-center.justify-content-sm-between.flex-wrap.flex-sm-nowrap.border.border-light.border-opacity-10.flex-md-row-reverse {
    border: 1px solid #373737 !important;
}}
.service-canceled {
    background-color: #c70000;
    white-space: nowrap;
}.service-wh {
    background-color: #ed4545;
    white-space: nowrap;
}div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(0,0,0,.4);
    z-index: 999999;
}
div#paytr-iframe-container {
    width: 100%;
    display:none;
}.adresa{
    border: 1px solid #0a0a0a;
    padding: 15px;
    border-radius: 3px;
    background: #0a0a0a;

}b.adrestext {
    font-weight: 400;
    width: 85%;
}.adresa {
    color: #e7e7e7;
    line-height: 23px;
    font-size: 13px;
    text-align: start;
    display: flex;
    align-items: center;
    width: 100%;
}.adresa i.fa-regular.fa-map {
    background: #f6661f;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 15px;
}
.i
.iyo-cookie {
    background-color: #fff;
    border: 1px solid #e5e8ed;
    box-shadow: 0 1px 10px 0 rgba(141,153,176,.1);
    border-radius: 8px;
    padding: 24px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 400px;
    max-width: calc(100% - 20px);
    z-index: 15;
}

.iyo-cookie .iyo-obtn.cancel {
    background-color: #f2f2f2;
    color: #667093;
}

.iyo-cookie .iyo-obtn.btn-gray {
    background: #667093;
    width: 100%;
}

.iyo-cookie .btns .iyo-obtn {
    padding: 10px;
    font-size: 13px;
    border-radius: 8px;
}

.iyo-cookie p {
    margin-bottom: 18px;
    font-size: 13px;
}

.iyo-cookie .title {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    color: #202331;
}

.iyo-cookie .btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    white-space: nowrap;
}

button#iyoAcceptCookiesB span {
    color: #ffffff;
}

.iyo-cookie .iyo-obtn.btn-gray {
    background: #212529;
    width: 100%;
}

span {
    color: #212529;
}

.iyo-cookie .iyo-obtn.cancel {
    background-color: #f2f2f2;
    color: #667093;
}.product-grid-meta {
    height: 60px;
}.product-grid-meta {
    height: 65px;
}.product-grid-meta h4 {
    font-size: 15.5px;
    font-weight: 600;
    margin-bottom: 5px;
}
    .select-secim {
        position: relative;
        display: inline-block;
        font-size: 14px;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
        padding: 10px;
        cursor: pointer;
    width: 100%;
    max-width: 94px;
    }

    .select-secim img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .options-secim {
        display: none;
        position: absolute;
        top: 100%;
        background-color: white;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
        width: 100%;
    z-index: 9999999;
    }

    .options-secim div {
        padding: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
    justify-content: space-between;
    }

    .options-secim div:hover {
        background-color: #f0f0f0;
    }

    .show {
        display: block;
    }
.lang{
    position: absolute;
    top: 91%;
    right: auto;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    width: 94px;
    z-index: 9999999;
    font-size: 14px;
    font-weight: 600;
}
   .select-secim {
    position: relative;
    display: inline-block;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 100px;
    height: 27px;
    margin: 0 3px;
}.options-secim {
    position: absolute;
    top: 86%;
    right: auto;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    width: 94px;
    z-index: 9999999;
    font-size: 14px;
    font-weight: 600;
}.lang {
    position: absolute;
    top: 86%;
    margin-right: 102px;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    width: 94px;
    z-index: 9999999;
    font-size: 14px;
    font-weight: 600;
}
    @media(max-width: 751px) {
        .sssa {
    padding: 0;
}
        .select-secim {
            padding: 2px 7px;
            font-size: 14px;
        }

       .options-secim {
    width: 80px;
        right: auto;
}.lang {
    width: 92px;
    margin-right: 88px;
}
        .options-secim img {
            width: 18px;
        }
   a.nt-link.iles {
    display: none;
} .crn img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}.select-secim {
    position: relative;
    display: inline-block;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 80px;
    height: 27px;
    margin: 0 3px;
}div#selectedLanguage {
    width: 92px;
    max-width: 92px;
}}

.options-secim img {
            width: 18px;
        }.options-secim img {
    width: 15px;
    margin: 0 8px 0 0px;
}div#selectedLanguage {
    display: flex;
    align-items: center;
    justify-content: space-around;
}div#selectedCurrency {
    display: flex;
    align-items: center;
    justify-content: space-around;
}.secim {
    display: flex;
    width: 200px;
    justify-content: flex-end;
}
.contact-item {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #ffffff;
    transition: background 0.3s ease, transform 0.3s ease;
}
.contact-item i {
    font-size: 24px;
    color: #f6661f; /* Ä°kon rengi */
}
.contact-slider {
    position: relative;
    width: 100%;
    height: 50px; /* Konteyner yüksekliği */
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.contact-item {
    position: absolute;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.contact-item.active {
    opacity: 1;
    transform: translateY(0);
}

.contact-item.exit {
    transform: translateY(-100%);
    opacity: 0;
}

.contact-item i {
    font-size: 24px;
    color: #f6661f;
}
.contact-slider {
    position: relative;
    width: 160px;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.nt-center {
    width: 330px;
    display: flex;
    flex-wrap: nowrap;
}.contact-info {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #ffffff;
    transition: background 0.3s ease, transform 0.3s ease;
    margin:0px 30px 0px 0px;
}.mobils{
    display:none;
    }
    @media(max-width:751px){
     .mobils {
    display: block;
    width: 16px;
    font-size: 15px;
}.pcs{
    display:none;
    }.contact-items {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #ffffff;
    transition: background 0.3s ease, transform 0.3s ease;
}
.contact-items i {
    font-size: 24px;
    color: #f6661f; /* Ä°kon rengi */
}
.contact-sliders {
    position: relative;
    width: 100%;
    height: 50px; /* Konteyner yüksekliği */
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
}


.contact-sliders {
    position: relative;
        width: 100%;
    list-style-type: none;
    display: flex;
    align-items: center;
}.mobils {
    display: block;
    width: 100%;
    margin-left: 5px;
}li.contact-items {
    font-size: 11px;
}

}.kams {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}.kams .product-grid-btn a {
    border-radius: 4px;
    width: 100%;
} .anahtar li {
    width: 100%;
}li.dsayfa {
    margin: 9px 0;
    font-size: 15px;
}i.fa-solid.fa-note-sticky {
    margin-right: 10px;
}#sidebar {
    top: 76px;
}.digs{
    border: 1px solid #b8b8b86b;
    border-radius: 7px;
}li.dsayfa {
    margin: 9px 0;
    font-size: 15px;
    font-weight: 500;
}.dropdown-menu .container .dmea {
    padding: 2px 0px;
}	
	        .solmenu .sidelink a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #667093;
    padding: 12px 0;
    transition: .2s all;
}.solmenu .sidelink .active {
    background: #ffffff;
}a.active span {
    font-weight: 700;
    color: #f6661f;
}.sidelink {
    width: 100%;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid rgba(102, 112, 147, .2);
    border-radius: 8px;
    margin-bottom: 20px;
}.solmenu .sidelink a:hover {
    background: #ffffff;
}.solmenu .sidelink span:hover {
    color: #f6661f;
}.titles {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    padding: 0 0 5px 0;
    align-items: center;
    border-bottom: 1px solid #c8c8c899;
    justify-content: space-between;
}.sidelinks span {
    color: #636363;
}i.fa-solid.fa-up-right-from-square {
    color: #5e5e5e;
    margin-right: 10px;
    font-size: 13px;
} .sidelinks {
        display: block; /* Masaüstünde açık */
    }

    .hamburger-btn {
        display: none; /* Masaüstünde gizli */
    }
.ch-left .mb-2.section-title.section-title-bottom-line {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
    /* Mobil görünüm için */
    @media (max-width: 768px) {
        .sidelinks {
            display: none;
        }

        .hamburger-btn {
            display: inline; /* Mobilde butonu göster */
        }

        .solmenu.active .sidelinks {
            display: block; /* Açıldığında mobil menüyü göster */
        }
        .items .item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
}
.card.card-14.border-0.shadow-sm.ff-ttnorms.my-2 {
    width: 44%;
    margin: 6px;
}.amount_spot_view {
    font-size: 1.2rem;
}.text-color-2 {
    color: #373738;
    font-size: 15px;
}.addd .input-container input {
    font-size: 15px;
}.bottom>div>div .vdsCustomize .radioList li label>span {
    width: unset;
    white-space: normal;
    padding: 4px 2px;
    font-size: 15px;
    line-height: 20px;
}.od-cart-card .radioList {
    display: flex;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 14px;
    flex-wrap: wrap;
}li.priceitem {
    width: 100%;
}.bottom>div>div .vdsCustomize .radioList li {
    width: 100%;
}.bottom>div>div>.right {
    flex: 100%;
    width: 100%;
    padding: 18px 15px 0;
}
    
	  .vdsCustomize {
    width: 100%;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.vdsCustomize table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.vdsCustomize thead {
    background-color: #f5f5f5;
    position: sticky;
    top: 0;
    z-index: 2;
}

.vdsCustomize th, .vdsCustomize td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.vdsCustomize th {
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

.vdsCustomize td {
    color: #555;
}

.vdsCustomize tbody tr:hover {
    background-color: #f9f9f9;
}

.vdsCustomize tbody tr:last-child td {
    border-bottom: none;
}
}
/* Mobil için uyumlu tasarım */
@media only screen and (max-width: 768px) {
    .vdsCustomize table, .vdsCustomize thead, .vdsCustomize tbody, .vdsCustomize th, .vdsCustomize td, .vdsCustomize tr {
        display: block;
    }
    
    .vdsCustomize thead {
        display: none;
    }
    
    .vdsCustomize tr {
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .vdsCustomize td {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        border: none;
        position: relative;
        padding-left: 50%;
    }

    .vdsCustomize td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .vdsCustomize td:last-child {
        border-bottom: none;
    }.bottom>div>div .vdsCustomize {
    flex: 1 0 0;
    padding: 18px 0 0 0;
}.bottom>div>div>.right {
    padding: 0px 15px 0;
}.row.sliderurun {
    display: flex;
    flex-wrap: wrap;
}.product-grid-meta h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}.product-grid-content {
    padding: 15px 6px;
}.product-grid-price span {
    font-size: 16px;
}del {
    font-size: 12px;
}
}

@media (min-width: 751px) {
    .keyspeed {
        margin-top: -13px;
    }
}
.keyspeed {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    border: 1px solid #a7a7a770;
    justify-content: start;
    background: #292828;
    color: #ffffff;
    padding: 0px;
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 160px;
    margin-top: -18px;
    height: 24px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden;
}
.keyspeed p {
    margin: 0;
    font-weight: 500;
}

.product-detail.row {
    margin: 0px auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.keyspeed i.fa-solid.fa-key {
    background: #ffffff;
    color: #f6661f;
    width: 40px;
    height: 45px;
    border-radius: 50px 50px 50px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    font-size: 15px;
    animation: swing 1.5s infinite ease-in-out;
    box-shadow: 0 4px 10px rgba(246, 102, 31, 0.5);
    transition: transform 0.3s ease;
}
.fa-solid, .fas {
    font-weight: 900;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
}
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.fa-solid, .fas {
    font-weight: 900;
}
.fa-key {
    --fa: "\f084";
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
}

.fa, .fa-brands, .fa-regular, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}.product-detail.row .col-md-6 {
    width: 48%;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px 0px;
}.scriptrightside {
    text-align: start;
}.ydh4 {
    color: #373737;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
}

.ydh4 {
    color: #373737;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: none;
}