@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
	--bg-color: #fff;
	--dark-text: #111322;
	--accent-color: #e73845;
	--accent-color-hover: #FFF1F3;
	--white: #fff;
	--border-dark: #EFF1F5;
	--transition: all 0.3s;
	--gray-color: #7D89B0;
	--c-glass: #bbbbbc;
	--c-light: #fff;
	--c-dark: #000;
	--glass-reflex-dark: 1;
	--glass-reflex-light: 1;
	--box-shadow-glass: inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);
	--box-shadow-shine: inset 2px 2px 1px 0 rgb(255 255 255 / 50%), inset -1px -1px 1px 1px rgb(255 255 255 / 50%);
	--box-shadow-tap-bar: 0 2px 6px rgb(0 0 0 / 10%), 0 0 10px rgb(0 0 0 / 10%);
	--bg-tint: rgb(255 255 255 / 25%);
}

body {
	background-color: var(--bg-color);
	font-family: "Satoshi", sans-serif;
	color: var(--text-color);
}

@-moz-document url-prefix() {
  body, html, * {
         font-family: "Plus Jakarta Sans", sans-serif !important;
  }
}

.row {
	--bs-gutter-x: 15px;
}


ul {
	padding: 0;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
}

input {
	color: var(--text-color);
}

/*header*/
header {
	padding: 20px 0;
	position: fixed;
	z-index: 9;
	left: 0;
	width: 100%;
	background: #fff;
	top: 0;
}

header::after {
	content: "";
	background: linear-gradient(90deg, rgba(239, 241, 245, 0.00) 0%, #EFF1F5 50%, rgba(239, 241, 245, 0.00) 100%);
	width: 90%;
	background-position: center;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 5%;
	right: auto;
}

.input-wrapper__prepend{
	display:none;
}

header .container {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

header .logo img {
	height: 42px;
	object-fit: contain;
}

.form-check-input{
	    margin-top: 0px !important;
    padding: 10px 10px!important;
}

.form-group__checkbox{
	    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

header .mainmenu {
	float: left;
}

header .mainmenu {
	display: block;
	margin-top: 11px;
}

ul.lsmbnone {
	list-style: none;
	margin-bottom: 0;
}

header .mainmenu ul li {
	float: left;
	margin: 0px 5px;
}

header .mainmenu ul li a {
	color: var(--dark-white, var(--dark-text));
	font-weight: bold;
	padding: 10px;
	border-radius: 8px;
	transition: var(--transition);
}

header .mainmenu ul li.active a {
	background: var(--accent-color) !important;
	padding: 7px 10px;
	color: #fff;
}

header .mainmenu ul li a:hover {
	background: #EFF1F5;
}

header .controlarea {
	float: right;
	display: flex;
	flex-flow: wrap;
	gap: 10px;
}

header .controlarea .lang_switch {
	position: relative;
	border: 1.5px solid var(--border-with, var(--border-dark));
	border-radius: 14px;
	padding: 10px 14px;
	padding-right: 33px;
	cursor: pointer;
	transition: var(--transition);
}

header .controlarea .lang_switch:hover {
	border-color: var(--accent-color);
}

header .controlarea .lang_switch svg {
	position: absolute;
	right: 10px;
	height: 6px;
}

header .controlarea .lang_switch img {
	width: 24px;
	height: 24px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 50%;
}

header .controlarea .lang_switch .langselect ul li a {
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 10px;
}

header .controlarea .lang_switch .swichselected {
	display: flex;
	align-items: center;
	cursor: pointer;
}

header .controlarea .lang_switch .langselect {
	position: absolute;
	top: 55px;
	right: 0;
	background-color: var(--white);
	border-radius: 14px;
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.05);
	padding: 5px;
	border: 1.8px solid var(--accent-color);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-10px) scaleY(0.95);
	transition: opacity 0.25s, transform 0.25s;
	z-index: 10;
}

header .controlarea .lang_switch.active .langselect {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scaleY(1);
}

header .controlarea .lang_switch .langselect ul li {
	display: flex;
	gap: 10px;
	padding: 10px;
	min-width: 120px;
	transition: var(--transition);
	border-radius: 8px;
	align-items: center;
}

header .controlarea .lang_switch .langselect ul li:hover {
	background: var(--accent-color-hover);
}

svg.gray-color path {
	stroke: #B9C0D4;
}

header .controlarea .lang_switch .langselect ul li span {
	font-weight: bold;
	color: var(--dark-white, var(--dark-text));
	font-size: 14px;
}

.btn-dev1 {
	border: 1px solid var(--border-with, var(--border-dark));
	background: #F9F9FB;
	border-radius: 14px;
	display: flex;
	align-items: center;
	padding: 11px 22px;
	color: var(--dark-white, var(--dark-text));
	font-weight: bold;
	font-size: 14px;
	transition: var(--transition);
}

.btn-dev1:hover {
	background: #DCDFEA;
	color: var(--dark-white, var, --dark-text);
}

.btn-dev2 {
	border-radius: 14px;
	display: flex;
	align-items: center;
	padding: 11px 22px;
	font-weight: bold;
	font-size: 14px;
	border: 1.5px solid #e73845;
	background: #e73845;
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	transition: var(--transition);
}

.btn-dev2:hover {
	background: rgb(197, 16, 68);
	color: #fff;
}

/*header*/

/*Blog*/
.bigtitle {
	display: flex;
	flex-flow: column;
	padding: 45px 0;
}

.bigtitle h1 {
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
}

.bigtitle h1 span {
	color: var(--accent-color);
	font-style: italic;
}

.bigtitle p {
	font-size: 18px;
	font-weight: 500;
	color: var(--gray-color);
	position: relative;
	padding-left: 48px;
	margin-bottom: 0;
}

.bigtitle p:before {
	content: "";
	position: absolute;
	background: url(https://apiseller.org/cdn/img/svg/arrow_right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 38px;
	height: 15px;
	left: 0;
	top: 6px;
}

.blogtop {
	display: flex;
	margin-bottom: 30px;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.blogtop:hover::after {
	opacity: 0.4;
}

.blogtop::after {
	content: "";
	position: absolute;
	border-radius: 12px;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.66;
	background: #000;
	transition: var(--transition);
}

.blogtop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.blogtop .text {
	position: absolute;
	left: 25px;
	bottom: 25px;
	z-index: 2;
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.blogtop .text .d-flex {
	flex-flow: wrap;
	align-items: center;
	gap: 20px;
}

.blogtop .text .cat {
	border-radius: 7px;
	border: 1px solid #B9E6FE;
	background: #F0F9FF;
	font-size: 12px;
	font-weight: 500;
	color: #026AA2;
	padding: 2px 6px;
	position: relative;
}

.blogtop .text .cat::after {
	content: "";
	width: 4px;
	height: 4px;
	background: #fff;
	opacity: 0.25;
	position: absolute;
	right: -13px;
	border-radius: 50%;
	bottom: 8px;
}

.blogtop .text .user-blog {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.blogtop .text .user-blog::after {
	content: "";
	width: 4px;
	height: 4px;
	background: #fff;
	opacity: 0.25;
	position: absolute;
	right: -13px;
	border-radius: 50%;
	bottom: 8px;
}

.blogtop .text .user-blog img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
}

.blogtop .text .user-blog span {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.blogtop .text .hot {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
}

.blogtop .text .hot svg {
	width: 16px;
	height: 16px;
}

.blogtop .text .hot span {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.blogtop .text h2 {
	text-overflow: ellipsis;
	font-family: Satoshi;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	color: #FCFCFD;
	margin-bottom: 0;
}

.blogtop .text .date {
	color: #B9C0D4;
	font-size: 14px;
	font-weight: 500;
}

.bloglist {
	display: flex;
	flex-flow: row wrap;
}

.bloglist h3 {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 25px;
}

.blogitem {
	float: left;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #EFF1F5;
	background: #F9F9FB;
	overflow: hidden;
}

.blogitem img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.blogitem .text {
	padding: 12px;
	display: flex;
	flex-flow: column;
	gap: 14px;
	border-bottom: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-25, #FCFCFD);
	transition: var(--transition);
}

.blogitem:hover .text {
	background: #EFF1F5;
}

.blogitem .text .d-flex {
	flex-flow: row wrap;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
}

.blogitem .text .cat {
	border-radius: 7px;
	border: 1px solid #B9E6FE;
	background: #F0F9FF;
	font-size: 12px;
	font-weight: 500;
	color: #026AA2;
	padding: 2px 6px;
}

.blogitem .text h4 {
	font-size: 16px;
	font-weight: 700;
	color: var(--dark-white, var(--dark-text));
	margin-bottom: 0;
}

.blogitem .text .date {
	color: #B9C0D4;
	font-size: 12px;
	font-weight: 500;
}

.blogitem .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	background: #fff;
	border-radius: 0 0 12px 12px;
}

.blogitem .info .user-blog {
	display: flex;
	align-items: center;
	gap: 10px;
}

.blogitem .info .user-blog img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
}

.blogitem .info .user-blog span {
	color: var(--dark-white, var(--dark-text));
	font-size: 14px;
	font-weight: 500;
}

.blogitem .info .hot {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #B9C0D4;
}

.blogitem .info .hot svg {
	width: 16px;
	height: 16px;
}

.blogitem .info .hot span {
	color: #B9C0D4;
	font-size: 14px;
	font-weight: 500;
}

.bloglist .col-md-4 {
	margin-bottom: 20px;
}

.pagination {
	display: flex;
	margin: 20px 0;
	flex-flow: row nowrap;
	justify-content: center;
	width: 100%;
}

.pagination ul {
	padding: 4px;
	border-radius: 38px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	display: flex;
	gap: 2px;
}

.pagination ul li a {
	border-radius: 60px;
	background: var(--Gray-Cool-100, #EFF1F5);
	width: 42px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	color: #7D89B0;
	transition: var(--transition);
}

.pagination ul li a:hover {
	background: var(--accent-color);
	color: #fff;
}

.pagination ul li.active a {
	background: var(--accent-color);
	color: #fff;
}

.pagination ul li a:hover svg path {
	stroke: #fff;
}

/*Blog*/
/* Footer */
.scroll-bar {
	overflow: hidden;
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
}

.scroll-bar::before {
	content: "";
	width: 100%;
	height: 77px;
	background: linear-gradient(90deg, #F9F9FB 0%, rgba(249, 249, 251, 0.00) 10%, rgba(249, 249, 251, 0.00) 50%, rgba(249, 249, 251, 0.00) 90%, #F9F9FB 100%);
	position: absolute;
	left: 0;
	top: -10px;
	z-index: 2;
}

.scroll-bar-track {
	display: flex;
	align-items: center;
	gap: 15px;
	min-width: max-content;
	will-change: transform;
	animation: scroll-left 90s linear infinite;
}

.scroll-item {
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 24px;
	padding: 8px 20px;
	font-size: 16px;
	white-space: nowrap;
	border-radius: 10px;
	border: 1.5px solid var(--Brand---Main-100, #FFE4E8);
	background: linear-gradient(180deg, var(--Brand---Main-50, #FFF1F3) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
	box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #FEA3B4) inset;
	color: var(--accent-color);
	font-size: 14px;
	font-weight: 700;
}

@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

footer {
	width: 100%;
  float:left;
	padding-top: 75px;
	position: relative;
}

footer::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, #FFF 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

footer .hero {
	width: 100%;
	border-radius: 45px 45px 0px 0px;
	background: var(--Gray-Cool-900, #111322);
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 35px;
	padding: 75px 20px;
	position: relative;
}

footer .hero::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(https://apiseller.org/cdn/img/hero--before.png);
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

footer .hero::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(https://apiseller.org/cdn/img/hero--after.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
}

footer .hero h6 {
	font-size: 20px;
	font-weight: 700;
	color: var(--accent-color, #FFF);
	position: relative;
	z-index: 2;
}

footer .hero h2 {
	font-size: 40px;
	font-weight: 700;
	color: #FCFCFD;
	position: relative;
	z-index: 2;
}

footer .hero .bar--bonus {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #FCFCFD;
	position: relative;
	z-index: 2;
}

footer .hero .bar--bonus .bonus {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color, #FF3366);
	border-radius: 10px;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: 700;
	color: #FCFCFD;
	font-size: 14px;
	font-weight: 700;
}

footer .hero .bar--bonus .bonus svg {
	margin-right: 5px;
}

.btn-dev3 {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.05);
	font-size: 16px;
	color: #111322;
	font-weight: 700;
	padding: 12px 16px;
	position: relative;
	z-index: 2;
	transition: var(--transition);
}

.btn-dev3:hover {
	background: #dee0e4;
	color: #111322;
}

.btn-dev3 svg {
	margin-left: 42px;
	transition: all 0.3s ease;
}

footer .hero--scroll {
	background: #EFF1F5;
	padding: 10px 0;
	border-radius: 0px 0px 45px 45px;
	overflow: hidden;
	position: relative;
}

.footer--menu {
	display: block;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 45px;
	position: relative;
}

.foooter-logo img {
	height: 40px;
	object-fit: contain;
	margin-bottom: 15px;
}

.footer-desc {
	font-size: 14px;
	font-weight: 500;
	color: #7D89B0;
	max-width: 280px;
	margin-bottom: 40px;
}

.footer-destek {
	border-radius: 12px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 12px 15px;
	display: flex;
	align-items: center;
	gap: 20px;
	max-width: 250px;
}

.footer-destek .txs {
	display: flex;
	flex-flow: column;
}

.footer-destek .txs span {
	font-size: 14px;
	font-weight: 500;
	color: #7D89B0;
}

.footer-destek .txs a {
	font-size: 14px;
	font-weight: 700;
	color: #FF3366;
	text-decoration: none;
}

.footer-menu--list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: space-between;
}

.footer-menu--list .item {
	display: flex;
	flex-flow: column;
}

.footer-menu--list .item:nth-child(1) {
	flex: 1.5 1 0;
}

.footer-menu--list .item:nth-child(2) {
	flex: 2.5 1 0;
}

.footer-menu--list .item:nth-child(3) {
	flex: 1 1 0;
}

.footer-menu--list .item label {
	font-size: 18px;
	font-weight: 700;
	color: #111322;
	margin-bottom: 20px;
}

.footer-menu--list .item ul li {
	display: inline-block;
	width: 48%;
	margin-bottom: 18px;
}

.footer-menu--list .item ul.w-100 li {
	width: 100%;
}

.footer-menu--list .item ul li a {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
	transition: var(--transition);
}

.footer-menu--list .item ul li a:hover {
	color: var(--accent-color);
}

.footer-bottom {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 30px 0;
	flex-flow: wrap;
	position: relative;
}

.footer-bottom::before {
	content: "";
	background: #F9F9FB;
	position: absolute;
	left: 0;
	top: -10px;
	height: 2px;
	width: 100%;
}

.footer-bottom .alan {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	flex-flow: column;
}

.footer-bottom .alan .hiz {
	display: flex;
	gap: 20px;
	align-items: center;
}

.footer-bottom .alan .hiz ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-bottom .alan .hiz ul a {
	color: #111322;
	font-size: 13px;
	font-weight: 500;
}

.footer-bottom span {
	color: #111322;
	font-size: 13px;
	font-weight: 500;
}

.footer-bottom ul {
	display: flex;
	gap: 20px;
	margin-left: 10px;
}

.footer-bottom ul li a svg {
	width: 30px;
	height: 30px;
}

.blogdetail-content {
	width: 100%;
	padding: 45px 0;
}

.breadcumb {
	width: 100%;
	margin-bottom: 15px;
	display: flex;
	gap: 15px;
	align-items: center;
}

.breadcumb a.back-off {
	display: flex;
	align-items: center;
	border-radius: 8px;
	background: var(--Gray-Cool-100, #EFF1F5);
	width: 28px;
	height: 28px;
	justify-content: center;
}

.breadcumb ul {
	display: flex;
	gap: 5px;
}

.breadcumb ul li:nth-child(1) a {
	color: #7D89B0;
}

.breadcumb ul li a {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
}

.blogdetail-content h1 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 10px;
}

.blog--alan {
	width: 100%;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #EFF1F5;
}

.blog--alan .blog--info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background: #F9F9FB;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.blog--alan .cat {
	border-radius: 7px;
	border: 1px solid var(--Blue-light-200, #B9E6FE);
	background: var(--Blue-light-50, #F0F9FF);
	padding: 3px 6px;
	color: var(--Blue-light-700, #026AA2);
	font-size: 12px;
	font-weight: 500;
}

.blog--alan .right {
	display: flex;
	align-items: center;
	gap: 25px;
}

.blog--alan .user-blog {
	display: flex;
	align-items: center;
	gap: 8px;
}

.blog--alan .user-blog img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.blog--alan .user-blog span {
	font-size: 14px;
	font-weight: 700;
	color: #111322;
}

.blog--alan .date {
	font-size: 14px;
	font-weight: 500;
	color: #B9C0D4;
}

.blog--alan .hot {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	color: #7D89B0;
}

.blog--alan .hot svg {
	width: 16px;
	height: 17px;
}

.blog--alan .hot span {
	font-size: 14px;
	font-weight: 500;
	color: #7D89B0;
}

.blog-info--text {
	padding: 16px;
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.blog-info--text img {
	height: 230px;
	width: 100%;
	border-radius: 12px;
	margin-bottom: 10px;
}

.blog-info--text h3 {
	color: #18181B;
	font-size: 18px;
	font-weight: 700;
}

.blog-info--text p {
	color: #A1A1AA;
	font-size: 15px;
	font-weight: 400;
}

.blog--faq {
	width: 100%;
	border: 1px solid #EFF1F5;
	border-radius: 12px;
	background: #F9F9FB;
}

.blog--faq h4 {
	width: 100%;
	border-bottom: 1px solid #EFF1F5;
	background: #FCFCFD;
	padding: 12px 16px;
	color: #111322;
	font-size: 15px;
	font-weight: 700;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	margin-bottom: 0;
}

.blog--faq .accordion {
	padding: 12px;
}

.blog--faq .accordion-item {
	border-radius: 12px;
	margin-bottom: 10px;
	border-radius: 12px;
	border: 1.1px solid #EFF1F5;
	background: #fff;
	overflow: hidden;
}

.blog--faq .accordion-button:not(.collapsed) {
	background: #fff;
	color: #111322;
	border: 0;
	box-shadow: none;
}

.blog--faq .accordion-button {
	box-shadow: none;
	font-weight: 700;
	font-size: 15px;
}

.blog--faq ul {
	padding-left: 20px;
	color: #111322;
	font-size: 15px;
	font-weight: 500;
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.blog--faq .accordion-button::after {
	filter: brightness(0) saturate(100%) invert(88%) sepia(10%) saturate(500%) hue-rotate(190deg) brightness(89%) contrast(84%);
}

.blog--sidebar {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 20px;
}

.blog-paylas {
	width: 100%;
	border: 1px solid #EFF1F5;
	border-radius: 12px;
	background: #fff;
}

.blog-paylas h4 {
	width: 100%;
	border-bottom: 1px solid #EFF1F5;
	background: #FCFCFD;
	padding: 12px 16px;
	color: #111322;
	font-size: 15px;
	font-weight: 700;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	margin-bottom: 0;
}

.blog-paylas ul {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding: 12px;
}

.blog-paylas ul li {
	width: calc(25% - 5px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
}

.blog-paylas ul a {
	width: 100%;
	display: flex;
	border-radius: 83px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: #f2f2f2b1;
	height: 52px;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
}

.blog-paylas ul a:hover {
	background: #bbbbbb35;
}

.sidebar--icerik {
	width: 100%;
	border: 1px solid #EFF1F5;
	border-radius: 12px;
	background: #fff;
}

.sidebar--icerik h4 {
	width: 100%;
	border-bottom: 1px solid #EFF1F5;
	background: #FCFCFD;
	padding: 12px 16px;
	color: #111322;
	font-size: 15px;
	font-weight: 700;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	margin-bottom: 0;
}

.sidebar--icerik ul {
	width: 100%;
	padding: 12px;
}

.sidebar--icerik ul li a {
	display: flex;
	width: 100%;
	color: #111322;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 10px;
	border-left: 2px solid #EFF1F5;
}

.sidebar--icerik ul li.active a {
	border-color: var(--accent-color);
}

.sidebar--icerik ul li a:hover {
	background: #e1e1e12c;
	border-radius: 12px;
}

.sidebar--sonyazilar {
	width: 100%;
	border: 1px solid #EFF1F5;
	border-radius: 12px;
	background: #fff;
}

.sidebar--sonyazilar h4 {
	width: 100%;
	border-bottom: 1px solid #EFF1F5;
	background: #FCFCFD;
	padding: 12px 16px;
	color: #111322;
	font-size: 15px;
	font-weight: 700;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	margin-bottom: 0;
}

.sidebar--sonyazilar ul {
	width: 100%;
	padding: 12px;
	display: flex;
	flex-flow: column;
	gap: 8px;
}

.sidebar--sonyazilar li a {
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 8px 8px;
	padding-right: 16px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	align-items: center;
	transition: all 0.6s;
}

.sidebar--sonyazilar li a:hover {
	background: var(--Gray-Cool-100, #EFF1F5);
}

.sidebar--sonyazilar li .img {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar--sonyazilar li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.sidebar--sonyazilar li .text {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sidebar--sonyazilar li .text .d-flex {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.sidebar--sonyazilar li .text .cat {
	border-radius: 7px;
	border: 1px solid var(--Blue-light-200, #B9E6FE);
	background: var(--Blue-light-50, #F0F9FF);
	padding: 3px 6px;
	color: var(--Blue-light-700, #026AA2);
	font-size: 12px;
	font-weight: 500;
}

.sidebar--sonyazilar li .text .date {
	color: var(--Gray-Cool-500, #A1A4B2);
	font-size: 12px;
	font-weight: 500;
}

.sidebar--sonyazilar li .text h5 {
	overflow: hidden;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
}

.terms-content {
	padding: 45px 0;
	background: #F9F9FB;
}

.terms-content .bigtitle {
	padding: 0px;
	margin-bottom: 15px;
}

.terms-content .menuarea {
	margin-bottom: 25px;
	border-radius: 8px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 5px;
	display: inline-block;
}

.terms-content .menuarea ul {
	display: flex;
	gap: 7px;
}

.terms-content .menuarea ul li a {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 14px;
	font-weight: 700;
	padding: 7px 12px;
	border-radius: 6px;
	display: flex;
	background: var(--Gray-Cool-100, #EFF1F5);
	transition: all 0.6s;
}

.terms-content .menuarea ul li a:hover {
	background: var(--Gray-Cool-200, #E5E7EB);
}

.terms-content .menuarea ul li.active a {
	background: #111322;
	color: #fff;
}

.terms-content .text {
	width: 100%;
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #FFF;
	padding: 20px;
}

.terms-content .text p {
	color: #A1A1AA;
}

.terms-content .text h3 {
	color: #18181B;
	font-weight: bold;
	font-size: 19px;
}

.ssscontent .alan {
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 8px;
	margin-bottom: 45px;
}

.ssscontent .alan .title {
	padding: 12px 16px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
}

.sss-sidebar {
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
}

.sss-sidebar ul {
	width: 100%;
	padding: 12px;
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.sss-sidebar ul li {
	width: 100%;
	display: flex;
}

.sss-sidebar ul li a {
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	width: 100%;
	padding: 10px;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 15px;
	font-weight: 700;
}

.sss-sidebar ul li.active a {
	background: #2c2b2b;
	color: #fff;
}

.sss-alan {
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	width: 100%;
	border-radius: 12px;
}

.sss-alan .accordion {
	padding: 12px;
	display: flex;
	flex-flow: column;
	gap: 12px;
}

.sss-alan .accordion-item {
	border-radius: 12px;
	border-radius: 12px;
	border: 1.1px solid #EFF1F5;
	background: #fff;
	overflow: hidden;
	margin-bottom: 10px;
}

.sss-alan .accordion-button:not(.collapsed) {
	background: #fff;
	color: #111322;
	border: 0;
	box-shadow: none;
}

.sss-alan .accordion-button {
	box-shadow: none;
	font-weight: 700;
	font-size: 15px;
}

.sss-alan ul {
	padding-left: 20px;
	color: #111322;
	font-size: 15px;
	font-weight: 500;
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.sss-alan .accordion-button::after {
	filter: brightness(0) saturate(100%) invert(88%) sepia(10%) saturate(500%) hue-rotate(190deg) brightness(89%) contrast(84%);
}

.contact-content {
	width: 100%;
	padding-bottom: 45px;
}

.contact-content .form {
	width: 100%;
}

.contact-content label {
	width: 100%;
	color: var(--Gray-Cool-800, #30374F);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact-content .row .col-md-6 {
	margin-bottom: 15px;
}

.contact-content input {
	border-radius: 14px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px;
	width: 100%;
	transition: all 0.6s;
}

.contact-content input:focus,
.contact-content textarea:focus {
	border: 1.5px solid var(--Gray-Cool-800, #30374F);
}

.contact-content textarea {
	border-radius: 14px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px;
	width: 100%;
	min-height: 220px;
	margin-bottom: 25px;
	transition: all 0.6s;
}

.contact-content button {
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	width: 100%;
	color: #fff;
	padding: 12px;
	font-size: 15px;
	font-weight: bold;
	transition: all 0.6s;
}

.contact-content button:hover {
	background: #E31B54;
}

.form--info {
	display: flex;
	flex-flow: column;
	gap: 35px;
}

.form--info .item {
	width: 100%;
	display: flex;
	flex-flow: column;
}

.form--info .item label {
	font-size: 18px;
	margin-bottom: 5px;
}

.form--info .item span {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}

.form--info .item a {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	gap: 15px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 500;
}

.nasilcalisir-content {
	padding-bottom: 45px;
}

.nasilcalisir-content .alan {
	width: 100%;
	border-radius: 35px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 45px;
	display: flex;
	justify-content: center;
	flex-flow: column;
}

.nasilcalisir-content .alan .img {
	float: right;
	width: calc(100% - 40px);
	height: 550px;
	border-radius: 30px;
	background: var(--Gray-Cool-100, #EFF1F5);
	position: relative;
	overflow: hidden;
}

.nasilcalisir-content .alan .img::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/nasilyapilir--bg.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
}

.nasilcalisir-content .alan .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
}

.nasilcalisir-content .alan .nlc--tabs {
	display: flex;
	border-radius: 38px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	flex-flow: wrap;
	gap: 5px;
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.nasilcalisir-content .alan .nlc--tabs .item--btn {
	border-radius: 60px;
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 9px 18px;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.8px;
	cursor: pointer;
	transition: all 0.6s;
}

.nasilcalisir-content .alan .nlc--tabs .item--btn:hover {
	background: #DCDFEA;
}

.nasilcalisir-content .alan .nlc--tabs .item--btn.active {
	background: var(--accent-color);
	color: var(--Gray-Cool-0, #FFFFFF);
}

.nasilcalisir-content .alan .text {
	display: flex;
	flex-flow: column;
}

.nasilcalisir-content .alan .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 34px;
	font-weight: 700;
	margin-top: 25px;
}

.nasilcalisir-content .alan .text p {
	color: var(--Gray-Cool-800, #30374f83);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}

.nasilcalisir-content .alan .text .list {
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.nasilcalisir-content .alan .text .list .item {
	display: flex;
	gap: 15px;
	align-items: center;
	border-radius: 14px;
	border: 1px solid var(--Brand---Main-100, #FFE4E8);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px 15px;
}

.nasilcalisir-content .alan .text .list .item .icon {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--accent-color);
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
}

.nasilcalisir-content .alan .text .list .item .texc {
	display: flex;
	flex-flow: column;
}

.nasilcalisir-content .alan .text .list .item b {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
}

.nasilcalisir-content .alan .text .list .item span {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 500;
}

.nasilcalisir-content .alan .text .list .item.status {
	border: 1px solid var(--Green-100, #D1FADF);
}

.nasilcalisir-content .alan .text .list .item.status .icon {
	background: #12B76A;
}

.akarac--tabs {
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

.akarac--tabs ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.akarac--tabs ul>li {
	flex: 0 0 calc(100% / 7 - 6px);
	max-width: calc(100% / 7 - 6px);
	box-sizing: border-box;
	display: none;
}

.akarac--tabs ul>li.toggle-tabs {
	max-width: calc(100% / 7 - 6px);
	flex: 0 0 calc(100% / 7 - 6px);
}

.akarac--tabs ul>li.kisalt-li {
	max-width: calc(100% / 7 - 6px);
	flex: 0 0 calc(100% / 7 - 6px);
}

.akarac--tabs ul li a {
	display: flex;
	gap: 10px;
	flex-flow: wrap;
	align-items: center;
	border-radius: 6px;
	background: var(--Gray-Cool-100, #EFF1F5);
	width: 100%;
	padding: 10px;
	justify-content: center;
	height: 100%;
	transition: all 0.6s;
	flex-flow: nowrap;
  
}

a{
  text-decoration:none!important;
}

.akarac--tabs ul li a:hover {
	background: #DCDFEA;
}

.akarac--tabs ul li span {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 13px;
	font-weight: 700;
}

.akarac--tabs ul {
	max-width: 75%;
	width: 75%;
}

.akarac--tabs ul .right {
	max-width: 25%;
}

.akarac--tabs ul li a i {
	color: #30374F;
	font-size: 20px;
}

.akarac--tabs ul li a svg {
	height: 18px;
	width: 18px;
}

.akarac--tabs ul li.active a {
	background: #111322;
}

.akarac--tabs ul li.active a span {
	color: #fff;
}

.akarac--tabs ul li.active a i {
	color: #fff;
}

.akarac--tabs ul li a:hover i.ri-instagram-line {
	color: #E1306C;
}

.akarac--tabs ul li a:hover i.ri-youtube-fill {
	color: #FF0000;
}

.akarac--tabs ul li a:hover i.ri-spotify-fill {
	color: #1DB954;
}

.akarac--tabs ul li a:hover i.ri-telegram-fill {
	color: #229ED9;
}

.akarac--tabs ul li a:hover i.ri-tiktok-fill {
	color: #010101;
}

.akarac--tabs ul li a:hover i.ri-whatsapp-line {
	color: #25D366;
}

.akarac--tabs ul li a:hover i.ri-vk-fill {
	color: #4C75A3;
}

.akarac--tabs ul li a:hover i.ri-twitter-x-line {
	color: #000000;
}

.akarac--tabs ul li a:hover i.ri-google-fill {
	color: #4285F4;
}

.akarac--tabs ul li a:hover i.ri-snapchat-fill {
	color: #FFFC00;
}

.akarac--tabs ul li a:hover i.ri-facebook-circle-fill {
	color: #1877F3;
}

.akarac-content .alan {
	width: 100%;
	display: block;
	margin-bottom: 40px;
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 8px;
}

.loginsizarachesaplama .col-md-3 {
	margin-bottom: 15px;
}


.akarac-content .alan .item {
	border-radius: 25px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: #fff;
	overflow: hidden;
	transition: all 0.6s;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.akarac-content .alan .item:hover {
	border: 2px solid var(--Brand---Main-500, #e73845);
}

.akarac-content .alan .item .txt {
	width: 100%;
	display: flex;
	flex-flow: column;
	padding: 25px;
}

.akarac-content .alan .item .btnlist {
	width: 100%;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 20px;
	border-top: 1px solid #EFF1F5;

}

.akarac-content .alan .item .btnlist .btn {
	width: 100%;
	border-radius: 14px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	display: flex;
	justify-content: space-between;
	padding: 12px 14px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 15px;
	font-weight: 700;
	align-items: center;
	transition: all 0.6s;
}

.akarac-content .alan .item:hover .btn {
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
}

.akarac-content .alan .item .btnlist .btn i {
	font-size: 18px;
}

.akarac-content .alan .item .txt svg {
	margin-bottom: 15px;
}

.akarac-content .alan .item .txt i {
	color: #fff;
	font-size: 26px;
	margin-bottom: 15px;
}

.loginsizarachesaplama i {
	color: #000 !important;
}

.loginsizarachesaplama svg path {
	fill: #000;
}

.akarac-content .alan .item .txt h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.akarac-content .alan .item .txt p {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}

.custom-select-with-icons {
	position: relative;
	display: inline-block;
	min-width: 140px;
	user-select: none;
}

.custom-select-with-icons .selected-option {
	display: flex;
	align-items: center;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px 14px;
	border-radius: 16px;
	background: #fff;
	cursor: pointer;
	position: relative;
}

.custom-select-with-icons .selected-option::after {
	content: "";
	position: absolute;
	background: url(https://apiseller.org/cdn/img/caretarrow.svg);
	width: 20px;
	height: 20px;
	right: 10px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: 14px;
}

.custom-select-with-icons .options-list {
	position: absolute;
	top: 110%;
	left: 0;
	right: 0;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	border-radius: 16px;
	z-index: 10;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	color: var(--Gray-Cool-900, #111322);
	font-size: 13px;
	font-weight: 700;
	padding: 5px;
}

.custom-select-with-icons .selected-option img,
.custom-select-with-icons .options-list img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.custom-select-with-icons .option {
	display: flex;
	align-items: center;
	padding: 11px 12px;
	cursor: pointer;
	transition: background 0.2s;
	border-radius: 16px;
}

.custom-select-with-icons .option:hover {
	background: var(--accent-color-hover);
}

#selectedText {
	color: var(--Gray-Cool-900, #111322);
	font-size: 13px;
	font-weight: 700;
}

.custom-select-with-icons input[type="hidden"] {
	display: none;
}

.akrac--detay {
	width: 100%;
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	margin-bottom: -17px;
	padding-bottom: 45px;
	padding-top: 65px;
}

.akrac--detay .container {
	justify-content: center;
	display: flex;
}

.akrac--detay .breadcumb a.back-off {
	background: #DCDFEA;
}

.akrac--detay h1 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	padding: 20px 0;
	margin-bottom: 20px;
}

.akrac--detay .breadcumb {
	margin: 0 auto;
	justify-content: center;
}

.akrac--detay .breadcumb ul li:nth-last-child(1) a {
	color: var(--accent-color);
}

.akrac--detay .kadiuret {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.akrac--detay .kadiuret .item {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.akrac--detay .kadiuret .item label {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 15px;
	font-weight: 700;
}

.akrac--detay .kadiuret .item input {
	border-radius: 16px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 13px 14px;
}

.akrac--detay .kadiuret .item input::placeholder {
	color: #B9C0D4;
	font-weight: 500;
	font-size: 14px;
}

.akrac--detay .kadiuret button.btn-olustur {
	width: 100%;
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	padding: 11px 5px;
	font-weight: 500;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 25px;
	transition: all 0.6s;
}

.akrac--detay .kadiuret button.btn-olustur:hover {
	background: #E31B54;
}

.akrac--detay .sonuvlar {
	width: 100%;
	display: flex;
	flex-flow: column;
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: #FFF;
}

.akrac--detay .sonuvlar h4 {
	border-bottom: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 12px 16px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}

.akrac--detay .sonuvlar .aln {
	padding: 15px;
	width: 100%;
}

.akrac--detay .sonuvlar .aln ul {
	padding-left: 20px;
	gap: 10px;
	display: flex;
	flex-flow: column;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 500;
}

.akrac--detay .sonuvlar .aln h5 {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	font-weight: 500;
}

.breadcumb.no-center {
	justify-content: start;
}

.akrac--detay.bot .container {
	flex-flow: column;
}

.hepsibotchat {
	width: 100%;
	display: flex;
	flex-flow: column;
	margin-top: 25px;
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-100, #EFF1F5);
	overflow: hidden;
	padding: 8px;
}

.hepsibotchat h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 15px;
	background: #fff;
	width: 100%;
	font-weight: 700;
	padding: 12px 16px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-bottom: 0;
}

.hepsibotchat .chatalan {
	width: 100%;
	padding: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.hepsibotchat .chatalan .item {
	width: 50%;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-end;
	margin-left: auto;
	margin-bottom: 25px;
}

.hepsibotchat .chatalan .item p {
	border-radius: 15px;
	background: var(--Brand---Main-50, #FFF1F3);
	padding: 15px;
	color: var(--Brand---Main-900, #89123E);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
}

.hepsibotchat .chatalan .item .info {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
	align-items: center;
	position: relative;
}

.hepsibotchat .chatalan .item .info span {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	font-weight: 500;
}

.hepsibotchat .chatalan .item .info b {
	font-size: 14px;
}

.hepsibotchat .chatalan .item.bot {
	margin-left: 0;
	align-items: flex-start;
	padding-left: 50px;
	width: 90%;
}

.hepsibotchat .chatalan .item.bot p {
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	color: #111322;
}

.hepsibotchat .chatalan .item.bot .info::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/kalp.png);
	width: 30px;
	height: 30px;
	position: absolute;
	left: -45px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.hepsibotchat .chatsubmit {
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #fff;
	position: relative;
	margin-top: 25px;
}

.hepsibotchat .chatsubmit input {
	padding: 15px;
	border: 0;
	width: 100%;
	background: transparent;
	padding-left: 20px;
}

.hepsibotchat .chatsubmit input::placeholder {
	color: var(--Gray-Cool-300, #B9C0D4);
	font-size: 14px;
	font-weight: 500;
}

.hepsibotchat .chatsubmit button {
	position: absolute;
	border-radius: 12px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	right: 15px;
	padding: 7px 30px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 13px;
	font-weight: 700;
	top: 8px;
	transition: all 0.6s;
}

.hepsibotchat .chatsubmit button:hover {
	background: var(--Gray-Cool-100, #EFF1F5);
}

.reglogincontent {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 100px 0;
	align-items: center;
	position: relative;
}

.reglogincontent::before {
	content: "";
	border-radius: 45px;
	border: 5px solid #F9F9FB;
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	position: absolute;
	left: 30px;
	top: 15px;
	width: calc(100% - 60px);
	height: calc(100% - 45px);
	z-index: -1;
}

.reglogincontent::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(https://apiseller.org/cdn/img/lgnregisterafter.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	z-index: -1;
}

.reglogincontent .hiz {
	margin: 0 auto;
	max-width: 720px;
}

.reglogincontent h1 {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
	color: var(--Gray-Cool-900, #111322);
	font-size: 48px;
	font-weight: 700;
}

.reglogincontent h1 span {
	color: var(--accent-color);
	font-style: italic;
}

.reglogincontent .info {
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
}

.reglogincontent .info a {
	margin-left: 5px;
	text-decoration: underline;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.reglogincontent .item {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 8px;
	margin-bottom: 25px;
}

.reglogincontent .item label {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 14px;
	font-weight: 700;
}

.reglogincontent .item input {
	width: 100%;
	border-radius: 16px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px 14px;
	transition: all 0.6s;
}

.reglogincontent .item input:focus {
	border: 1.5px solid var(--Gray-Cool-800, #30374F);
}

.reglogincontent .item input::placeholder {
	color: var(--Gray-Cool-300, #B9C0D4);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.13px;
}

.reglogincontent .item .telegram-input {
	position: relative;
	display: flex;
	align-items: center;
}

.reglogincontent .item .telegram-input svg {
	position: absolute;
	left: 10px;
	min-width: 24px;
	height: 24px;
}

.reglogincontent .item .telegram-input input {
	padding-left: 45px;
}

.reglogincontent .item .pass-input {
	position: relative;
	display: flex;
	align-items: center;
}

.reglogincontent .item .pass-input button {
	position: absolute;
	right: 10px;
	top: 10px;
	min-width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	cursor: pointer;
}

.input-checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 100%;
}

.input-checkbox input[type="checkbox"] {
	display: none;
}

.input-checkbox label {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.input-checkbox .custom-checkbox {
	width: 20px;
	height: 20px;
	border-radius: 6.667px;
	border: 1.429px solid var(--Gray-Cool-300, #B9C0D4);
	background: var(--Gray-Cool-White, #FFF);
	border-radius: 6px;
	display: inline-block;
	position: relative;
	transition: border-color 0.2s;
	margin-right: 10px;
}

.input-checkbox input[type="checkbox"]:checked+label .custom-checkbox {
	border-color: var(--accent-color);
	background: var(--accent-color);
}

.input-checkbox .custom-checkbox::after {
	content: "";
	display: none;
	position: absolute;
	left: 5px;
	top: 1px;
	width: 7px;
	height: 12px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	border-radius: 1px;
	transform: rotate(45deg);
}

.input-checkbox input[type="checkbox"]:checked+label .custom-checkbox::after {
	display: block;
}

.input-checkbox a {
	color: var(--accent-color);
	font-weight: 700;
}

.reglogincontent button.gonder {
	border-radius: 16px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: center;
	padding: 12px;
	color: var(--Blue-light-50, #F0F9FF);
	font-size: 16px;
	font-weight: 700;
	transition: all 0.6s;
}

.reglogincontent button.gonder:hover {
	background: #E31B54;
}

.reglogincontent .veya {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	position: relative;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 13px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: center;
	margin-top: 10px;
}

.reglogincontent .veya::before,
.reglogincontent .veya::after {
	content: "";
	flex: 1;
	height: 2px;
	background: #DCDFEA;
	display: block;
	border-radius: 1px;
}

.reglogincontent .sifremiunuttum_a {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

.kazanchesapla-content .custom-range-wrapper {
	width: 100%;
	margin-bottom: 35px;
}

.kazanchesapla-content input[type="range"] {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 5px;
	outline: none;
	transition: background 0.3s;
	background: linear-gradient(to right, #e73845 0%, #e73845 var(--percent, 79%), #DCDFEA var(--percent, 79%), #DCDFEA 100%);
}

.kazanchesapla-content input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #FD6F8E 0%, #FD6F8E 100%);
	box-shadow: 0 2px 8px 0 rgba(255, 106, 0, 0.15);
	border: 3px solid #FFE4E8;
	cursor: pointer;
	transition: background 0.3s, box-shadow 0.3s;
	margin-top: -7px;
}

.kazanchesapla-content input[type="range"]:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.15);
}

.kazanchesapla-content input[type="range"]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #FD6F8E 0%, #FD6F8E 100%);
	box-shadow: 0 2px 8px 0 rgba(255, 106, 0, 0.15);
	border: 3px solid #FFE4E8;
	cursor: pointer;
	transition: background 0.3s, box-shadow 0.3s;
	margin-top: -7px;
}

.kazanchesapla-content input[type="range"]:focus::-moz-range-thumb {
	box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.15);
}

.kazanchesapla-content input[type="range"]::-ms-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #FD6F8E 0%, #FD6F8E 100%);
	box-shadow: 0 2px 8px 0 rgba(255, 106, 0, 0.15);
	border: 3px solid #FD6F8E;
	cursor: pointer;
	transition: background 0.3s, box-shadow 0.3s;
}

.kazanchesapla-content input[type="range"]:focus {
	outline: none;
}

.kazanchesapla-content input[type="range"]::-webkit-slider-runnable-track {
	height: 6px;
	border-radius: 5px;
	background: transparent;
}

.kazanchesapla-content input[type="range"]::-moz-range-track {
	height: 6px;
	border-radius: 5px;
	background: transparent;
}

.kazanchesapla-content input[type="range"]::-ms-tooltip {
	display: none;
}

.range-labels {
	color: var(--Gray-Cool-300, #B9C0D4);
	font-size: 14px;
	font-weight: 700;
}

.kazanchesapla-content {
	width: 100%;
}

.kazanchesapla-content .hesaplaarea {
	width: 100%;
	margin-bottom: 50px;
	border-radius: 35px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 45px;
}

.kazanchesapla-content .hesaplaarea h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 2px;
}

.kazanchesapla-content .hesaplaarea p {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 40px;
}

.kazanchesapla-content .aln {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	border: 2px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 35px;
}

.kazanchesapla-content .aln h3 {
	margin-bottom: 40px;
}

.kazanchesapla-content .aln .kazan-veri {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.kazanchesapla-content .aln .kazan-veri .item {
	border: 2px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-50, #F9F9FB);
	border-radius: 25px;
}

.kazanchesapla-content .aln .kazan-veri .item h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	padding: 12px 5px;
	border-bottom: 2px solid var(--Gray-Cool-200, #DCDFEA);
	margin-bottom: 0;
}

.kazanchesapla-content .aln .kazan-veri .item span {
	color: var(--Green-500, #12B76A);
	font-size: 32px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	padding: 15px 0;
}

.kazanchesapla-content .boxalan {
	padding: 35px 0;
	padding-right: 50px;
}

.kazanchesapla-content .boxalan .bs_text {
	width: 100%;
	margin-bottom: 10px;
}

.kazanchesapla-content .boxalan .bs_text b {
	color: var(--Brand---Main-500, #e73845);
	font-size: 36px;
	font-weight: 700;
	margin-right: 5px;
}

.kazanchesapla-content .boxalan .bs_text small {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
}

.kazanchesapla-content .sonucarea .is {
	border-radius: 25px;
	border: 2px solid var(--Gray-Cool-200, #DCDFEA);
	background: #EFF1F5;
	text-align: center;
	overflow: hidden;
}

.kazanchesapla-content .sonucarea {
	margin-top: 50px;
	width: 100%;
}

.kazanchesapla-content .sonucarea .is h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	background: #fff;
	padding: 14px 5px;
	border-bottom: 2px solid var(--Gray-Cool-200, #DCDFEA);
	margin-bottom: 0;
}

.kazanchesapla-content .sonucarea .is span {
	color: var(--Brand---Main-500, #e73845);
	font-size: 30px;
	font-weight: 700;
	padding: 12px 5px;
	display: block;
}

.kazanchesapla-content .info--text {
	width: 100%;
	margin-bottom: 15px;
}

.kazanchesapla-content .info--text .item {
	width: 100%;
	margin-bottom: 45px;
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #FFF;
	overflow: hidden;
}

.kazanchesapla-content .info--text .item h3 {
	width: 100%;
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 12px 16px;
	margin-bottom: 0;
}

.kazanchesapla-content .info--text .item .bs--text {
	width: 100%;
	padding: 16px;
}

.kazanchesapla-content .info--text .item .bs--text p {
	margin-bottom: 0;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 500;
}

.kazanchesapla-content .info--text .item ul {
	padding: 10px 0;
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
	margin-top: 5px;
}

.kazanchesapla-content .info--text .item ul b {
	color: var(--accent-color);
}

.kazanchesapla-content .info--text .item ul i {
	font-size: 19px;
	color: var(--accent-color);
	margin-right: 5px;
}

.sartlar--alan {
	width: 100%;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 50px 0;
	margin-bottom: 75px;
	margin-top: 65px;
}

.sartlar--alan .container {
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
}

.sartlar--alan h2 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 15px;
}

.sartlar--alan h2 span {
	color: var(--accent-color);
	font-style: italic;
}

.sartlar--alan h6 {
	color: var(--Gray-Cool-800, #30374f7f);
	font-size: 18px;
	font-weight: 500;
	max-width: 400px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.sartlar--alan .item {
	border-radius: 14px;
	border: 1px solid var(--Brand---Main-100, #FFE4E8);
	background: #FFF;
	width: 100%;
	padding: 20px;
	display: flex;
	gap: 20px;
	text-align: left;
	height: 100%;
}

.sartlar--alan .item .icon {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--Gray-Cool-100, #EFF1F5);
	min-width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sartlar--alan .item h5 {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 500;
}

.sartlar--alan .item p {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
}

.sartlar--alan .item .icon.active {
	background: var(--accent-color);
}

.kazanc--derbas {
	width: 100%;
	margin-bottom: 75px;
}

.kazanc--derbas .item {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	overflow: hidden;
	background: var(--Gray-Cool-50, #F9F9FB);
}

.kazanc--derbas .col-md-6 {
	margin-bottom: 45px;
}

.kazanc--derbas .item h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	padding: 20px 25px;
	background: #fff;
	border-bottom: 2px solid var(--Gray-Cool-100, #EFF1F5);
	margin-bottom: 0;
}

.kazanc--derbas .item h3 span {
	color: #7D89B0;
}

.kazanc--derbas .item p {
	width: 100%;
	margin-bottom: 0;
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
	padding: 25px;
}

.kazanc--derbas .itemb {
	width: 100%;
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #FFF;
	overflow: hidden;
}

.kazanc--derbas .itemb h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
	padding: 12px 16px;
	border-bottom: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-50, #F9F9FB);
	margin-bottom: 0;
}

.kazanc--derbas .itemb .abs {
	width: 100%;
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 30px;
}

.kazanc--derbas .itemb svg {
	margin-bottom: 15px;
}

.kazanc--derbas .itemb h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.kazanc--derbas .itemb p {
	margin-bottom: 0;
	color: var(--Gray-Cool-800, #30374f97);
	font-size: 16px;
	font-weight: 500;
	max-width: 85%;
}

.kazanc--derbas .col-md-3 {
	position: relative;
}

.kazanc--derbas .col-md-3::before {
	content: "";
	position: absolute;
	border-radius: 9px;
	background: var(--Gray-Cool-200, #DCDFEA);
	width: 3px;
	height: 62px;
	position: absolute;
	left: -20px;
}

.kazanc--derbas .col-md-3:nth-child(1)::before {
	display: none;
}

.giveaway {
	width: 100%;
}

.giveaway--title {
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	margin-bottom: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 15px;
	text-align: center;
	position: relative;
}

.giveaway--title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://apiseller.org/cdn/img/giveaway--bg.png) no-repeat center center;
	background-size: 100%;
}

.giveaway--title .text {
	position: relative;
	z-index: 1;
}

.giveaway--title .text span {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 25px;
}

.giveaway--title .text h1 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 10px;
}

.giveaway--info {
	width: 100%;
	border-radius: 35px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 45px;
	margin: 40px 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
}

.giveaway--info h2 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 15px;
}

.giveaway--info h2 span {
	color: var(--accent-color);
	font-style: italic;
}

.giveaway--info h6 {
	color: var(--Gray-Cool-800, #30374f7f);
	font-size: 18px;
	font-weight: 500;
	max-width: 400px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.giveaway--info .item {
	border-radius: 14px;
	border: 1px solid var(--Brand---Main-100, #FFE4E8);
	background: #FFF;
	width: 100%;
	padding: 20px;
	display: flex;
	gap: 20px;
	text-align: left;
	height: 100%;
}

.giveaway--info .item .icon {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border-radius: 10px;
	background: var(--Brand---Main-500, #e73845);
	min-width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.giveaway--info .item span {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}

.giveaway--info .item h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
}

.giveaway--info .item p {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 0;
}

.giveaway--info .item.active .icon {
	background: #12B76A;
}

.giveaway--list {
	width: 100%;
	margin: 25px 0;
	margin-bottom: 40px;
}

.giveaway--list .item {
	width: 100%;
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-White, #FFF) 100%);
	padding: 15px;
	margin-bottom: 25px;
}

.giveaway--list .item .title-x {
	width: 100%;
	border-radius: 12px;
	background: var(--Gray-Cool-200, #DCDFEA);
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	display: flex;
	align-items: center;
	padding: 10px;
	justify-content: center;
	margin-bottom: 10px;
	gap: 10px;
	min-height: 70px;
}

.giveaway--list .item .title-x.youtube {
	background: #e73845;
}

.giveaway--list .item .title-x.youtube span {
	color: #fff;
}

.giveaway--list .item .title-x span {
	color: var(--Gray-Cool-25, #FCFCFD);
	font-size: 16px;
	font-weight: 700;
	color: #111322;
}

.giveaway--list .item .ls-btx {
	width: 100%;
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	padding: 18px 14px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.giveaway--list .item .ls-btx h6 {
	margin-bottom: 0;
	color: var(--Gray-Cool-500, #5D6B98);
	font-size: 13px;
	font-weight: 500;
}

.giveaway--list .item .ls-btx span {
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
}

.giveaway--list button.daha-fazla {
	width: 100%;
	border-radius: 20px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: #f5f5f5;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	padding: 12px 5px;
	font-weight: 500;
	transition: all 0.6s;
	margin-top: 18px;
}

.giveaway--list button.daha-fazla:hover {
	background: var(--Gray-Cool-25, #ebebed);
}

.giveaway--list h4 {
	width: 100%;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	font-weight: 500;
}

.giveaway--list ul {
	padding-left: 20px;
	display: flex;
	flex-flow: column;
	gap: 12px;
}

.giveaway--list ul li {
	color: var(--Gray-Cool-900, #111322);
	font-size: 13px;
	font-weight: 500;
}

.giveaway--list .alert {
	border-radius: 12px;
	border: 1.1px solid var(--Brand---Main-100, #FFE4E8);
	background: var(--Gray-Cool-White, #FFF);
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.giveaway--list .alert svg {
	min-width: 30px;
	height: 30px;
}

.giveaway--list .alert span {
	color: var(--Gray-Cool-900, #111322);
	font-size: 13px;
	font-weight: 500;
}

.giveaway--list .alert span a {
	color: #e73845;
}

.giveaway--list .detay {
	margin-top: 20px;
}

.basicpagecontent {
	width: 100%;
	position: relative;
}

.basicpagecontent .basic_slidealan {
	width: 100%;
	padding-top: 30px;
}

.basicpagecontent .basic_slidealan::before {
	content: "";
	border-radius: 45px;
	border: 5px solid #F9F9FB;
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	width: calc(100% - 80px);
	height: 100%;
	position: absolute;
	left: 40px;
	top: 0;
	z-index: -1;
}

.basicpagecontent .basic_slidealan .img {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: end;
}

.basicpagecontent .basic_slidealan .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom right;
	margin-right: -100px;
}

.basicpagecontent .bgalan {
	width: 100%;
	position: relative;
	margin-bottom: 95px;
}

.basicpagecontent .basic_slidealan .text {
	width: 100%;
	padding: 50px 10px;
}

.basicpagecontent .basic_slidealan .text h1 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 30px;
}

.basicpagecontent .basic_slidealan .text h1 .icon {
	float: left;
	border-radius: 55.935px;
	background: var(--Gray-Cool-200, #DCDFEA);
	padding: 5px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	margin-top: 8px;
}

.basicpagecontent .basic_slidealan .text h1 span {
	color: var(--accent-color);
}

.basicpagecontent .basic_slidealan .text p {
	color: var(--Gray-Cool-500, #5D6B98);
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}

.basicpagecontent .basic_slidealan .text ul {
	margin-bottom: 30px;
	list-style: none;
	display: flex;
	flex-flow: wrap;
}

.basicpagecontent .basic_slidealan .text ul li {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 14px;
	width: 50%;
	display: flex;
	align-items: center;
}

.basicpagecontent .basic_slidealan .text ul li span {
	padding: 0px 5px;
	color: var(--accent-color);
}

.basicpagecontent .basic_slidealan .text ul li svg {
	margin-right: 10px;
}

.basicpagecontent .basic_slidealan .text .slide--info {
	display: flex;
}

.basicpagecontent .basic_slidealan .text .slide--info img {
	height: 38px;
	object-fit: contain;
	object-position: left;
}

.basicpagecontent .basic_slidealan .text .slide--info .d-left {
	display: flex;
	justify-content: start;
	text-align: left;
	flex-flow: column;
	gap: 13px;
	position: relative;
}

.basicpagecontent .basic_slidealan .text .slide--info .d-left::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/right--ok.png);
	height: 18px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 72px;
	position: absolute;
	right: -100px;
	top: 20px;
}

.basicpagecontent .basic_slidealan .text .slide--info .d-left span {
	color: var(--Brand---Main-500, #e73845);
	font-size: 12px;
	font-weight: 700;
}

.basicpagecontent .basic_slidealan .text .slide--info a {
	border-radius: 18px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	padding: 14px 18px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 30px;
	color: var(--Blue-light-50, #F0F9FF);
	font-size: 17px;
	font-weight: 500;
	margin-left: 120px;
	transition: all 0.6s;
}

.basicpagecontent .basic_slidealan .text .slide--info a:hover {
	background: #E31B54;
}

.whois--compenet {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	position: relative;
}

.whois--compenet::after {
	content: "";
	background: url(https://storage.perfectcdn.com/449b2e/2y5f8e6n2pdu6f1p.svg);
	width: 150px;
	height: 150px;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -120px;
	position: absolute;
	right: -100px;
}

.whois--compenet::before {
	content: "";
	background: url(https://storage.perfectcdn.com/449b2e/00me5pbx2d9g1f46.png);
	width: 150px;
	height: 150px;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -120px;
	position: absolute;
	left: -100px;
}

.whois--compenet h4 {
	color: var(--accent-color);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
}

.whois--compenet h4::after {
	content: "";
	position: absolute;
	background: url(https://apiseller.org/cdn/img/title--after.png);
	background-size: contain;
	width: 142%;
	height: 75px;
	background-position: center;
	left: -31px;
	top: -30px;
	background-repeat: no-repeat;
}

.whois--compenet h2 {
	color: var(--Gray-Cool-900, #111322);
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	position: relative;
	padding: 30px 0;
}

.whois--compenet h2::after {
	content: "";
	border-radius: 1203px;
	background: var(--Brand---Main-50, #FFF1F3);
	filter: blur(61.75px);
	width: 100%;
	height: 174px;
	position: absolute;
	left: 0;
	top: -50px;
	z-index: -1;
}

.whois--compenet .itemb {
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}

.whois--compenet .itemb .abs {
	width: 100%;
	padding: 30px 0;
}

.whois--compenet .itemb svg {
	margin-bottom: 15px;
}

.whois--compenet .itemb h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.whois--compenet .itemb p {
	margin-bottom: 0;
	color: var(--Gray-Cool-800, #30374f97);
	font-size: 16px;
	font-weight: 500;
	max-width: 85%;
}

.whois--compenet .col-md-3 {
	position: relative;
}

.whois--compenet .col-md-3::before {
	content: "";
	position: absolute;
	border-radius: 9px;
	background: var(--Gray-Cool-200, #EFF1F5);
	width: 3px;
	height: 62px;
	position: absolute;
	left: -20px;
}

.whois--compenet .col-md-3:nth-child(1)::before {
	display: none;
}

.packet--pricescom {
	width: 100%;
	padding: 40px 0;
}

.packet--pricescom h4 {
	color: var(--accent-color);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.packet--pricescom h2 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

.packet--pricescom p {
	color: var(--Gray-Cool-800, #30374f7d);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 35px;
}

.packet--pricescom .alan {
	width: 100%;
	border-radius: 35px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 45px;
	display: flex;
	flex-flow: column;
}

.packet--pricescom .alan .filter--ul {
	display: flex;
	flex-flow: wrap;
	list-style: none;
	justify-content: flex-start;
	margin-bottom: 35px;
	border-radius: 38px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	margin-right: auto;
	margin-left: 0;
	padding: 4px;
	gap: 2px;
}

.packet--pricescom .alan .filter--ul li a {
	border-radius: 60px;
	background: var(--Gray-Cool-100, #EFF1F5);
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 18px;
	font-weight: 700;
	padding: 6px 20px;
	display: flex;
	transition: all 0.6s;
}

.packet--pricescom .alan .filter--ul li.active a {
	background: var(--accent-color) !important;
	color: #fff;
}

.packet--pricescom .alan .filter--ul li a:hover {
	background: #DCDFEA;
}

.packet--pricescom .item {
	width: 100%;
	border-radius: 25px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	overflow: hidden;
	transition: all 0.5s;
}

.packet--pricescom .item .aln-tex {
	display: flex;
	flex-flow: column;
	gap: 15px;
	padding: 25px;
	background: #fff;
}

.packet--pricescom .item .aln-tex h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0;
}

.packet--pricescom .item .aln-tex .price {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.5s;
	border-radius: 10px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
	box-shadow: 0px -1px 1.3px 0px var(--Gray-Cool-100, #EFF1F5) inset;
	justify-content: flex-start;
	margin-left: 0;
	margin-right: auto;
	padding: 5px 10px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
}

.packet--pricescom .item .bt-alt {
	background: var(--Gray-Cool-50, #F9F9FB);
	width: 100%;
	padding: 20px;
}

.packet--pricescom .item .bt-alt a {
	width: 100%;
	border-radius: 14px;
	border: 1.5px solid var(--gray-cool-transparent-10, rgba(17, 19, 34, 0.10));
	background: var(--Gray-Cool-White, #FFF);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	display: flex;
	justify-content: space-between;
	padding: 14px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
	align-items: center;
	transition: all 0.5s;
}

.packet--pricescom .item .bt-alt a i {
	font-size: 18px;
}

.packet--pricescom .item:hover .bt-alt a {
	background: var(--accent-color);
	color: #fff;
}

.packet--pricescom .item:hover {
	border-color: var(--accent-color);
}

.packet--pricescom .item:hover .price {
	background: #FFE4E8;
	color: #e73845;
}

.packet--pricescom .item:hover .price svg path {
	fill: var(--accent-color);
}

.basicpagecontent .infoalan .item {
	width: 100%;
	margin-bottom: 45px;
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #FFF;
	overflow: hidden;
}

.basicpagecontent .infoalan .item h3 {
	width: 100%;
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 12px 16px;
	margin-bottom: 0;
}

.basicpagecontent .infoalan .bs--text {
	width: 100%;
	padding: 16px;
}

.basicpagecontent .infoalan .bs--text p {
	margin-bottom: 0;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 500;
}

.basicpagecontent .infoalan .item ul {
	padding: 10px 0;
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
	margin-top: 5px;
}

.basicpagecontent .infoalan .item ul b {
	color: var(--accent-color);
}

.basicpagecontent .infoalan .item ul i {
	font-size: 19px;
	color: var(--accent-color);
	margin-right: 5px;
}

.code-container {
	width: 100%;
	display: flex;
	padding: 12px 16px;
}

.line-numbers {
	padding: 10px 5px;
	text-align: left;
	user-select: none;
	color: #7D89B0;
	width: 40px;
	flex-shrink: 0;
}

.code-content {
	padding: 10px;
	white-space: pre-line;
	flex-grow: 1;
	color: #111322;
}

.apicontent {
	width: 100%;
	margin-bottom: 45px;
}

.apidetail {
	width: 100%;
	margin-bottom: 45px;
}

.apidetail .item {
	border-radius: 25px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	overflow: hidden;
	height: 100%;
}

.apidetail .item h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	padding: 25px;
	border-bottom: 2px solid var(--Gray-Cool-100, #EFF1F5);
	margin-bottom: 0;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.apidetail .item .method {
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 15px 25px;
	color: var(--Brand---Main-500, #e73845);
	font-size: 24px;
	font-weight: 700;
	height: 100%;
	display: flex;
	align-content: center;
	flex-flow: column;
}

.apidetail .page-btn {
	width: 100%;
}

.apidetail .page-btn a {
	display: flex;
	justify-content: space-between;
	align-content: center;
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	padding: 12px;
	color: #fff;
	color: var(--Blue-light-50, #F0F9FF);
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	flex-flow: wrap;
	transition: all 0.6s;
}

.apidetail .page-btn a:hover {
	background: var(--Brand---Main-300, #E31B54);
}

.apidetail .item .method .url {
	width: 100%;
	position: relative;
	border-radius: 12px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px 8px;
	display: flex;
}

.apidetail .item .method .url span {
	overflow: hidden;
	color: var(--Gray-Cool-900, #111322);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12px;
}

.apidetail .item .method .url button {
	position: absolute;
	background: transparent;
	padding: 0;
	border: 0;
	right: 10px;
	top: 0px;
}

.api--list {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.api--list .item {
	width: 100%;
	position: relative;
	border-radius: 16px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-100, #EFF1F5);
	overflow: hidden;
}

.api--list .item .head {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 12px;
	align-items: center;
}

.api--list .item .head h3 {
	margin-bottom: 0;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
}

.api--list .item .head select {
	color: var(--Gray-Cool-900, #111322);
	font-size: 12px;
	font-weight: 700;
	border-radius: 12px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 7px 8px;
	min-width: 160px;
}

.api--list .item .bdy {
	width: 100%;
	padding: 8px;
}

.api--list .item ul {
	width: 100%;
	border-radius: 8px;
	background: var(--Gray-Cool-White, #FFF);
	padding: 14px;
	list-style: none;
	display: flex;
	flex-flow: column;
	gap: 8px;
}

.api--list .item ul li {
	border-radius: 6px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	padding: 12px;
	display: flex;
	justify-content: space-between;
}

.api--list .item ul li span {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12px;
}

.api--list .item ul li b {
	overflow: hidden;
	color: var(--Gray-Cool-900, #111322);
	font-size: 12px;
	font-weight: 700;
}

.api--list .codearea {
	width: 100%;
	border-radius: 8px;
	background: var(--Gray-Cool-White, #FFF);
}

.api--list .codearea .h-code {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
}

.api--list .codearea .h-code span {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 15px;
	font-weight: 700;
}

.api--list .codearea .h-code .copybtn--code {
	padding: 0;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: var(--Gray-Cool-100, #EFF1F5);
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kariyercontent {
	width: 100%;
}

.kariyercontent .smalltitle {
	text-align: center;
	margin-bottom: 40px;
	padding: 45px 0;
}

.kariyercontent .smalltitle h1 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
}

.kariyercontent .smalltitle h1 span {
	color: var(--accent-color);
	font-style: italic;
}

.kariyercontent .smalltitle p {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 20px;
	max-width: 675px;
	margin: 0 auto;
	font-weight: 500;
	margin-bottom: 30px;
}

.kariyercontent .whois--compenet h4::after {
	left: -39px;
	top: -25px;
}

.kariyercontent .whois_area {
	width: 100%;
	border-radius: 35px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 75px;
}

.kariyercontent .whois_area h6 {
	width: 100%;
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
}

.kariyercontent .whois_area h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 50px;
}

.kariyercontent .whois_area h3 span {
	color: var(--accent-color);
}

.kariyercontent .whois_area .whois_item {
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-bottom: 30px;
}

.kariyercontent .whois_area .whois_item .img {
	width: 100%;
	height: 190px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.kariyercontent .whois_area .whois_item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kariyercontent .whois_area .whois_item .text {
	padding: 0px 15px;
}

.kariyercontent .whois_area .whois_item .text h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 28px;
	font-weight: 700;
}

.kariyercontent .whois_area .whois_item .text p {
	color: var(--Gray-Cool-800, #30374f8a);
	font-size: 16px;
	font-weight: 500;
}

.kariyercontent .minalt {
	width: 100%;
	border-top: 1px solid #EFF1F5;
	padding-top: 45px;
}

.kariyercontent .minalt .whois_item h4 {
	font-size: 20px !important;
	margin-bottom: 12px !important;
}

.kariyercontent .minalt .whois_item p {
	font-size: 15px !important;
}

.kariyercontent .minalt .whois_item .text {
	padding: 0px !important;
}

.kariyercontent .open_works {
	width: 100%;
	border-radius: 45px;
	overflow: hidden;
	margin: 65px 0;
}

.kariyercontent .open_works .alan {
	width: 100%;
	background: var(--Gray-Cool-900, #111322);
	padding: 100px;
}

.kariyercontent .open_works .alan h4 {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
}

.kariyercontent .open_works .alan h3 {
	color: var(--Gray-Cool-25, #FCFCFD);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 60px;
}

.kariyercontent .open_works .alan ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	gap: 20px;
	justify-content: flex-start;
}

.kariyercontent .open_works .alan ul li {
	flex: 1 1 calc(33.333% - 13.33px);
	max-width: calc(33.333% - 13.33px);
	box-sizing: border-box;
	border-radius: 20px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 20px 15px;
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
}

.kariyercontent .open_works .alan ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	gap: 20px;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
}

.kariyercontent .open_works .alan ul li {
	flex: 1 1 calc(33.333% - 13.33px);
	max-width: calc(33.333% - 13.33px);
	box-sizing: border-box;
	border-radius: 20px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 20px 15px;
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
}

.kariyercontent .open_works .alan ul li {
	margin-left: 0;
	margin-right: 0;
}

.kariyercontent .open_works .alan ul li:nth-last-child(2):nth-child(3n+1),
.kariyercontent .open_works .alan ul li:nth-last-child(1):nth-child(3n+2) {
	flex: 1 1 calc(50% - 10px);
	max-width: calc(50% - 10px);
}

.kariyercontent .open_works .alan ul li:nth-last-child(2):nth-child(3n+1) {
	margin-left: 0;
}

.kariyercontent .open_works .alan ul li:nth-last-child(1):nth-child(3n+2) {
	margin-right: 0;
}

/* SVG ve span ayarları */
.kariyercontent .open_works .alan ul li svg {
	width: 24px;
	height: 24px;
	min-width: 24px;
}

.kariyercontent .open_works .alan ul li span {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 400;
}

.kariyercontent .open_works .bal_ftr {
	width: 100%;
	padding: 65px 20px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	background: var(--Gray-Cool-50, #F9F9FB);
}

.kariyercontent .open_works .bal_ftr h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px;
}

.kariyercontent .open_works .bal_ftr a {
	border-radius: 16px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	position: relative;
	margin: 0 auto;
	padding: 14px 16px;
	color: #fff;
	width: 230px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	transition: all 0.6s;
}

.kariyercontent .open_works .bal_ftr a:hover {
	background: #E31B54;
}

.kariyercontent .open_works .bal_ftr a i {
	font-size: 18px;
}

.kariyercontent .open_works .bal_ftr a::before {
	content: "";
	position: absolute;
	background: url(https://apiseller.org/cdn/img/btn--before.svg);
	height: 90px;
	width: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: -280px;
}

.kariyercontent .open_works .bal_ftr a::after {
	content: "";
	position: absolute;
	background: url(https://apiseller.org/cdn/img/btn--after.svg);
	height: 90px;
	width: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	right: -280px;
}

.casestudycontent {
	width: 100%;
}

.casestudycontent .caseslider {
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	width: 100%;
	margin-bottom: 45px;
	padding: 100px 10px;
	position: relative;
}

.casestudycontent .caseslider::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/case-bg.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
}

.casestudycontent .caseslider::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/case-vector.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center;
	background-size: cover;
}

.casestudycontent .caseslider h5 {
	color: var(--Brand---Main-500, #e73845);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	z-index: 3;
}

.casestudycontent .caseslider h1 {
	color: var(--Gray-Cool-900, #111322);
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	position: relative;
	z-index: 3;
}

.casestudycontent .caselist {
	width: 100%;
	margin-bottom: 45px;
	padding: 15px 0;
}

.casestudycontent .caselist .item {
	width: 100%;
	border-radius: 25px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	overflow: hidden;
	height: 100%;
}

.casestudycontent .caselist .item h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	padding: 20px;
	font-weight: 700;
	margin-bottom: 0;
	border-bottom: 2px solid var(--Gray-Cool-100, #EFF1F5);
}

.casestudycontent .caselist .item .alan {
	width: 100%;
	padding: 16px 25px;
	background: var(--Gray-Cool-50, #F9F9FB);
	display: flex;
	align-items: center;
	min-height: 81px;
}

.casestudycontent .caselist .item .alan span {
	color: var(--Green-500, #12B76A);
	font-size: 32px;
	font-weight: 700;
}

.casestudycontent .caselist .item .alan small {
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
}

.casestudycontent .caselist .item .alan.d-flex {
	justify-content: space-between;
}

.casestudycontent .caselist .item .alan b {
	color: var(--Gray-Cool-900, #111322);
	font-size: 32px;
	font-weight: 700;
}

.case-infobar {
	width: 100%;
	background: #111322;
	margin-bottom: 60px;
}

.case-infobar .img {
	width: 100%;
	height: 420px;
}

.case-infobar .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.case-infobar .text {
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	padding-right: 20px;
}

.case-infobar .text h6 {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.case-infobar .text h3 {
	color: var(--Gray-Cool-100, #EFF1F5);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

.case-infobar .text p {
	color: var(--Gray-Cool-50, rgba(249, 249, 251, 0.387));
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}

.casestudycontent .detailalan {
	width: 100%;
}

.casestudycontent .detailalan .item {
	width: 100%;
	margin-bottom: 45px;
	border-radius: 15px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #FFF;
	overflow: hidden;
}

.casestudycontent .detailalan .item h3 {
	width: 100%;
	color: var(--accent-color);
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 12px 16px;
	margin-bottom: 0;
}

.casestudycontent .detailalan .item .bs--text {
	width: 100%;
	padding: 16px;
}

.casestudycontent .detailalan .item .bs--text p {
	margin-bottom: 0;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 500;
}

.casestudycontent .detailalan .item ul {
	padding: 10px 0;
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
	margin-top: 5px;
}

.casestudycontent .detailalan .item ul i {
	font-size: 19px;
	color: #12B76A;
	margin-right: 5px;
}

.casestudycontent .detailalan .item h6 {
	color: var(--Brand-Gray-Cool-900, #18181B);
	font-size: 18px;
	font-weight: 700;
}

.casestudycontent .detailalan .item.vs p {
	margin-bottom: 25px;
}

.grafik-bars {
	display: flex;
	align-items: flex-end;
	height: 140px;
	gap: 10px;
}

.grafik-bars .bar {
	flex: 1;
	background: #e73845;
}

.grafik-bars .bar1 {
	height: 35%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Brand---Main-100, #FFE4E8) 0%, var(--Brand---Main-25, #FFF5F6) 100%);
}

.grafik-bars .bar2 {
	height: 40%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Brand---Main-200, #FECDD6) 0%, var(--Brand---Main-50, #FFF1F3) 100%);
}

.grafik-bars .bar3 {
	height: 50%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Brand---Main-200, #FECDD6) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
}

.grafik-bars .bar4 {
	height: 70%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Brand---Main-400, #FD6F8E) 0%, var(--Brand---Main-200, #FECDD6) 100%);
}

.grafik-bars .bar5 {
	height: 100%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Brand---Main-500, #e73845) 0%, var(--Brand---Main-300, #FEA3B4) 100%);
}

.case-grafikler .item {
	width: 100%;
	border-radius: 23.014px;
	border: 1.534px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 8px;
	transition: all 0.6s;
	height: 100%;
	cursor: pointer;
}

.case-grafikler .item:hover {
	border-radius: 23.071px;
	border: 1.538px solid var(--Brand---Main-100, #FFE4E8);
	background: var(--Brand---Main-100, #FFE4E8);
}

.case-grafikler {
	width: 100%;
	margin-bottom: 45px;
}

.case-grafikler .grafikv1 {
	width: 100%;
	padding: 15px;
	border-radius: 19.178px;
	border: 1.534px solid var(--Gray-Cool-50, #F9F9FB);
	background: var(--Gray-Cool-White, #FFF);
	box-shadow: 0px 1.534px 6.137px 0px rgba(14, 52, 73, 0.10);
	transition: all 0.6s;
}

.case-grafikler .item:hover .grafikv1 {
	border-radius: 19.226px;
	border: 1.538px solid var(--Brand---Main-50, #FFF1F3);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 1.538px 6.152px 0px rgba(14, 52, 73, 0.10);
}

.case-grafikler .item .text--ls {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: var(--Gray-Cool-500, #5D6B98);
	font-size: 12px;
	font-weight: 700;
	margin-top: 8px;
}

.case-grafikler .grafikv1 .title {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	gap: 10px;
	align-items: center;
}

.case-grafikler .grafikv1 .title svg {
	width: 29px;
	height: 29px;
	min-width: 29px;
}

.case-grafikler .grafikv1 .title span {
	color: var(--Gray-Cool-900, #111322);
	font-size: 13.808px;
	font-weight: 700;
}

.case-grafikler .item:hover .grafikv1 .title span {
	color: #fff;
}

.case-grafikler .grafikv1 .veri {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--Brand---Main-500, #e73845);
	font-size: 27.617px;
	font-weight: 700;
}

.case-grafikler .item:hover .grafikv1 .veri {
	color: #fff;
}

.case-grafikler .item:hover .grafikv1 .veri svg path {
	stroke: #fff;
}

.case-grafikler .item:hover .text--ls {
	color: #ffffff63;
}

.case-grafikler .grafikv1.tiktok .veri {
	color: #111322;
}

.case-grafikler .grafikv1.tiktok .grafik-bars .bar1 {
	height: 35%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
}

.case-grafikler .grafikv1.tiktok .grafik-bars .bar2 {
	height: 40%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Gray-Cool-200, #DCDFEA) 0%, var(--Gray-Cool-50, #F9F9FB) 100%);
}

.case-grafikler .grafikv1.tiktok .grafik-bars .bar3 {
	height: 50%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Gray-Cool-200, #DCDFEA) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
}

.case-grafikler .grafikv1.tiktok .grafik-bars .bar4 {
	height: 70%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Gray-Cool-400, #7D89B0) 0%, var(--Gray-Cool-200, #DCDFEA) 100%);
}

.case-grafikler .grafikv1.tiktok .grafik-bars .bar5 {
	height: 100%;
	border-radius: 6.137px;
	background: linear-gradient(180deg, var(--Gray-Cool-500, #5D6B98) 0%, var(--Gray-Cool-300, #B9C0D4) 100%);
}

.case-grafikler .item:hover .grafikv1 .grafik-bars .bar1 {
	background: linear-gradient(180deg, var(--Brand---Main-500, #e73845) 0%, var(--Brand---Main-300, #FEA3B4) 100%) !important;
}

.case-grafikler .item:hover .grafikv1 .grafik-bars .bar2 {
	background: linear-gradient(180deg, var(--Brand---Main-400, #FD6F8E) 0%, var(--Brand---Main-200, #FECDD6) 100%) !important;
}

.case-grafikler .item:hover .grafikv1 .grafik-bars .bar3 {
	background: linear-gradient(180deg, var(--Brand---Main-300, #FEA3B4) 0%, var(--Brand---Main-100, #FFE4E8) 100%) !important;
}

.case-grafikler .item:hover .grafikv1 .grafik-bars .bar4 {
	background: linear-gradient(180deg, var(--Brand---Main-200, #FECDD6) 0%, var(--Brand---Main-50, #FFF1F3) 100%) !important;
}

.case-grafikler .item:hover .grafikv1 .grafik-bars .bar5 {
	background: linear-gradient(180deg, var(--Brand---Main-100, #FFE4E8) 0%, var(--Brand---Main-25, #FFF5F6) 100%) !important;
}

.case-grafikler .item:hover .alan-b {
	border-radius: 19.226px;
	border: 1.538px solid var(--Brand---Main-50, #FFF1F3);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 1.538px 6.152px 0px rgba(14, 52, 73, 0.10);
}

.case-grafikler .item:hover .alan-b h3 {
	color: #fff;
}

.grafikv2 {
	width: 100%;
	height: 100%;
}

.grafikv2 .alan-b {
	width: 100%;
	height: 100%;
	border-radius: 19.226px;
	border: 1.538px solid var(--Gray-Cool-50, #F9F9FB);
	background: var(--Gray-Cool-White, #FFF);
	box-shadow: 0px 1.538px 6.152px 0px rgba(14, 52, 73, 0.10);
	padding: 15px;
	transition: all 0.6s;
}

.grafikv2 .alan-b h3 {
	width: 100%;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}

.grafikv2 .alan-b .list {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 8px;
}

.grafikv2 .alan-b .list .item-c {
	width: 100%;
	display: flex;
	gap: 10px;
	padding: 12px;
	border-radius: 11.536px;
	align-items: center;
	transition: all 0.6s;
	background: linear-gradient(180deg, var(--Brand---Main-100, #FFE4E8) 0%, var(--Brand---Main-50, #FFF1F3) 100%);
}

.grafikv2 .alan-b .list .item-c .icon {
	width: 32px;
	height: 32px;
	border-radius: 8.481px;
	background: var(--Brand---Main-200, #FECDD6);
	text-align: center;
	display: flex;
	min-width: 32px;
	justify-content: center;
	align-items: center;
}

.grafikv2 .alan-b .list .item-c .text {
	width: calc(100% - 42px);
	display: flex;
	flex-flow: column;
}

.grafikv2 .alan-b .list .item-c .text .bs {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.grafikv2 .alan-b .list .item-c .text h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 0;
}

.grafikv2 .alan-b .list .item-c .text span {
	color: var(--Brand---Main-500, #e73845);
	font-size: 16px;
	font-weight: 700;
}

.grafikv2 .alan-b .list .item-c.tiktok .text span {
	color: #5D6B98;
}

.grafikv2 .alan-b .list .item-c.facebook .text span {
	color: #2E90FA;
}

.grafikv2 .alan-b .list .item-c.tiktok .icon {
	background: var(--Gray-Cool-200, #DCDFEA);
}

.grafikv2 .alan-b .list .item-c.facebook .icon {
	background: var(--Blue-200, #B2DDFF);
}

.grafikv2 .alan-b .list .item-c.tiktok {
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-50, #F9F9FB) 100%);
}

.grafikv2 .alan-b .list .item-c.facebook {
	background: linear-gradient(180deg, var(--Blue-100, #D1E9FF) 0%, var(--Blue-50, #EFF8FF) 100%);
}

.ucretsizaraclarcontent .caseslider {
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	width: 100%;
	margin-bottom: 45px;
	padding: 100px 10px;
	position: relative;
}

.ucretsizaraclarcontent .caseslider::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/ucretsiz--bg.png);
	width: 100%;
	height: 60%;
	position: absolute;
	left: 0;
	top: calc(40% - 100px);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
}

.ucretsizaraclarcontent .caseslider::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/case-vector.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center;
	background-size: cover;
}

.ucretsizaraclarcontent .caseslider h5 {
	color: var(--Brand---Main-500, #e73845);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	z-index: 3;
}

.ucretsizaraclarcontent .caseslider h1 {
	color: var(--Gray-Cool-900, #111322);
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	position: relative;
	z-index: 3;
}

.ucretsizaraclarcontent .caseslider .alan {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	max-width: 650px;
	margin-top: 50px;
}

.ucretsizaraclarcontent .caseslider .alan label {
	width: 100%;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

.ucretsizaraclarcontent .caseslider .alan .input {
	width: 100%;
	position: relative;
}

.ucretsizaraclarcontent .caseslider .alan .input input {
	padding-left: 40px;
}

.ucretsizaraclarcontent .caseslider .alan input::placeholder {
	color: var(--Gray-Cool-300, #B9C0D4);
	font-size: 15px;
	font-weight: 500;
}

.ucretsizaraclarcontent .caseslider .alan .input svg {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 6px;
	top: 10px;
}

.ucretsizaraclarcontent .caseslider .alan input {
	width: 100%;
	border-radius: 14px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px;
}

.ucretsizaraclarcontent .caseslider .alan button {
	width: 100%;
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	padding: 15px 5px;
	font-weight: 500;
	margin-top: 25px;
}

.ucretsizaraclarcontent .modal-dialog {
	max-width: 580px;
}

.ucretsizaraclarcontent .modal-content {
	border-radius: 18px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
}

.ucretsizaraclarcontent .modal-header {
	border-bottom: 0;
}

.ucretsizaraclarcontent .btn-close {
	width: 36px;
	height: 36px;
	border-radius: 12px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	font-size: 25px;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ucretsizaraclarcontent .modal-header h5 {
	color: var(--Gray-True-900, #111927);
	font-size: 18px;
	font-weight: 700;
}

.takipcigonderalan {
	width: 100%;
}

.takipcigonderalan .substep {
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
}

.takipcigonderalan .substep ul {
	border-radius: 38px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	padding: 4px;
	display: flex;
	width: calc(100% - 30px);
	list-style: none;
	justify-content: space-between;
	gap: 5px;
	margin-bottom: 0;
}

.takipcigonderalan .substep ul li {
	border-radius: 60px;
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 7px 5px;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.takipcigonderalan .substep ul li.active {
	background: var(--accent-color);
	color: #fff;
}

.takipcigonderalan .tablistalan {
	border-radius: 14px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: #FFF;
	width: 100%;
	padding: 20px 15px;
}

.takipcigonderalan .tablistalan .row {
	width: 100%;
	padding: 10px;
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-50, #F9F9FB);
	gap: 5px;
	display: flex;
	flex-flow: nowrap;
	margin: 0;
	justify-content: space-between;
}

.takipcigonderalan .tablistalan .row .col-md-6 {
	padding: 0;
}

.takipcigonderalan .tablistalan .item {
	width: 100%;
	border-radius: 14px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: #FFF;
	padding: 8px;
	display: flex;
	gap: 10px;
	align-items: center;
}

.takipcigonderalan .tablistalan .item .icon {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--Gray-Cool-900, #111322);
	display: flex;
	justify-content: center;
	align-items: center;
}

.takipcigonderalan .tablistalan .item .text {
	display: flex;
	flex-flow: column;
}

.takipcigonderalan .tablistalan .item span {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	font-weight: 500;
}

.takipcigonderalan .tablistalan .item b {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
}

.takipcigonderalan .tablistalan .miktar {
	margin-bottom: 20px;
}

.takipcigonderalan .tablistalan .sayac {
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	flex-flow: column;
	gap: 10px;
	padding: 15px 5px;
}

.takipcigonderalan .tablistalan .sayac.active h4 {
	color: #12B76A;
}

.takipcigonderalan .tablistalan .sayac h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 24px;
	font-weight: 700;
}

.takipcigonderalan .tablistalan .sayac .time {
	border-radius: 10px;
	border: 1.5px solid var(--Brand---Main-100, #FFE4E8);
	background: linear-gradient(180deg, var(--Brand---Main-50, #FFF1F3) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
	box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #FEA3B4) inset;
	display: flex;
	gap: 5px;
	margin: 0 auto;
	padding: 4px 8px;
	color: var(--Brand---Main-500, #e73845);
	font-size: 18px;
	font-weight: 700;
	align-items: center;
}

.takipcigonderalan .tablistalan .infotext {
	text-align: center;
	color: var(--Gray-Cool-400, #7D89B0);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	max-width: 350px;
	margin: 0 auto;
}

.ucretsizaraclarcontent .gorevlist {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 15px;
	margin-top: 15px;
}

.ucretsizaraclarcontent .gorevlist .item {
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: #FFF;
	width: 100%;
	display: flex;
	flex-flow: nowrap;
	gap: 15px;
	justify-content: space-between;
	padding: 12px 15px;
}

.ucretsizaraclarcontent .gorevlist .item .icon {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 14.118px;
	background: var(--Gray-Cool-100, #EFF1F5);
}

.ucretsizaraclarcontent .gorevlist .item p {
	margin-bottom: 0;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 14px;
	font-weight: 500;
}

.ucretsizaraclarcontent .gorevlist .item h5 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
}

.ucretsizaraclarcontent .gorevlist .item a {
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	padding: 12px;
	min-width: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
}

.ucretsizaraclarcontent .gorevlist .tamamladim {
	width: 100%;
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	padding: 13px 5px;
	font-weight: 500;
}

.comments-componet {
	width: 100%;
	padding: 90px 0;
	position: relative;
}

.comments-componet .title {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.comments-componet .title h6 {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
}

.comments-componet .title h2 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
}

.faq-compents {
	margin-bottom: 100px;
	margin-top: 30px;
}

.faq-compents .alan {
	width: 100%;
	border-radius: 45px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 100px;
}

.faq-compents .text h6 {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}

.faq-compents .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 30px;
}

.faq-compents .text h5 {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 180px;
}

.faq-compents .text a {
	border-radius: 16px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	padding: 12px 16px;
	max-width: 175px;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	position: relative;
}

.faq-compents .text a::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/arrow--alt.svg);
	width: 50px;
	height: 132px;
	position: absolute;
	left: calc(50% - 25px);
	top: -155px;
	background-size: contain;
	background-repeat: no-repeat;
}

.faq-compents .accordion-item {
	border: none;
	border-bottom: 2px solid var(--Gray-Cool-100, #EFF1F5);
	padding: 5px 0;
	background: transparent;
}

.faq-compents .accordion-item button {
	background: transparent;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
}

.faq-compents .accordion-item:nth-last-child(1) {
	border: none;
}

.faq-compents .accordion-button:focus {
	border: none;
	outline: 0;
	box-shadow: none;
}

.faq-compents .accordion-button::after {
	content: "+";
	background: transparent;
	font-weight: normal;
	font-size: 23px;
	margin-top: -5px;
}

.faq-compents .accordion-button:not(.collapsed)::after {
	transform: none;
	content: "-";
	font-weight: normal;
	font-size: 33px;
	margin-top: -25px;
}

.mobilmenubtn {
	display: none;
}

.dashpricelist {
	display: block;
}

.dashpricelist .accordion-body {
	padding: 0;
}

.dashpricelist .accordion-item {
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	overflow: hidden;
	margin-bottom: 20px;
}

.servistabloitem .serivsname {
	align-items: center;
	display: flex;
}

.servistabloitem .serivsname span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 1.4em;
	max-height: 2.8em;
	align-items: center;
	display: flex;
	margin-bottom: 7px;
}

.servistabloitem .serivsname img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	margin-right: 15px;
}

.servistabloitem .serivsname .lsbc {
	display: flex;
	gap: 6px;
}

.servistabloitem .serivsname .lsbc .time {
	border-radius: 7px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-25, #FCFCFD);
	color: var(--Gray-Cool-800, #30374F);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 6px;
	padding-left: 25px;
	position: relative;
}

.servistabloitem .serivsname .lsbc .time::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/svg/timeicon.svg);
	width: 16px;
	height: 16px;
	position: absolute;
	left: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

.servistabloitem .serivsname .lsbc .telafi {
	border-radius: 7px;
	border: 1px solid var(--Green-200, #A6F4C5);
	background: var(--Green-50, #ECFDF3);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 6px;
	padding-left: 25px;
	position: relative;
	color: #027A48;
}

.servistabloitem .serivsname .lsbc .telafi::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/svg/telafiicon.svg);
	width: 16px;
	height: 16px;
	position: absolute;
	left: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

.servistabloitem .cart-btn {
	float: left;
	width: 36px;
	height: 30px;
	text-align: center;
	line-height: 25px;
	transition: 0.6s;
	border-radius: 10px;
	margin-top: 3px;
	border: 1px solid var(--Brand---Main-100, #FFE4E8);
	background: linear-gradient(180deg, var(--Brand---Main-50, #FFF1F3) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
	box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #FEA3B4) inset;
}

.servistabloitem .cart-btn img {
	height: 19px;
}

.servistabloitem .srvsfiyat {
	float: right;
	margin-left: 10px;
	color: rgb(0, 0, 0);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	min-height: 36px;
	display: flex;
	justify-content: center;
	flex-flow: column;
}

.servistabloitem span:nth-child(4) {
	padding-right: 0;
}

.servistabloitem .teslimsure {
	border-radius: 7px;
	border: 1px solid var(--Brand---Main-200, #FECDD6);
	background: var(--Brand---Main-50, #FFF1F3);
	color: var(--Brand---Main-700, #C01048);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 4px 10px;
	display: block;
	float: left;
}

.servistabloitem .teslimsure.kisa {
	color: #027A48;
	border: 1px solid var(--Green-200, #A6F4C5);
	background: var(--Green-50, #ECFDF3);
}

.servistabloitem .teslimsure.orta {
	color: #B54708;
	border: 1px solid var(--Yellow-200, #FEDF89);
	background: var(--Yellow-50, #FFFAEB);
}

.dashpricelist .accordion-button {
	background: #EFF1F5;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 700;
	padding: 17px;
	outline: none;
	box-shadow: none;
}

.dashpricelist .accordion-button::after {
	background: url(https://apiseller.org/cdn/img/svg/arrow-bottom-black.svg);
	border-radius: 8px;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--Gray-Cool-100, #EFF1F5);
}

.dashpricelist .sDetayBtn {
	border-radius: 10px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	color: var(--Gray-Cool-900, #111322);
	font-size: 12px;
	font-weight: 700;
	padding: 8px;
	cursor: pointer;
}

.modal-backdrop {
	z-index: 99998 !important;
}

.modal.serivsdetailmodal {
	z-index: 99999 !important;
}

.modal.serivsdetailmodal .modal-content {
	border-radius: 18px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 10px;
}

.modal.serivsdetailmodal .modal-dialog {
	max-width: 594px;
}

.modal.serivsdetailmodal .modal-body {
	border-radius: 14px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
}

.modal.serivsdetailmodal .modal-header {
	border-bottom: none;
	display: flex;
	align-items: center;
	padding-top: 5px;
}

.modal.serivsdetailmodal .modal-header .titletx {
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
}

.modal.serivsdetailmodal .modal-header .close {
	border-radius: 12px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	width: 40px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal.serivsdetailmodal .servisaciklama {
	float: left;
	width: 100%;
	text-align: center;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.modal.serivsdetailmodal .servisaciklama img {
	width: 56px;
	height: 56px;
	margin: 0 auto;
}

.modal.serivsdetailmodal .servisaciklama .krt--alan {
	display: flex;
	float: left;
	width: 100%;
	border-radius: 12px;
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	padding: 14px;
	flex-flow: column;
	text-align: center;
	justify-content: center;
	margin-bottom: 10px;
}

.modal.serivsdetailmodal .servisaciklama span.id {
	color: var(--Gray-Cool-400, #7D89B0);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12px;
}

.modal.serivsdetailmodal .servisaciklama .col-md-4:nth-child(1),
.modal.serivsdetailmodal .servisaciklama .col-md-4:nth-last-child(1) {
	padding: 0;
}

.modal.serivsdetailmodal .servisaciklama h3 {
	margin-top: 10px;
	color: var(--Primary-Color-950, #142457);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	max-width: 380px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.modal.serivsdetailmodal .servisaciklama .icon {
	border-radius: 13.627px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.modal.serivsdetailmodal .servisaciklama .icon img {
	width: 100%;
	height: 100%;
}

.modal.serivsdetailmodal .servisaciklama .row {
	width: 100%;
	padding: 0;
}

.modal.serivsdetailmodal .servisaciklama h5 {
	color: var(--Gray-Cool-500, #5D6B98);
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 3px;
}

.modal.serivsdetailmodal .servisaciklama b {
	color: var(--Gray-Cool-900, #111322);
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.14px;
}

.modal.serivsdetailmodal .newordericerik {
	float: left;
	width: 100%;
	margin: 15px 0;
	padding: 10px;
}

.modal.serivsdetailmodal .newordericerik h5 {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.12px;
	margin-bottom: 15px;
}

.modal.serivsdetailmodal .newordericerik ul {
	padding-left: 20px;
	display: flex;
	flex-flow: column;
	gap: 10px;
	margin-bottom: 0;
}

.modal.serivsdetailmodal .servisitem--bc {
	float: left;
	width: 100%;
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	padding: 18px 14px;
}

.modal.serivsdetailmodal .newordericerik ul li {
	color: var(--Gray-Cool-900, #111322);
	font-size: 15px;
	font-weight: 500;
}

.modal.serivsdetailmodal .inf {
	float: left;
	width: 100%;
	border-radius: 12px;
	border: 1.1px solid var(--Brand---Main-100, #FFE4E8);
	background: var(--Gray-Cool-White, #FFF);
	padding: 14px;
	display: flex;
	align-items: center;
}

.modal.serivsdetailmodal .inf svg {
	float: left;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.modal.serivsdetailmodal .inf span {
	float: left;
	width: calc(100% - 35px);
	padding-left: 15px;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 500;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.modal.serivsdetailmodal .inf span a {
	color: #F22E6C;
}

.modal.serivsdetailmodal .modalbtnlist {
	float: left;
	width: 100%;
	display: flex;
	gap: 15px;
	margin-top: 15px;
	border-top: 1px solid #DCDFEA;
	padding-top: 15px;
	justify-content: space-between;
}

.modal.serivsdetailmodal .modalbtnlist a.destekbtn {
	border-radius: 14px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	width: 50%;
	text-align: center;
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
	padding: 12px 5px;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	transition: all 0.6s;
}

.modal.serivsdetailmodal .modalbtnlist a.destekbtn:hover {
	background: #e7e7e76f;
}

.modal.serivsdetailmodal .modalbtnlist a.siparisbtn {
	border-radius: 14px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	width: 50%;
	color: var(--Blue-light-50, #F0F9FF);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 12px 5px;
	transition: all 0.6s;
}

.modal.serivsdetailmodal .modalbtnlist a.siparisbtn:hover {
	background: #db3058;
}

.servistablobaslik,
.servistabloitem {
	display: flex;
	width: 100%;
	padding: 10px 15px;
	align-items: center;
	border-bottom: 1px solid #eee;
	font-family: Satoshi;
	font-size: 14px;
	font-weight: 500;
}

.servistablobaslik span {
	color: var(--Gray-Cool-500, #5D6B98);
	font-size: 12px;
	font-weight: 700;
}

.servistablobaslik {
	background-color: #eff1f5a8;
	color: #5D6B98;
	border-bottom: 1px solid #F9F9FB;
}

/* Oranlar: toplam 8 birim */
.servistablobaslik span:nth-child(1),
.servistabloitem span:nth-child(1) {
	flex: 1;
}

/* Favori */
.servistablobaslik span:nth-child(2),
.servistabloitem span:nth-child(2) {
	flex: 0.4;
}

/* ID */
.servistablobaslik span:nth-child(3),
.servistabloitem span:nth-child(3) {
	flex: 5;
}

/* Servis */
.servistablobaslik span:nth-child(4),
.servistabloitem span:nth-child(4) {
	flex: 1;
	text-align: right;
	padding-right: 40px;
}

/* 1000 Adet */
.servistablobaslik span:nth-child(5),
.servistabloitem span:nth-child(5) {
	flex: 1.4;
	text-align: center;
}

/* Min / Maks */
.servistablobaslik span:nth-child(6),
.servistabloitem span:nth-child(6) {
	flex: 2;
	text-align: center;
}

/* Ortalama süre */
.servistablobaslik span:nth-child(7),
.servistabloitem span:nth-child(7) {
	flex: 1;
	text-align: left;
}

.servistablobaslik span:nth-child(8),
.servistabloitem span:nth-child(8) {
	flex: 1;
	text-align: center;
}

.favoribtnlist {
	float: left;
	width: 100%;
}

.favoribtnlist button {
	float: left;
	width: 40px;
	height: 40px;
	border: 0;
	text-align: center;
	display: block;
	margin-right: 5px;
	text-align: center;
	line-height: 18px;
	transition: all 0.6s;
	border-radius: 10px;
	border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
}

.dashpricelist .accordion-body {
	padding: 0;
}

.dashpricelist .accordion-item {
	border-radius: 18px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	overflow: hidden;
	margin-bottom: 20px;
}

.servistabloitem .serivsname {
	align-items: center;
	display: flex;
}

.servistabloitem .serivsname span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 1.4em;
	max-height: 2.8em;
	align-items: center;
	display: flex;
	margin-bottom: 7px;
}

.servistabloitem .serivsname img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	margin-right: 15px;
}

.servistabloitem .serivsname .lsbc {
	display: flex;
	gap: 6px;
}

.servistabloitem .serivsname .lsbc .time {
	border-radius: 7px;
	border: 1px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-25, #FCFCFD);
	color: var(--Gray-Cool-800, #30374F);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 6px;
	padding-left: 25px;
	position: relative;
}

.servistabloitem .serivsname .lsbc .time::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/svg/timeicon.svg);
	width: 16px;
	height: 16px;
	position: absolute;
	left: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

.servistabloitem .serivsname .lsbc .telafi {
	border-radius: 7px;
	border: 1px solid var(--Green-200, #A6F4C5);
	background: var(--Green-50, #ECFDF3);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 6px;
	padding-left: 25px;
	position: relative;
	color: #027A48;
}

.servistabloitem .serivsname .lsbc .telafi::before {
	content: "";
	background: url(https://apiseller.org/cdn/img/svg/telafiicon.svg);
	width: 16px;
	height: 16px;
	position: absolute;
	left: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

.servistabloitem .cart-btn {
	float: left;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 30px;
	border-radius: 100px;
	background: rgb(255, 232, 244);
	transition: 0.6s;
}

.servistabloitem span:nth-child(4) {
	padding-right: 0;
}

.servistabloitem .teslimsure {
	border-radius: 7px;
	border: 1px solid var(--Brand---Main-200, #FECDD6);
	background: var(--Brand---Main-50, #FFF1F3);
	color: var(--Brand---Main-700, #C01048);
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 4px 10px;
	display: block;
	float: left;
}

#priceListAccordion .servistablobaslik span:nth-child(3),
#priceListAccordion .servistabloitem span:nth-child(3) {
	flex: 5.5;
}

#priceListAccordion .servistablobaslik span:nth-child(7),
#priceListAccordion .servistabloitem span:nth-child(7) {
	flex: 1.6;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#pricelistAccordion .suretext {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 13px;
	font-weight: 500;
}

.servistabloitem .teslimsure.kisa {
	color: #027A48;
	border: 1px solid var(--Green-200, #A6F4C5);
	background: var(--Green-50, #ECFDF3);
}

.servistabloitem .teslimsure.orta {
	color: #B54708;
	border: 1px solid var(--Yellow-200, #FEDF89);
	background: var(--Yellow-50, #FFFAEB);
}

.webkapali {
	display: none !important;
}

.mobilidservis {
	display: none;
}

.searchbln {
	float: right;
}

.searchbln .input {
	position: relative;
}

.searchbln input {
	border-radius: 14px;
	border: 2px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 10px 15px;
	font-weight: bold;
	padding-left: 40px;
	min-width: 210px;
	color: #7D89B0;
}

.searchbln input::placeholder {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.13px;
}

.searchbln svg {
	position: absolute;
	left: 10px;
	top: 14px;
}

.servistabloitem .serivsname .lsbc.mobilkapali {
	display: flex !important;
}

.homepaketler {
	width: 100%;
	margin-top: 130px;
}

.homecontent {
	width: 100%;
	padding: 10px 0;
	margin-top: 85px;
}

.headerfixed {
	margin-top: 80px;
}

.homeslider {
	width: calc(100% - 60px);
	margin-left: 30px;
	margin-bottom: 50px;
	padding: 100px 0;
	border-radius: 45px;
	border: 5px solid #F9F9FB;
	background: linear-gradient(180deg, var(--Gray-Cool-100, #EFF1F5) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	overflow: hidden;
	position: relative;
}

.homeslider::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://apiseller.org/cdn/img/homesliderhero.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}

.homeslider .container {
	position: relative;
	z-index: 2;
}

.homeslider .text {
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.homeslider .text h1 {
	color: #1e1d1d;
	font-size: 68px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 30px;
}

.homeslider .text h1 span {
	color: #e73845;
	display: flex;
	gap: 14px;
	align-items: center;
}

.homeslider .text h1 span b {
	border-radius: 55.935px;
	background: rgb(231, 56, 69);
	display: flex;
	justify-content: center;
	height: 37px;
	width: 56px;
	align-items: center;
	margin-top: 15px;
}

.homeslider .text h1 span b svg {
	height: 28px;
}

.homeslider .text p {
	color: var(--Gray-Cool-500, #5D6B98);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.6px;
	max-width: 100%;
	margin-bottom: 5px;
}

.homeslider .text p.hero-micro {
	font-weight: 400;
	margin-bottom: 30px;
}

.homeslider .text .slidersocial {
	display: flex;
	border-radius: 53px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: linear-gradient(180deg, var(--Gray-Cool-200, #DCDFEA) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
	padding: 8px;
	margin-right: auto;
}

.homeslider .text .slidersocial ul {
	padding: 0;
	margin: 0;
	display: flex;
	list-style: none;
	gap: 5px;
}

.homeslider .text .slidersocial ul li {
	border-radius: 83px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-25, #FCFCFD) 100%);
	width: 50px;
	height: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sliderlogin button.gonder {
	border-radius: 16px;
	border: 1.5px solid var(--Brand---Main-300, #e73845);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: #fff;
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: center;
	padding: 12px;
	color: var(--Blue-light-50, #F0F9FF);
	font-size: 16px;
	font-weight: 700;
	transition: all 0.6s;
}

.sliderlogin button.gonder:hover {
	background: rgb(197, 16, 68);
}

.sliderlogin .item {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 8px;
	margin-bottom: 25px;
}

.sliderlogin .item label {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 14px;
	font-weight: 700;
}

.sliderlogin .item input {
	width: 100%;
	border-radius: 16px;
	border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
	background: var(--Gray-Cool-White, #FFF);
	padding: 12px 14px;
	transition: all 0.6s;
}

.sliderlogin .item input:focus {
	border: 1.5px solid var(--Gray-Cool-800, #30374F);
}

.sliderlogin .item .pass-input {
	position: relative;
	display: flex;
	align-items: center;
}

.sliderlogin .item .pass-input button {
	position: absolute;
	right: 10px;
	top: 10px;
	min-width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	cursor: pointer;
}

.sliderlogin .item input::placeholder {
	color: var(--Gray-Cool-300, #B9C0D4);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.13px;
}

.sliderlogin .veya {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	position: relative;
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 13px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: center;
	margin-top: 10px;
}

.sliderlogin .veya::before,
.sliderlogin .veya::after {
	content: "";
	flex: 1;
	height: 2px;
	background: #DCDFEA;
	display: block;
	border-radius: 1px;
}

.sliderlogin .sifremiunuttum_a {
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

.sliderlogin .hesapolusturtext {
	width: 100%;
	text-align: center;
	margin-top: 25px;
	color: var(--Gray-Cool-800, #30374F);
	font-size: 13px;
	font-weight: 700;
}

.sliderlogin .hesapolusturtext a {
	color: #30374F;
	text-decoration: underline;
	margin-left: 5px;
}

.sliderlogin {
	border-radius: 18px;
	border: 2px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 15px 10px;
	max-width: 527px;
	margin-left: auto;
}

.sliderlogin h5 {
	width: 100%;
	color: var(--Gray-True-900, #111927);
	font-size: 24px;
	font-weight: 700;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.sliderlogin .kapi {
	border-radius: 14px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-White, #FFF);
	padding: 15px;
}

.homeistatisc {
	width: 100%;
	margin-bottom: 40px;
}

.homeistatisc .item {
	border-radius: 30px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 25px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.homeistatisc .item .icon {
	border-radius: 83px;
	border: 2px solid var(--Brand---Main-25, #FFF5F6);
	background: #2e90fa29;
	min-width: 56px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.homeistatisc .item .text {
	display: flex;
	flex-flow: column;
	gap: 5px;
}

.homeistatisc .item .text h5 {
	margin-bottom: 0;
	color: var(--Gray-Cool-900, #111322);
	font-size: 16px;
	font-weight: 400;
}

.homeistatisc .item .text b {
	color: var(--Gray-Cool-900, #111322);
	font-size: 28px;
	font-weight: 600;
}

.homeistatisc .item .text b span {
	color:#d444f1;
}

.homeistatisc .item .text b small {
	color: var(--Blue-500, #2E90FA);
	font-size: 18px;
	font-weight: 600;
}

.homeistatisc .col-md-3:nth-child(2) .item .icon {
	background: linear-gradient(180deg, var(--Brand---Main-100, #FFE4E8) 0%, var(--Brand---Main-50, #FFF1F3) 100%);
}

.homeistatisc .col-md-3:nth-child(3) .item .icon {
	background: #12b76a26;
}

.homeistatisc .col-md-3:nth-child(4) .item .icon {
	background: #d444f12b;
}

.homeistatisc .col-md-3:nth-child(2) .item .text b span {
	color: #e73845;
}

.homeistatisc .col-md-3:nth-child(3) .item .text b span {
	color: #12B76A;
}

.homekabconte {
	width: 100%;
	padding: 100px;
	border-radius: 45px;
	background: var(--Gray-Cool-900, #111322);
	margin-bottom: 50px;
	margin-top: 35px;
}

.homekabconte .biggedtitle {
	width: 100%;
	display: flex;
	flex-flow: column;
	margin-bottom: 0px;
}

.biggedtitle h5 {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
}

.biggedtitle h2 {
	color: #FFF;
	font-size: 40px;
	font-weight: 700;
}

.conteone {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 350px;
}

.conteone .img1,
.conteone .img2,
.conteone .img3 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.conteone .img1 img {
	width: 250px;
	height: 250px;
	object-fit: contain;
	animation: rotate360 20s linear infinite;
}

.conteone .img2 img {
	width: 270px;
	height: 270px;
	object-fit: contain;
	animation: rotate360reverse 25s linear infinite;
}

.conteone .img3 img {
	width: 450px;
	height: 450px;
	object-fit: contain;
	animation: rotate360 33s linear infinite;
}

@keyframes rotate360 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotate360reverse {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	}
}

.infotextconte {
	width: 100%;
	display: flex;
	flex-flow: column;
	margin-top: 25px;
}

.infotextconte h3 {
	color: var(--Gray-Cool-25, #FCFCFD);
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.infotextconte span {
	color: var(--Gray-Cool-600, #4A5578);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}

.contetwo {
	width: 100%;
	overflow: hidden;
	height: 350px;
	display: flex;
	flex-flow: column;
	gap: 25px;
	position: relative;
}

.contetwo::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: radial-gradient(62.29% 64.44% at 50% 35.56%, rgba(17, 19, 34, 0.00) 23.3%, rgba(17, 19, 34, 0.97) 100%);
	z-index: 2;
}


.contetwo ul {
	width: 100%;
	overflow-x: scroll;
	display: flex;
	gap: 35px;
}

.contetwo ul li {
	height: 84px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contetwo ul img {
	height: 40px;
	object-fit: contain;
}

.contetwo .ls1 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 84px;
	margin-bottom: 10px;
}

.contetwo .ls1 .slider-track {
	display: flex;
	gap: 35px;
	width: max-content;
	animation: slide-left-right 25s linear infinite alternate;
}

@keyframes slide-left-right {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.contetwo .ls2 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 84px;
	margin-bottom: 10px;
}

.contetwo .ls2 .slider-track {
	display: flex;
	gap: 35px;
	width: max-content;
	animation: slide-right-left 22s linear infinite alternate;
}

@keyframes slide-right-left {
	0% {
		transform: translateX(-50%);
	}

	100% {
		transform: translateX(0);
	}
}

.contetwo .ls3 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 84px;
	margin-bottom: 10px;
}

.contetwo .ls3 .slider-track {
	display: flex;
	gap: 35px;
	width: max-content;
	animation: slide-left-right 27s linear infinite alternate;
}

.defaultaraclar {
	width: 100%;
	height: 500px;
	margin: 50px 0;
	position: relative;
	margin-top: 0;
}

.defaultaraclar::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: radial-gradient(62.29% 64.44% at 50% 35.56%, rgba(17, 19, 34, 0.00) 23.3%, rgba(17, 19, 34, 0.97) 100%);
	z-index: 2;
}

.defaultaraclar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.defaultaraclar .infotextconte {
	position: absolute;
	right: 0;
	bottom: 40px;
	z-index: 3;
}

.defaultaraclar .infotextconte h3 {
	text-align: right;
}

.defaultaraclar .infotextconte span {
	text-align: right;
}

.conteapidestek {
	width: 100%;
	border-radius: 30px;
	border: 2px solid var(--Gray-Cool-800, #30374F);
	background: linear-gradient(180deg, var(--Gray-Cool-25, #FCFCFD) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
}

.conteapidestek .bgstitle {
	width: 100%;
	padding: 35px;
	padding-bottom: 15px;
	padding-top: 20px;
}

.conteapidestek .bgstitle h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0;
}

.conteapidestek .bgstitle span {
	color: var(--Gray-Cool-600, #4A5578);
	font-size: 15px;
	font-weight: 500;
}

.conteapidestek .img {
	width: 100%;
	height: 310px;
}

.conteapidestek .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ozelpanelhome {
	width: 100%;
	position: relative;
	height: 455px;
	overflow: hidden;
}

.ozelpanelhome::before {
	content: "";
	background: radial-gradient(60.41% 64.44% at 50% 35.56%, rgba(17, 19, 34, 0.00) 14.52%, #111322 87.2%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.ozelpanelhome .list {
	display: flex;
	flex-flow: column;
	gap: 30px;
	height: 100%;
}

.ozelpanelhome .list .item {
	width: 100%;
	border-radius: 35.026px;
	border: 3.503px solid rgba(255, 255, 255, 0.03);
	background: rgba(48, 55, 79, 0.08);
	display: flex;
	flex-flow: column;
	padding: 25px 45px;
}

.ozelpanelhome .list .item span {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 20px;
	font-weight: 700;
}

.ozelpanelhome .list .item b {
	color: var(--Brand---Main-500, #e73845);
	font-size: 48px;
	font-weight: 700;
}

.ozelpanelhome .list.scroll-vertical {
	position: relative;
	height: 100%;
}

.ozelpanelhome .list.scroll-vertical {
	animation: scroll-vertical 5s linear infinite alternate;
}

@keyframes scroll-vertical {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-210px);
	}
}

.ozelpanelhome .infotextconte {
	z-index: 3;
	position: absolute;
	left: 0;
	bottom: 70px;
}

.homeinfopacket {
	width: 100%;
	border-radius: 45px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: var(--Gray-Cool-50, #F9F9FB);
	display: block;
	margin-top: 80px;
	margin-bottom: 50px;
}

.packetonehom {
	width: 100%;
	display: flex;
	flex-flow: column;
	border-radius: 30px;
	border: 2px solid rgba(220, 223, 234, 0.25);
	background: linear-gradient(180deg, var(--Gray-Cool-200, #DCDFEA) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
}

.packetonehom .bcstitle {
	width: 100%;
	padding: 35px;
	text-align: center;
}

.packetonehom h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 36px;
	font-weight: 700;
	line-height: 38px;
}

.packetonehom h3 span {
	color: #e73845;
	font-style: italic;
}

.packetonehom p {
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 18px;
	font-weight: 500;
}

.packetonehom .list {
	display: block;
	height: 218px;
	overflow: hidden;
	position: relative;
	padding: 0px 35px;
}

.packetonehom .list .item1 {
	width: 20%;
	float: left;
	text-align: center;
	height: 100%;
}

.packetonehom .list .item1 img {
	width: 80px;
	height: 100%;
	object-position: bottom;
	object-fit: contain;
	animation: imgUpDown 9s ease-in-out infinite;
}

@keyframes imgUpDown {
	0% {
		transform: translateY(120px);
	}

	40% {
		transform: translateY(0px);
	}

	65% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(120px);
	}
}

.packetonehom .list .item2 {
	width: 20%;
	float: left;
	text-align: center;
	height: 100%;
}

.packetonehom .list .item2 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	animation: imgUpDown 10s ease-in-out infinite;
	position: relative;
	bottom: -40px;
}

.packetonehom .list .item3 {
	width: 20%;
	float: left;
	text-align: center;
	height: 100%;
}

.packetonehom .list .item3 img {
	width: 60px;
	height: 100%;
	object-fit: contain;
	animation: imgUpDown 8s ease-in-out infinite;
	position: relative;
	bottom: -20px;
}

.packetonehom .list .item4 {
	width: 20%;
	float: left;
	position: absolute;
	bottom: 0;
	right: 155px;
}

.packetonehom .list .item4 img {
	width: 85px;
	height: 100%;
	object-fit: contain;
	animation: imgUpDown 9s ease-in-out infinite;
}

.packetonehom .list .item5 {
	width: 20%;
	float: left;
	text-align: center;
	height: 100%;
}

.packetonehom .list .item5 img {
	width: 50px;
	height: 100%;
	object-fit: contain;
	animation: imgUpDown 10s ease-in-out infinite;
}

.packetonehom .list .item6 {
	width: 20%;
	float: left;
	text-align: center;
	height: 100%;
}

.packetonehom .list .item6 img {
	width: 75px;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	animation: imgUpDown 9s ease-in-out infinite;
}

.musichomecont {
	width: 100%;
	border-radius: 30px;
	border: 2px solid rgba(220, 223, 234, 0.25);
	background: var(--Gray-Cool-200, #DCDFEA);
	padding: 25px 0px;
	overflow: hidden;
	height: 100%;
	position: relative;
}

.musichomecont .img {
	width: 100%;
	display: flex;
	gap: 10px;
	justify-content: center;
}

.musichomecont .img img {
	height: 220px;
	object-fit: contain;
}

.musichomecont .text {
	z-index: 7;
	text-align: center;
	bottom: 0;
	padding-bottom: 18px;
	position: absolute;
	left: 0;
	width: 100%;
}

.musichomecont .text::before {
	content: "";
	background: linear-gradient(180deg, rgba(230, 232, 240, 0.00) 0%, #E9EBF1 28.01%, #EEF0F5 100%);
	width: 100%;
	height: 250px;
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: -1;
}

.musichomecont .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 36px;
	font-weight: 700;
	line-height: 38px;
}

.musichomecont .text h3 span {
	color: #e73845;
	font-style: italic;
}

.musichomecont .text p {
	color: var(--Gray-Cool-400, #7D89B0);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.musichomecont .img {
	position: relative;
}

.musichomecont .img .full-animate-img {
	transition: none;
	animation: fullWidthAnim 5s ease-in-out infinite alternate;
	z-index: 2;
}

@keyframes fullWidthAnim {
	0% {
		height: 220px;
		margin-left: 0;
		margin-right: 0;
	}

	40% {
		height: 220px;
		margin-left: 0;
		margin-right: 0;
	}

	60% {
		height: 335px;
		margin-right: 40px;
		margin-left: 40px;
	}

	100% {
		height: 335px;
		margin-right: 40px;
		margin-left: 40px;
	}
}

.homestockpacket {
	border-radius: 30px;
	border: 2px solid rgba(220, 223, 234, 0.25);
	background: var(--Gray-Cool-900, #111322);
	margin-top: 40px;
	position: relative;
	overflow: hidden;
	height: 419px;
}

.homestockpacket h3 {
	width: 100%;
	padding: 35px;
	color: var(--Brand---Main-25, #FFF5F6);
	font-size: 34px;
	font-weight: 700;
	line-height: 38px;
}

.homestockpacket h3 span {
	color: #e73845;
	font-style: italic;
}

.homestockpacket .img {
	width: 100%;
	padding-left: 35px;
}

.homestock-slider {
	overflow: hidden;
	width: 100%;
	position: relative;
	height: 120px;
	margin-top: 15px;
}

.homestock-slider .slider-track {
	display: flex;
	gap: 25px;
	width: max-content;
	animation: homestock-slide 4s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
	align-items: center;
}

.homestock-slider img {
	width: 120px;
	height: 120px;
	object-fit: contain;
}

@keyframes homestock-slide {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-100% + 280px));
	}
}

.homegamealn {
	width: 100%;
	border-radius: 30px;
	border: 2px solid rgba(220, 223, 234, 0.25);
	background: linear-gradient(180deg, var(--Gray-Cool-200, #DCDFEA) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
	padding: 35px;
	padding-top: 0;
	margin-top: 40px;
	position: relative;
	height: 419px;
	overflow: hidden;
}

.homegamealn .img {
	width: 100%;
	overflow: hidden;
}

.homegamealn .img img {
	height: 110px;
	width: 110px;
	margin-bottom: 10px;
}

.homegamealn .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.homegamealn .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 36px;
	font-weight: 700;
	line-height: 38px;
	position: relative;
}

.homegamealn .text::before {
	content: "";
	background: linear-gradient(180deg, rgba(230, 232, 240, 0.00) 0%, #E9EBF1 28.01%, #EEF0F5 100%);
	width: 100%;
	height: 170px;
	position: absolute;
	left: 0;
	bottom: 40px;
}

.homegamealn .text h3 span {
	color: #e73845;
	font-style: italic;
}

.homegamealn .text p {
	color: var(--Gray-Cool-400, #7D89B0);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	position: relative;
}

.homegamealn .img .list {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	height: 250px;
	padding-top: 20px;
}

@keyframes slide-vertical-up-down {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-150px);
	}

	100% {
		transform: translateY(-150px);
	}
}

.homekanalanicon {
	width: 100%;
	height: 419px;
	padding: 35px;
	border-radius: 30px;
	border: 2px solid rgba(220, 223, 234, 0.25);
	background: var(--Gray-Cool-900, #111322);
	margin-top: 40px;
	overflow: hidden;
}

.homekanalanicon .text h3 {
	color: var(--Gray-Cool-25, #FCFCFD);
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	line-height: 38px;
}

.homekanalanicon .text h3 span {
	color: #e73845;
	font-style: italic;
}

.homekanalanicon .img {
	width: 100%;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 75px;
}

.homekanalanicon .img img.before {
	width: 125px;
	height: 125px;
	object-fit: contain;
}

.homekanalanicon .img {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.homekanalanicon-anim .img1,
.homekanalanicon-anim .img2 {
	position: relative;
	width: 125px;
	height: 125px;
}

.homekanalanicon-anim img.before,
.homekanalanicon-anim img.after {
	position: absolute;
	top: 0;
	left: 0;
	width: 125px;
	height: 125px;
	object-fit: contain;
	transition:
		opacity 0.6s cubic-bezier(.4, 0, .2, 1),
		transform 0.7s cubic-bezier(.4, 0, .2, 1);
}

.homekanalanicon-anim .img2 img.after {
	width: 165px;
	height: 165px;
}

.homekanalanicon-anim img.before {
	z-index: 2;
	opacity: 1;
	transform: none;
}

.homekanalanicon-anim img.after {
	z-index: 3;
	opacity: 0;
	transform: none;
}

/* img1 animasyonu: sağ üste */
.homekanalanicon-anim.animated .img1 img.before {
	opacity: 0;
	transform: translate(60px, -60px) scale(0.8) rotate(10deg);
}

.homekanalanicon-anim.animated .img1 img.after {
	opacity: 1;
	transform: translate(60px, -60px) scale(0.8) rotate(10deg);
}

/* img2 animasyonu: sol alta (daha az aşağı) */
.homekanalanicon-anim.animated .img2 img.before {
	opacity: 0;
	transform: translate(-60px, 30px) scale(0.8) rotate(-10deg);
}

.homekanalanicon-anim.animated .img2 img.after {
	opacity: 1;
	transform: translate(-60px, 30px) scale(0.8) rotate(-10deg);
}

.homeseopacket {
	width: 100%;
	border-radius: 30px;
	border: 2px solid var(--Brand---Main-200, #e73845);
	background: var(--Brand---Main-500, #e73845);
	position: relative;
	overflow: hidden;
	margin-top: 42px;
}

.homeseopacket .text {
	width: 100%;
	padding: 45px;
	padding-top: 65px;
}

.homeseopacket .text h3 {
	color: var(--Brand---Main-25, #FFF5F6);
	font-size: 36px;
	font-weight: 700;
	line-height: 38px;
	margin-bottom: 22px;
}

.homeseopacket .text h3 span {
	text-decoration: underline;
	font-style: italic;
}

.homeseopacket .text p {
	color: var(--Brand---Main-200, #FECDD6);
	font-size: 18px;
	font-weight: 500;
}

.homeseopacket .img {
	width: 100%;
	height: 290px;
	padding-top: 70px;
	padding-right: 50px;
	display: flex;
	justify-content: space-between;
}

.homeseopacket .img img {
	width: 20%;
	text-align: center;
	object-fit: contain;
}

.homeseopacket .img img:nth-child(1) {
	animation: imgUpDown 8s ease-in-out infinite;
}

.homeseopacket .img img:nth-child(2) {
	animation: imgUpDown 7s ease-in-out infinite;
}

.homeseopacket .img img:nth-child(3) {
	animation: imgUpDown 9s ease-in-out infinite;
}

.homeseopacket .img img:nth-child(4) {
	animation: imgUpDown 7s ease-in-out infinite;
}

.homeseopacket .img img:nth-child(5) {
	animation: imgUpDown 8s ease-in-out infinite;
}

.homeserivsler-con {
	width: 100%;
	border-radius: 45px;
	border: 2px solid var(--Gray-Cool-25, #FCFCFD);
	background: var(--Gray-Cool-100, #EFF1F5);
	padding: 100px;
	margin-bottom: 50px;
}

.homeserivsler-con .bigsvtitle {
	width: 100%;
	margin-bottom: 65px;
	display: flex;
	flex-flow: column;
	gap: 20px;
}

.homeserivsler-con .bigsvtitle span {
	color: var(--Brand---Main-500, #e73845);
	font-size: 20px;
	font-weight: 700;
}

.homeserivsler-con .bigsvtitle h2 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 0;
}

.homeserivsler-con .bigsvtitle p {
	color: var(--Gray-Cool-800, #30374F);
	font-size: 18px;
	font-weight: 500;
	max-width: 1000px;
}

.homeserivsler-con .alan {
	width: 100%;
	border-radius: 35px;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 30px;
	display: flex;
	flex-flow: column;
}

.homeserivsler-con .alan .filter--ul {
	display: flex;
	flex-flow: wrap;
	list-style: none;
	justify-content: flex-start;
	margin-bottom: 35px;
	border-radius: 38px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	margin-right: auto;
	margin-left: 0;
	padding: 4px;
	gap: 2px;
}

.homeserivsler-con .alan .filter--ul li a {
	border-radius: 60px;
	background: var(--Gray-Cool-100, #EFF1F5);
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 18px;
	font-weight: 700;
	padding: 6px 20px;
	display: flex;
	transition: all 0.6s;
	align-items: center;
	gap: 5px;
}

.homeserivsler-con .alan .filter--ul li {
	position: relative;
}

.homeserivsler-con .alan .filter--ul li.active a {
	background: var(--accent-color);
	color: #fff;
}

.homeserivsler-con .alan .filter--ul li.active a svg path {
	fill: #fff;
}

.homeserivsler-con .alan .filter--ul li::after {
	display: none;
}

.homeserivsler-con .alan .filter--ul li.active::after {
	display: block;
}

.homeserivsler-con .alan .filter--ul li:nth-child(1)::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/hmser1after.png);
	width: 450px;
	height: 100px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: 50px;
	top: 50px;
}

.homeserivsler-con .alan .filter--ul li:nth-child(2)::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/hmser2after.png);
	width: 450px;
	height: 107px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: -41px;
	top: 57px;
}

.homeserivsler-con .alan .filter--ul li:nth-child(3)::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/hmser3after.png);
	width: 450px;
	height: 107px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: -81px;
	top: 57px;
}

.homeserivsler-con .alan .filter--ul li:nth-child(4)::after {
	content: "";
	background: url(https://apiseller.org/cdn/img/hmser4after.png);
	width: 450px;
	height: 107px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: -211px;
	top: 57px;
}

.tabs--servislerhom .servisalanbcc {
	width: 100%;
	margin-top: 25px;
}

.tabs--servislerhom .servisalanbcc .text {
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.tabs--servislerhom .servisalanbcc .text img {
	width: 73px;
	height: 73px;
	object-fit: contain;
}

.tabs--servislerhom .servisalanbcc .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 34px;
	font-weight: 700;
}

.tabs--servislerhom .servisalanbcc .text p {
	color: var(--Gray-Cool-800, #30374f79);
	font-size: 18px;
	font-weight: 500;
}

.tabs--servislerhom .servisalanbcc .img {
	width: 100%;
	height: 350px;
}

.tabs--servislerhom .servisalanbcc .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
}

.homegelirmodeller {
	width: 100%;
	margin-bottom: 70px;
	margin-top: 90px;
	border-radius: 45px;
	overflow: hidden;
}

.homegelirmodeller .megagltitle {
	border-radius: 45px 45px 0px 0px;
	background: var(--Gray-Cool-900, #111322);
	padding: 75px 20px;
	text-align: center;
	display: flex;
	flex-flow: column;
	gap: 20px;
	position: relative;
}

.homegelirmodeller .megagltitle::after {
	content: "";
	position: absolute;
	background: url(https://apiseller.org/cdn/img/gelirmodeliafter.png);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.homegelirmodeller .megagltitle span {
	color: var(--Brand---Main-500, #e73845);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	z-index: 2;
}

.homegelirmodeller .megagltitle h2 {
	color: var(--Gray-Cool-25, #FCFCFD);
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

.homegelirmodeller .megagltitle p {
	color: var(--Gray-Cool-25, #fcfcfd8b);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

.homegelirmodeller .alan .filter--ul {
	display: flex;
	flex-flow: wrap;
	list-style: none;
	justify-content: flex-start;
	margin-bottom: 45px;
	border-radius: 38px;
	border: 1px solid var(--Gray-Cool-100, #EFF1F5);
	background: var(--Gray-Cool-25, #FCFCFD);
	margin-right: auto;
	margin-left: 0;
	padding: 4px;
	gap: 2px;
	margin-left: auto;
}

.homegelirmodeller .alan .filter--ul li a {
	border-radius: 60px;
	background: var(--Gray-Cool-100, #EFF1F5);
	color: var(--Gray-Cool-400, #7D89B0);
	font-size: 18px;
	font-weight: 700;
	padding: 6px 20px;
	display: flex;
	transition: all 0.6s;
	align-items: center;
	gap: 5px;
}

.homegelirmodeller .alan .filter--ul li {
	position: relative;
}

.homegelirmodeller .alan .filter--ul li.active a {
	background: var(--accent-color);
	color: #fff;
}

.homegelirmodeller .alan .filter--ul li.active a svg path {
	fill: #fff;
}

.homegelirmodeller .alan .filter--ul li a:hover {
	background: #DCDFEA;
}

.homegelirmodeller .alan {
	width: 100%;
	padding: 40px 50px;
	border-radius: 0px 0px 45px 45px;
	background: var(--Gray-Cool-50, #F9F9FB);
	display: flex;
	justify-content: center;
	flex-flow: column;
}

.gelirmodlbctxt {
	width: 100%;
}

.gelirmodlbctxt .text {
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 15px;
}

.gelirmodlbctxt .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 34px;
	font-weight: 700;
}

.gelirmodlbctxt .text p {
	color: var(--Gray-Cool-800, #30374f8f);
	font-size: 18px;
	font-weight: 500;
}

.gelirmodlbctxt .text a {
	border-radius: 16px;
	border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
	background: var(--Brand---Main-500, #e73845);
	box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	color: var(--Blue-light-50, #F0F9FF);
	font-size: 16px;
	font-weight: 700;
	padding: 15px 20px;
	justify-content: space-between;
	display: flex;
	margin-right: auto;
	margin-left: 0;
}

.gelirmodlbctxt .text a i {
	margin-left: 35px;
}

.gelirmodlbctxt .img {
	width: 100%;
	height: 375px;
	margin-top: -45px;
}

.gelirmodlbctxt .img img {
	width: 100%;
	object-fit: contain;
	height: 100%;
}

.gelirmodlbctxt .img.ozel {
	height: 415px;
	margin-bottom: -40px;
}

.hmpanelyonet {
	width: 100%;
	background: var(--Gray-Cool-50, #F9F9FB);
	padding: 45px 10px;
	margin-bottom: 80px;
}

.hmpanelyonet .text {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 15px;
	height: 100%;
	justify-content: center;
}

.hmpanelyonet .text h6 {
	color: var(--Blue-light-500, #0BA5EC);
	font-size: 20px;
	font-weight: 700;
}

.hmpanelyonet .text h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
}

.hmpanelyonet .text p {
	color: var(--Gray-Cool-900, #1113229b);
	font-size: 18px;
	font-weight: 500;
}

.hmpanelyonet .text img {
	height: 40px;
	margin-right: 10px;
}

.hmpanelyonet .img {
	border-radius: 45px;
	background: var(--Gray-Cool-100, #EFF1F5);
	width: 100%;
	height: 397px;
	overflow: hidden;
}

.hmpanelyonet .img img {
	width: 100%;
	object-fit: contain;
}

.commentspageareabs {
	width: 100%;
	padding: 30px 0;
}

.commentspageareabs::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://apiseller.org/cdn/img/commentbarbefore.png);
	background-size: contain;
	width: 200px;
	height: 100%;
	background-repeat: repeat;
}

.commentspageareabs::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(https://apiseller.org/cdn/img/commentbarafter.png);
	background-size: contain;
	width: 200px;
	height: 100%;
	background-repeat: repeat;
}

.commentspageareabs .commentitem {
	width: 100%;
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-50, #F9F9FB);
	padding: 14px 16px;
	position: relative;
}

.commentspageareabs .commentitem .useriv {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center;
}

.commentspageareabs .commentitem .useriv .icon {
	width: 40px;
	height: 40px;
}

.commentspageareabs .commentitem .useriv .icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.commentspageareabs .commentitem .useriv .text {
	display: flex;
	flex-flow: column;
	gap: 0px;
}

.commentspageareabs .commentitem .useriv .text b {
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
}

.commentspageareabs .commentitem .useriv .text span {
	color: var(--Gray-Cool-900, #111322);
	font-size: 14px;
	font-weight: 500;
}

.commentspageareabs .commentitem .useriv .lgs {
	display: flex;
	gap: 14px;
	align-items: center;
}

.commentspageareabs .commentitem .star {
	display: flex;
	gap: 5px;
	align-items: center;
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
}

.commentspageareabs .commentitem h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}

.commentspageareabs .commentitem p {
	color: var(--Gray-Cool-900, #11132298);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}

.commentgrid {
	column-count: 3;
	column-gap: 20px;
}

.commentitem {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.homeblogsection {
	width: 100%;
	margin-bottom: 70px;
}

.homeblogsection h6 {
	width: 100%;
	text-align: center;
	color: var(--Blue-light-500, #0BA5EC);
	font-size: 20px;
	font-weight: 700;
}

.homeblogsection h3 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 40px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
}

.homeblogsection .blog-card {
	width: 100%;
	border-radius: 12px;
	border: 1px solid var(--Gray-Cool-50, #F9F9FB);
	padding: 8px;
}

.homeblogsection .blog-card img {
	width: 100%;
	height: 145px;
	border-radius: 8px;
	object-fit: cover;
}

.homeblogsection .blog-card h4 {
	color: var(--Gray-Cool-900, #111322);
	font-size: 20px;
	font-weight: 700;
	padding: 15px;
	margin-bottom: 0;
}

.homeblogsection .blog-card p {
	overflow: hidden;
	color: var(--Gray-Cool-900, #11132270);
	font-size: 16px;
	font-weight: 500;
	padding: 0px 15px;
	margin-bottom: 5px;
}

.footer--social ul {
	display: flex;
	gap: 5px;
}

.footer--social ul li a {
	font-size: 23px;
	color: #111322;
}

.homeslidericonan {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.homeslidericonan svg {
	width: 100%;
	height: 100%;
	opacity: 0.25;
}

.servistabloitem .srvsfiyat {
	white-space: nowrap;
}

.dashtools .col-md-3 {
	margin-bottom: 15px;
}

.kazanchesapla-content .container:nth-child(1) {
	padding-top: 120px;
}

._container_19nem_1 {
	display: none !important;
}

._wrapper_a2g9h_1 ._tapBar__item_a2g9h_5.active {
	opacity: 1;
}

._wrapper_a2g9h_1 ._tapBar__item_a2g9h_5.active img {
	filter: brightness(0) saturate(100%)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
}

.select2-results__option {
	border-bottom: 0px !important;
}

.commentspageareabs .comment-slider {
	position: relative;
}

/* Grid -> yatay scroll */
.commentspageareabs .commentgrid {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding: 8px 52px;
	/* oklar üstüne binmesin diye */
}

/* Kartlar yan yana */
.commentspageareabs .commentitem {
	flex: 0 0 auto;
	width: 26%;
	/* kart geniÅŸliÄŸi */
	scroll-snap-align: start;
}

/* Scrollbar gizle (opsiyonel) */
.commentspageareabs .commentgrid {
	scrollbar-width: none;
}

.commentspageareabs .commentgrid::-webkit-scrollbar {
	display: none;
}

/* Ok butonları */
.commentspageareabs .cnav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, .10);
	background: #fff;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
	display: flex;
	justify-content: center;
	font-size: 22px;
	line-height: 29px;
	cursor: pointer;
	z-index: 5;
	user-select: none;
	font-size: 20px;
}

.commentspageareabs .cnav-left {
	left: -54px;
}

.commentspageareabs .cnav-right {
	right: -54px;
}

.commentspageareabs .cnav.is-disabled {
	opacity: .35;
	pointer-events: none;
}

/* Mobil */
@media (max-width: 768px) {
	.commentspageareabs .commentitem {
		width: 85vw;
	}

	.commentspageareabs .commentgrid {
		padding: 8px 46px;
	}
}

.scroll-item i {
	font-size: 16px;
	font-weight: 100;
}

.alert-success {
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.alert-success button {
	width: 30px;
	border: 0;
	border-radius: 10px;
	height: 30px;
	background: #0f5132;
	color: #9be0c4;
}


.alert-danger {
    border-radius: 20px;
    font-weight: 500;
}

.alert-danger button {
    width: 30px;
    border: 0;
    border-radius: 10px;
    height: 30px;
    margin-right: 15px;
    background: #d2999e;
    color: #6e2e2e;
}

/* Responsive Media Queries */
@media (max-width: 992px) {
	header .mainmenu {
		display: none;
	}

	.canvascontrol .currentcymenusv {
		bottom: 46px;
		top: auto !important;
		transition: none !important;
	}

	.canvascontrol .currentcymenusv.active {
		bottom: 46px;
		top: auto !important;
		max-height: 150px !important;
	}

	.canvascontrol .currentlistdropdown {
		overflow: scroll;
		height: 100%;
		max-height: 150px;
	}

	.canvascontrol .langmenu {
		top: auto !important;
		bottom: 46px !important;
		max-height: 150px !important;
	}

	.canvascontrol .langmenu ul {
		overflow: scroll;
		max-height: 150px;
	}

	.defaultaraclar {
		margin-top: -150px;
	}

	.ozelpanelhome lottie-player {
		margin-top: -40px !important;
	}

	.ozelpanelhome .infotextconte {
		bottom: 0px;
	}

	.conteapidestek {
		margin-top: -50px;
	}

	.whois--compenet::after {
		display: none;
	}

	.whois--compenet::before {
		display: none;
	}

	.homeslider .text h1 {
		width: 100%;
	}

	._container_19nem_1 {
		display: block !important;
	}

	.dashcontentalan {
		padding-bottom: 15px;
	}

	.kazanchesapla-content .aln {
		margin-top: 15px;
	}

	.servismobiltabs .filterbtnlist {
		margin-right: 5px;
	}

	.servismobiltabs .searchbln input {
		min-width: auto;
	}

	.servismobiltabs .filtrelebtn-new svg {
		display: none;
	}

	.mobilpricefiyatlar ul li b {
		white-space: nowrap;
	}

	.modal.serivsdetailmodal .servisaciklama .row {
		display: none;
	}

	.servismobiltabs ul {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	#filterDropdownMenu {
		max-width: 350px;
		min-width: 300px;
	}

	.btn-group-vertical {
		width: 17px;
		height: 17px;
		object-fit: contain;
	}

	.filterbtnlist .dropdown-menu li a span {
		font-size: 12px;
		white-space: normal;
	}

	.servismobiltabs ul::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

	.servismobiltabs ul li a {
		width: 100% !important;
	}

	.servismobiltabs {
		display: flex;
		flex-flow: column;
		max-width: 100%;
		position: relative;
	}

	.servismobiltabs .rightbar {
		padding-left: 0px;
		margin-top: 15px;
	}

	.homegelirmodeller .alan .filter--ul li a:hover {
		background: var(--accent-color);
	}

	.servis_tabloliste {
		margin-top: 10px;
	}

	.contact-content {
		padding-left: 10px;
		padding-top: 70px;
		padding-right: 10px;
	}

	.giveaway--list .item .ls-btx span {
		font-size: 12px;
	}

	.addfundsdetail {
		padding-bottom: 25px;
	}

	.footercardimg {
		padding: 0px 10px;
		display: flex;
		justify-content: center;
		flex-flow: wrap;
		gap: 9px;
	}

	.footer-bottom .alan .hiz {
		flex-flow: column;
		gap: 6px;
		padding: 0px 15px;
	}

	.homecontent {
		margin-top: 70px;
	}

	.footer-bottom .alan .hiz ul a {
		font-size: 11px;
	}

	.footer-bottom span {
		font-size: 11px;
	}

	.footer-bottom .alan .hiz ul {
		gap: 10px;
	}

	.reglogincontent.resetpassword {
		margin-top: 70px !important;
	}

	.refferalcontent .vhoisreff .box {
		height: auto;
		margin-top: 10px;
	}

	.homecontent .homeslider .text ul li {
		flex-flow: wrap;
		font-size: 14px;
		padding-left: 30px;
		padding-right: 15px;
		position: relative;
	}

	.homecontent .homeslider .text ul li svg {
		position: absolute;
		left: 0;
	}

	.homecontent .homeslider .text .slide--info {
		flex-flow: column;
	}

	.homecontent .homeslider .text .slide--info .d-left {
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.homecontent .homeslider .text .slide--info .d-left::after {
		display: none;
	}

	.homecontent .homeslider .text .slide--info a {
		width: 100%;
		font-size: 16px !important;
		margin-left: 0 !important;
		justify-content: center;
		margin-bottom: 20px;
	}

	.footer--social ul {
		justify-content: center;
		margin-bottom: 15px;
	}

	.akarac--tabs.ozel ul {
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.akarac--tabs.ozel ul li a {
		width: auto;
	}

	.servistabloitem .serivsname .lsbc.mobilkapali {
		display: none !important;
	}

	.akarac--tabs ul {
		max-width: 100%;
		width: 100%;
	}

	.mobilidservis {
		display: block;
		border-radius: 7px;
		border: 1px solid var(--Gray-Cool-200, #DCDFEA);
		background: var(--Gray-Cool-25, #FCFCFD);
		color: var(--Gray-Cool-800, #30374F);
		font-size: 12px;
		padding: 3px 6px;
		margin-right: 10px;
		font-weight: 500;
	}

	.servistabloitem .serivsname img {
		margin-right: 10px;
	}

	.mobilkapali {
		display: none !important;
	}

	.webkapali {
		display: block !important;
	}

	header .controlarea .lang_switch {
		display: none;
	}

	header .loginbtn {
		display: none;
	}

	header::after {
		display: none;
	}

	header {
		display: flex;
		width: 100%;
		border-bottom: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
		padding: 15px 0;
	}

	header .logo img {
		height: 37px;
	}

	.mobilmenubtn {
		float: right;
		margin-left: 10px;
		display: block;
	}

	.mobilmenubtn button {
		border-radius: 12px;
		border: 2px solid var(--gray-cool-transparent-10, rgba(17, 19, 34, 0.10));
		background: var(--Gray-Cool-White, #FFF);
		box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
		width: 38px;
		height: 38px;
		display: flex;
		padding: 0;
		align-items: center;
		justify-content: center;
		transition: all 0.6s;
	}

	header .btn-dev2 {
		padding: 8px 27px;
	}

	header .container {
		display: block;
	}

	header .logo {
		float: left;
	}

	.mobilmenubtn .exitlis {
		display: none;
	}

	.mobilmenubtn.active #mobilmenubtnacik svg {
		display: none;
	}

	.mobilmenubtn.active button {
		border-radius: 12px;
		border: 2px solid var(--Gray-Cool-300, #B9C0D4);
		background: var(--Gray-Cool-900, #111322);
		box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
	}

	.mobilmenubtn.active #mobilmenubtnacik .exitlis {
		display: block;
	}

	.mobilmenubtn.active .mobilmenualan {
		display: block;
	}

	.mobilmenubtn .mobilmenualan {
		position: absolute;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 9999999;
		top: 70px;
		border-bottom: 1px solid #f5f5f5;
		padding: 15px;
		display: none;
	}

	.mobilmenubtn .loginbtn {
		display: block;
		width: 100%;
	}

	.mobilmenubtn .loginbtn .btn-dev1 {
		padding: 8px 10px;
		justify-content: center;
	}

	.mobilmenubtn .registerbtn {
		width: 100%;
		display: block !important;
	}

	.mobilmenubtn .btn-dev2 {
		justify-content: center;
	}

	.mobilmenubtn .controlarea .lang_switch {
		display: block;
	}

	.mobilmenubtn .controlarea {
		width: 100%;
		justify-content: space-between;
		flex-flow: column;
	}

	.mobilmenubtn .controlarea .lang_switch {
		padding: 7px 10px;
		padding-right: 35px;
		max-width: 70px;
	}

	header .controlarea .lang_switch.active .langselect {
		right: auto;
		left: 0;
	}

	.mobilmenualan ul {
		list-style: none;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		gap: 10px;
		padding: 10px;
	}

	.mobilmenualan ul li a {
		color: var(--Gray-Cool-900, #111322);
		font-size: 14px;
		font-weight: 700;
	}

	header .registerbtn.active {
		display: none;
	}

	footer {
		overflow: hidden;
		padding-top: 0;
	}

	footer .container {
		padding: 0;
	}

	footer .hero {
		border-radius: 0;
		padding: 40px 20px;
		text-align: center;
	}

	.scroll-item {
		font-size: 11px;
	}

	footer .hero--scroll {
		border-radius: 0;
	}

	.scroll-bar-track {
		gap: 10px;
		gap: 15px;
	}

	footer .hero h2 {
		font-size: 32px;
		margin-bottom: 0;
	}

	footer .hero::after,
	footer .hero::before {
		display: none;
	}

	footer .hero .bar--bonus {
		flex-flow: wrap;
		justify-content: center;
	}

	footer .hero h6 {
		margin-bottom: 0;
	}

	.footer--menu {
		padding: 25px 15px;
		text-align: center;
	}

	.footer-desc {
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.footer-destek {
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.footer-menu--list {
		flex-flow: column;
		gap: 25px;
	}

	.footer-menu--list .item ul li {
		width: auto;
		padding: 0px 10px;
	}

	.footer-menu--list ul.lsmbnone {
		display: flex;
		flex-flow: wrap;
		justify-content: center;
		gap: 5px 40px;
	}

	.footer-menu--list .item ul.w-100 li {
		width: auto;
	}

	.footer-bottom .alan {
		flex-flow: column;
		gap: 10px;
	}

	.footer-bottom {
		padding: 20px 0;
		padding-top: 15px;
	}

	.bigtitle {
		padding: 15px 0;
		margin-bottom: 10px;
	}

	.bigtitle h1 {
		font-size: 26px;
	}

	.bigtitle p {
		padding-left: 0;
		font-size: 16px;
	}

	.bigtitle p:before {
		display: none;
	}

	header .controlarea .lang_switch.active .langselect ul {
		padding: 0;
	}

	.blogtop {
		height: 380px;
	}

	.blogtop .text {
		left: 20px;
		bottom: 20px;
	}

	.blogtop .text h2 {
		font-size: 24px;
	}

	.blogitem img {
		height: 200px;
	}

	.blogdetail-content {
		padding: 10px 0;
	}

	.breadcumb ul li a {
		font-size: 14px;
	}

	.blogdetail-content h1 {
		font-size: 28px;
	}

	.blog--alan .blog--info {
		flex-flow: row-reverse;
		gap: 0px;
	}

	.blog-info--text img {
		object-fit: cover;
		max-width: 100%;
	}

	.blog--faq .accordion-button {
		font-size: 14px;
	}

	.blog--sidebar {
		margin-top: 15px;
	}

	.sidebar--sonyazilar li .text h5 {
		font-size: 15px;
	}

	.sidebar--icerik {
		display: block !important;
		margin-bottom: 20px;
	}

	.blog--sidebar .sidebar--icerik {
		display: none !important;
	}

	.blog--alan .hot span {
		font-size: 10px;
	}

	.blog--alan .date {
		font-size: 10px;
		white-space: nowrap;
	}

	.blog--alan .right {
		gap: 8px;
		justify-content: space-between;
		align-items: center;
	}

	.blog--alan .hot svg {
		height: 14px;
	}

	.blog--alan .user-blog span {
		font-size: 10px;
		white-space: nowrap;
	}

	.blog--alan .cat {
		padding: 2px 6px;
		white-space: nowrap;
		margin-left: 5px;
		font-size: 10px;
	}

	.terms-content {
		padding: 20px 0;
	}

	.terms-content .menuarea {
		width: calc(100% + 12px);
	}

	.terms-content .menuarea ul li a {
		min-width: 150px;
		text-align: center;
		justify-content: center;
		white-space: nowrap;
	}

	.terms-content .menuarea ul {
		overflow-x: scroll;
		padding-right: 10px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.sss-sidebar {
		margin-bottom: 10px;
		overflow: hidden;
	}

	.sss-alan .accordion-button {
		font-size: 14px;
	}

	.sss-sidebar ul {
		overflow-x: scroll;
		flex-flow: nowrap;
		text-align: center;
		gap: 5px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.sss-sidebar ul li a {
		padding: 10px 5px;
		white-space: nowrap;
	}

	.sss-sidebar ul li {
		min-width: 135px;
	}

	.contact-content .form {
		margin-top: 20px;
	}

	.nasilcalisir-content .container {
		padding: 0;
	}

	.nasilcalisir-content .bigtitle {
		padding: 15px;
	}

	.nasilcalisir-content .alan {
		border-radius: 0;
		padding: 20px;
	}

	.nasilcalisir-content .alan .text h3 {
		width: 100%;
		text-align: center;
		font-size: 28px;
	}

	.nasilcalisir-content .alan .text p {
		width: 100%;
		text-align: center;
		font-size: 15px;
	}

	.nasilcalisir-content .alan .img {
		width: 100%;
		margin-top: 20px;
		height: 440px;
	}

	.nasilcalisir-content .alan .nlc--tabs .item--btn {
		font-size: 14px;
		letter-spacing: normal;
		min-width: 134px;
		text-align: center;
		padding: 9px;
	}

	.nasilcalisir-content .alan .nlc--tabs {
		overflow-x: scroll;
		flex-flow: nowrap;
		width: calc(100% + 20px);
		margin-bottom: 0;
	}

	.akarac-content .akarac--tabs {
		border-radius: 15px;
		border: 1px solid var(--Gray-Cool-100, #EFF1F5);
		background: var(--Gray-Cool-50, #F9F9FB);
		padding: 8px;
		padding-right: 0;
		margin-bottom: 15px;
	}

	.akarac-content .akarac--tabs ul {
		overflow-x: scroll;
		flex-flow: nowrap;
	}

	.servismobiltabs li{
		min-width: auto!important;
	}

	.servismobiltabs .genislet-li{
		display: none!important;
	}

	.servismobiltabs .extra-tab{
		display: block!important;
	}

	.akarac-content .akarac--tabs li svg {
		display: none;
	}

	.akarac-content .akarac--tabs li span{
		display: none;
	}

	.akarac-content .akarac--tabs li {
		flex: auto;
		max-width: 100%;
		min-width: 100px;
	}

	.akrac--detay {
		padding-top: 20px;
	}

	.hepsibotchat .chatalan .item {
		width: 70%;
	}

	.hepsibotchat .chatalan .item .info {
		gap: 5px;
	}

	.hepsibotchat .chatalan .item .info span {
		font-size: 12px;
	}

	.hepsibotchat .chatalan .item .info b {
		font-size: 12px;
	}

	.akrac--detay h1 {
		text-align: center;
		width: 100%;
		font-size: 30px;
	}

	.akrac--detay .container {
		display: block;
	}

	.reglogincontent {
		padding: 30px 20px;
	}

	.reglogincontent::before {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 0;
		border: 0;
	}

	.reglogincontent button.gonder {
		margin-top: 20px;
	}

	.reglogincontent h1 {
		font-size: 28px;
		display: flex;
		flex-flow: column;
		gap: 4px;
	}

	.reglogincontent .info {
		font-size: 14px;
	}

	.reglogincontent .info a {
		font-size: 14px;
	}

	.reglogincontent .hiz .col-md-7 {
		width: 50%;
	}

	.reglogincontent .hiz .col-md-5 {
		width: 50%;
	}

	.kazanchesapla-content .container {
		padding: 0;
	}

	.kazanchesapla-content .bigtitle {
		padding: 15px;
	}

	.kazanchesapla-content .hesaplaarea {
		padding: 30px 15px;
		border-radius: 0;
	}

	.kazanchesapla-content .boxalan {
		padding: 0;
	}

	.kazanchesapla-content .hesaplaarea h3 {
		width: 100%;
		text-align: center;
		font-size: 26px;
	}

	.kazanchesapla-content .hesaplaarea p {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.kazanchesapla-content .sonucarea .col-md-6 {
		width: 50%;
		margin-bottom: 20px;
	}

	.kazanchesapla-content .sonucarea .is span {
		font-size: 24px;
	}

	.kazanchesapla-content .aln {
		padding: 20px;
	}

	.kazanchesapla-content .aln {
		margin-bottom: 20px;
	}

	.kazanchesapla-content .aln .kazan-veri .item span {
		font-size: 21px;
	}

	.kazanchesapla-content .info--text {
		padding: 0px 15px;
	}

	.sartlar--alan {
		padding: 40px 15px;
		margin-bottom: 30px;
	}

	.sartlar--alan .col-md-4 {
		margin-bottom: 10px;
	}

	.kazanc--derbas {
		padding: 0px 15px;
	}

	.kazanc--derbas .col-md-6 {
		margin-bottom: 20px;
	}

	.kazanc--derbas .item p {
		font-size: 16px;
		padding: 15px;
	}

	.kazanc--derbas .item h3 {
		font-size: 18px;
	}

	.kazanc--derbas .col-md-3::before {
		display: none;
	}

	.kazanc--derbas .col-md-3 {
		margin: 10px 0
	}

	.kazanc--derbas .itemb h3 {
		font-size: 16px;
	}

	.casestudycontent .caseslider {
		padding: 30px 15px;
	}

	.casestudycontent .caseslider h1 {
		font-size: 32px;
	}

	.casestudycontent .caseslider::before {
		content: "";
		background: url(https://apiseller.org/cdn/img/case-bg.png);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-size: 206%;
		background-repeat: no-repeat;
		background-position: 52%;
		z-index: 2;
	}

	.casestudycontent .caselist .item {
		text-align: center;
		height: auto;
		margin-bottom: 15px;
	}

	.casestudycontent .caselist .item .alan {
		justify-content: center;
		min-height: auto;
		padding: 15px;
	}

	.casestudycontent .caselist .item .alan span {
		font-size: 24px;
	}

	.case-infobar .container {
		padding: 0;
	}

	.casestudycontent .caselist .item .alan.d-flex {
		justify-content: center;
		gap: 10px;
	}

	.case-infobar .text {
		text-align: center;
		padding: 25px 0;
	}

	.case-infobar .text h3 {
		font-size: 30px;
	}

	.case-infobar .img img {
		object-fit: cover;
	}

	.case-infobar {
		overflow: hidden;
	}

	.case-grafikler .item {
		height: auto;
		margin-bottom: 20px;
	}

	.casestudycontent .kazanc--derbas {
		padding: 0;
	}

	.basicpagecontent .basic_slidealan::before {
		width: 100%;
		border-radius: 0;
		left: 0;
		border: 0;
	}

	.basicpagecontent .basic_slidealan .text {
		padding: 0;
	}

	.basicpagecontent .basic_slidealan .text h1 {
		text-align: center;
		justify-content: center;
		display: flex;
		flex-flow: wrap;
		font-size: 38px;
	}

	.basicpagecontent .basic_slidealan .text h1 .icon {
		padding: 0px 10px;
	}

	.basicpagecontent .basic_slidealan .text p {
		font-size: 16px;
		text-align: center;
		margin-top: -10px;
	}

	.basicpagecontent .basic_slidealan .text ul li {
		flex-flow: wrap;
		font-size: 14px;
		padding-left: 30px;
		padding-right: 15px;
		position: relative;
	}

	.basicpagecontent .basic_slidealan .text ul li svg {
		position: absolute;
		left: 0;
	}

	.basicpagecontent .basic_slidealan .text .slide--info .d-left::after {
		display: none;
	}

	.basicpagecontent .basic_slidealan .text .slide--info {
		flex-flow: column;
	}

	.basicpagecontent .basic_slidealan .text .slide--info .d-left {
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.basicpagecontent .basic_slidealan .text .slide--info a {
		width: 100%;
		font-size: 16px;
		margin-left: 0;
		justify-content: center;
	}

	.basicpagecontent .basic_slidealan .img {
		display: none;
	}

	.whois--compenet h2 {
		padding: 30px 15px;
		font-size: 30px;
	}

	.whois--compenet .itemb .col-md-3 {
		width: 50%;
		margin-bottom: 20px;
	}

	.whois--compenet .col-md-3::before {
		display: none;
	}

	.packet--pricescom {
		padding-top: 0;
	}

	.packet--pricescom h4 {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.packet--pricescom h2 {
		width: 100%;
		text-align: center;
		font-size: 32px;
	}

	.packet--pricescom p {
		width: 100%;
		text-align: center;
		font-size: 16px;
	}

	.packet--pricescom .alan {
		padding: 20px;
	}

	.packet--pricescom .alan .filter--ul li a {
		font-size: 15px;
		padding: 6px;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.packet--pricescom .alan .filter--ul {
		width: 100%;
		justify-content: space-between;
	}

	.packet--pricescom .alan .filter--ul li {
		width: 100%;
		flex: 1;
		text-align: center;
	}

	.packet--pricescom .item .aln-tex {
		padding: 15px;
	}

	.packet--pricescom .item .aln-tex h3 {
		font-size: 16px;
	}

	.packet--pricescom .item .aln-tex .price {
		font-size: 16px;
	}

	.packet--pricescom .item .bt-alt {
		padding: 10px;
	}

	.packet--pricescom .item .bt-alt a {
		padding: 8px;
	}

	.packet--pricescom .item {
		margin-bottom: 15px;
	}

	.giveaway--title {
		padding: 35px 15px;
	}

	.giveaway--title .text h1 {
		font-size: 30px;
	}

	.giveaway--title::before {
		background-size: cover;
	}

	.giveaway--info {
		padding: 20px;
	}

	.giveaway--info h2 {
		display: flex;
		flex-flow: column;
		font-size: 30px;
	}

	.giveaway--info h6 {
		font-size: 16px;
	}

	.giveaway--info .item {
		height: auto;
		margin-bottom: 15px;
	}

	.giveaway--list .item .col-md-6 {
		width: 50%;
	}

	.apidetail .item h4 {
		font-size: 18px;
		padding: 15px;
		text-align: center;
	}

	.apidetail .item {
		margin-bottom: 15px;
		height: auto;
	}

	.apidetail .item .method {
		text-align: center;
		padding: 10px 15px;
	}

	.kariyercontent .smalltitle {
		padding: 20px 0;
		text-align: left;
	}

	.kariyercontent .smalltitle h1 {
		font-size: 24px;
	}

	.kariyercontent .smalltitle p {
		font-size: 16px;
	}

	.kariyercontent .whois--compenet .itemb {
		padding: 0px 15px;
	}

	.kariyercontent .whois_area {
		border-radius: 0px;
		padding: 30px 15px;
	}

	.kariyercontent .whois_area h6 {
		text-align: center;
	}

	.kariyercontent .whois_area h3 {
		text-align: center;
		font-size: 30px;
	}

	.kariyercontent .open_works {
		border-radius: 0;
		padding: 0px;
	}

	.kariyercontent .open_works .alan {
		padding: 30px 15px;
	}

	.kariyercontent .open_works .alan h4 {
		text-align: center;
	}

	.kariyercontent .open_works .alan h3 {
		font-size: 30px;
		text-align: center;
	}

	.kariyercontent .open_works .alan ul li {
		flex: 1;
		max-width: 100%;
	}

	.kariyercontent .open_works .alan ul {
		flex-flow: column;
		gap: 15px;
	}

	.kariyercontent .open_works .alan ul li:nth-last-child(2):nth-child(3n+1),
	.kariyercontent .open_works .alan ul li:nth-last-child(1):nth-child(3n+2) {
		max-width: 100%;
		flex: 1;
	}

	.kariyercontent .open_works .bal_ftr h5 {
		font-size: 26px;
	}

	.ucretsizaraclarcontent .caseslider {
		padding: 30px 10px;
	}

	.ucretsizaraclarcontent .caseslider::before {
		display: none;
	}

	.ucretsizaraclarcontent .caseslider h1 {
		font-size: 30px;
	}

	.ucretsizaraclarcontent .caseslider .alan input {
		margin-bottom: 15px;
	}

	.comments-componet .title h2 {
		font-size: 30px;
	}

	.faq-compents .alan {
		border-radius: 0;
		padding: 30px 15px;
	}

	.faq-compents .text h6 {
		margin-bottom: 15px;
		text-align: center;
	}

	.faq-compents .text h3 {
		text-align: center;
		font-size: 30px;
	}

	.faq-compents .text h5 {
		text-align: center;
		margin-bottom: 20px;
	}

	.faq-compents .text a::before {
		display: none;
	}

	.faq-compents .text a {
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.takipcigonderalan .tablistalan .row {
		flex-flow: column;
	}

	.ucretsizaraclarcontent .gorevlist .item {
		flex-flow: column;
	}

	.ucretsizaraclarcontent .gorevlist .item a {
		width: 100%;
	}

	.takipcigonderalan .tablistalan .item .text {
		text-align: center;
	}

	.akarac-content .akarac--tabs.webkapali li i {
		display: block;
	}

	.akarac--tabs ul li a {
		width: 50px;
	}

	.akarac-content .akarac--tabs.webkapali li {
		min-width: auto;
		max-width: auto;
		flex: 1;
		display: block !important;
	}

	.dashpricelist .accordion-button {
		font-size: 18px;
		line-height: 27px;
	}

	.servistablobaslik {
		display: none;
	}

	.akarac-content .akarac--tabs li svg {
		display: block;
	}

	.akarac-content .akarac--tabs.webkapali ul {
		padding-right: 15px;
	}

	.pricelistlogindo .spanfavorimobil {
		display: none;
	}

	.pricelistlogindo .servistabloitem {
		display: block;
		background: #F9F9FB;
		border: 1px solid var(--Gray-Cool-200, #DCDFEA);
		border-radius: 15px;
		margin-bottom: 15px;
	}

	.servis_tabloliste {
		padding: 5px 10px;
	}

	.pricelistlogindo .servistabloitem span:nth-child(4),
	.pricelistlogindo .servistabloitem span:nth-child(5),
	.pricelistlogindo .servistabloitem span:nth-child(6) {
		display: none;
	}

	.pricelistlogindo .servistabloitem span:nth-child(8) {
		display: flex;
		width: 100%;
	}

	.dashpricelist .sDetayBtn {
		width: 100%;
		margin-top: 15px;
	}

	.servistabloitem .serivsname.webkapali {
		margin-bottom: 18px !important;
	}

	.mobilpricefiyatlar ul {
		display: flex;
		justify-content: space-between;
		list-style: none;
		gap: 8px;
	}

	.mobilpricefiyatlar ul li {
		border-radius: 7px;
		border: 1px solid var(--Gray-Cool-200, #DCDFEA);
		background: var(--Gray-Cool-White, #FFF);
		box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
		padding: 5px 2px;
		color: var(--Gray-Cool-800, #30374F);
		font-size: 12px;
		font-weight: 500;
		width: 100%;
		text-align: center;
		align-items: center;
		display: flex;
		justify-content: center;
		gap: 5px;
	}

	.modal.serivsdetailmodal .servisaciklama .col-md-4:nth-child(2),
	.modal.serivsdetailmodal .servisaciklama .col-md-4:nth-last-child(2) {
		padding: 0;
		margin: 10px 0;
	}

	.homeslider {
		padding: 20px 10px;
		width: 100%;
		margin-left: 0;
		border-radius: 0;
		border-top: 0;
		margin-top: -10px;
		border: 0;
		margin-bottom: 30px;
	}

	.homeslider .text h1 {
		font-size: 32px;
		text-align: center;
		justify-content: center;
		display: flex;
		margin-bottom: 15px;
		flex-flow: column;
		margin-top: 30px;
	}

	.homeslider .text h1 span {
		justify-content: center;
	}

	.commentspageareabs::before,
	.commentspageareabs::after {
		display: none;
	}

	.homeserivsler-con .alan .filter--ul li.active::after {
		display: none;
	}

	.commentgrid {
		column-count: 1;
	}

	.homeslider .text p {
		text-align: center;
		font-size: 16px;
	}

	.homeslider .text h1 span b svg {
		height: 20px;
	}

	.homeslider .text h1 span b {
		height: 30px;
		margin-top: 5px;
	}

	.homeslider .text .slidersocial ul li {
		width: 35px;
		height: 35px;
	}

	.homeslider .text .slidersocial {
		margin-left: auto;
		margin-bottom: 20px;
	}

	.sliderlogin h5 {
		font-size: 17px;
		margin-bottom: 10px;
	}

	.sliderlogin button.gonder {
		padding: 10px !important;
	}

	.sliderlogin .col-md-7 {
		width: 50%;
	}

	.sliderlogin .col-md-5 {
		width: 50%;
	}

	.homeistatisc {
		margin-bottom: 0;
	}

	.homeistatisc .item {
		padding: 10px 20px;
		margin-bottom: 10px;
	}

	.homeistatisc .item .text b {
		font-size: 23px;
	}

	.homeistatisc .item .text {
		gap: 0;
		justify-content: center;
		height: 100%;
	}

	.homepaketler {
		margin-top: 80px;
		padding: 0px 15px;
	}

	.packet--pricescom .tabs--pr .row .col {
		padding: 0px 2px;
	}

	.packet--pricescom .item {
		margin-bottom: 10px;
	}

	.homekabconte {
		border-radius: 0;
		margin-top: 0;
		padding: 40px 0px;
		overflow: hidden;
	}

	.biggedtitle h5 {
		width: 100%;
		text-align: center;
		font-size: 18px;
	}

	.biggedtitle h2 {
		width: 100%;
		text-align: center;
		font-size: 28px;
	}

	.homekabconte .col-md-6 {
		margin-bottom: 40px;
	}

	.defaultaraclar .infotextconte h3 {
		text-align: center;
	}

	.defaultaraclar .infotextconte span {
		text-align: center;
		font-size: 14px;
	}

	.conteapidestek .img img {
		object-position: bottom;
	}

	.conteapidestek .img {
		height: 200px;
	}

	.container.mobpadding {
		padding: 0;
	}

	.homekabconte .col-md-8 {
		padding: 0px 20px;
	}

	.homeinfopacket {
		border-radius: 0;
		padding: 15px;
		margin-top: 0;
		background: transparent;
		border: 0;
	}

	.packetonehom {
		margin-bottom: 20px;
	}

	.musichomecont {
		min-height: 400px;
	}

	.homeseopacket .text {
		padding: 20px;
	}

	.homeseopacket .img {
		display: none;
	}

	.homeserivsler-con {
		border-radius: 0;
		padding: 17px;
		margin-bottom: 0;
		padding-bottom: 50px;
	}

	.homeserivsler-con .bigsvtitle span {
		width: 100%;
		text-align: center;
		font-size: 18px;
	}

	.homeserivsler-con .bigsvtitle h2 {
		width: 100%;
		text-align: center;
		font-size: 24px;
	}

	.homeserivsler-con .bigsvtitle p {
		font-size: 16px;
		text-align: center;
	}

	.homeserivsler-con .bigsvtitle {
		gap: 10px;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.homeserivsler-con .alan {
		padding: 20px;
		overflow: hidden;
	}

	.tabs--servislerhom .servisalanbcc .text img {
		display: none;
	}

	.homeserivsler-con .alan .filter--ul {
		margin-bottom: 0;
		overflow: scroll;
		display: flex;
		flex-flow: nowrap;
		max-width: calc(100% + 20px);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.tabs--servislerhom .servisalanbcc .text h3 {
		text-align: center;
		font-size: 26px;
	}

	.tabs--servislerhom .servisalanbcc .text p {
		text-align: center;
		font-size: 16px;
	}

	.tabs--servislerhom .servisalanbcc .text {
		gap: 5px;
	}

	.homegelirmodeller {
		margin-top: 0;
		border: 0;
		border-radius: 0;
		margin-bottom: 0;
	}

	.homegelirmodeller .megagltitle {
		border-radius: 0;
	}

	.homegelirmodeller .megagltitle::after {
		background-size: cover;
		background-position: top;
	}

	.homegelirmodeller .megagltitle h2 {
		font-size: 30px;
	}

	.homegelirmodeller .megagltitle p {
		font-size: 16px;
		padding: 0px 20px;
	}

	.homegelirmodeller .alan {
		padding: 20px;
		border-radius: 0;
	}

	.homegelirmodeller .alan .filter--ul {
		overflow: scroll;
		display: flex;
		flex-flow: nowrap;
		max-width: calc(100% + 20px);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-bottom: 20px;
	}

	.homegelirmodeller .alan .filter--ul li a {
		font-size: 15px;
	}

	.homegelirmodeller .alan .filter--ul li {
		min-width: 190px;
		text-align: center;
	}

	.homegelirmodeller .alan .filter--ul li a {
		padding: 6px 5px;
		text-align: center;
		justify-content: center;
	}

	.gelirmodlbctxt .text h3 {
		width: 100%;
		text-align: center;
		font-size: 28px;
	}

	.gelirmodlbctxt .text p {
		width: 100%;
		text-align: center;
		font-size: 16px;
	}

	.gelirmodlbctxt .text a {
		margin-left: auto;
	}

	.gelirmodlbctxt .img {
		margin-top: 0;
		height: 300px;
	}

	.gelirmodlbctxt .img.ozel {
		margin-top: 0;
		height: 300px;
	}

	.hmpanelyonet .text h6 {
		width: 100%;
		text-align: center;
		font-size: 16px;
	}

	.hmpanelyonet .text h3 {
		width: 100%;
		text-align: center;
		font-size: 24px;
	}

	.hmpanelyonet .text {
		gap: 5px;
		margin-bottom: 30px;
		height: auto;
	}

	.hmpanelyonet .text p {
		text-align: center;
		font-size: 16px;
	}

	.hmpanelyonet .img {
		height: 250px;
	}

	.hmpanelyonet .text .applist {
		display: flex;
		justify-content: center;
	}

	.hmpanelyonet {
		margin-bottom: 0;
	}

	.faq-compents {
		margin-top: 0px;
	}

	.faq-compents .alan {
		border: 0;
		padding-top: 60px;
	}

	.comments-componet {
		padding: 10px;
	}

	.comments-componet .title {
		margin-bottom: 15px;
	}

	.comments-componet .title h2 {
		font-size: 26px;
	}

	.homeblogsection h3 {
		font-size: 28px;
	}

	.sdtailalan .newordericerik ul {
		float: left;
	}

	.homeslider .mobilflex {
		flex-flow: column-reverse;
	}

	.servistabloitem .serivsname span {
		white-space: normal;
		max-height: max-content !important;
	}

	.modal.serivsdetailmodal .servisaciklama h5 {
		float: left;
		width: calc(100% - 50px);
		text-align: left !important;
	}

	.modal.serivsdetailmodal .servisaciklama .icon {
		float: left;
		margin-right: 10px !important;
		margin-bottom: 0px !important;
		margin-top: 8px !important;
	}

	.modal.serivsdetailmodal .servisaciklama b {
		float: left;
		margin-bottom: 0px;
	}

	.modal.serivsdetailmodal .servisitem--bc {
		padding: 9px 14px;
	}

	.mobsiparisbtns {
		border-radius: 10px;
		border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
		background: #e73845;
		box-shadow: 0 2px 8px 0 rgba(14, 52, 73, 0.10);
		color: #fff;
		padding: 6px 10px;
		flex: 3;
		text-align: center;
	}

	.mobsiparisbtns:hover {
		color: #fff;
	}

	.moborderbtnlist {
		margin-top: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
	}

	.dashpricelist .sDetayBtn {
		width: auto;
		flex: 1.3;
		text-align: center;
		margin-top: 0px;
	}

	.moborderbtnlist .pushbtn {
		width: 40px;
		height: 40px;
		border: 0;
		text-align: center;
		display: block;
		text-align: center;
		line-height: 18px;
		transition: all 0.6s;
		border-radius: 10px;
		border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
		background: var(--Gray-Cool-White, #FFF);
		line-height: 33px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.favoribtnarea span {
		margin-right: 0px !important;
	}
}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --bg-color: #F9F9FB;
    --dark-text: #111322;
    --accent-color: #e73845;
    --accent-color-hover: #FFF1F3;
    --white: #fff;
    --border-dark: #EFF1F5;
    --transition: all 0.3s;
    --gray-color: #7D89B0;
}

body {
    background-color: var(--bg-color);
    font-family: "Satoshi", sans-serif;
    color: var(--text-color);
}

.row {
    --bs-gutter-x: 15px;
}


ul {
    padding: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

a {
    text-decoration: none;
}

input {
    color: var(--text-color);
}

.dashboardcontent {
    float: left;
    width: 100%;
    position: relative;
}

.dashboardcontent .dashsidebar {
    float: left;
    width: 220px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
    z-index: 9999;
}

.dashboardcontent .dashalan {
    float: left;
    width: calc(100% - 220px);
    margin-left: 220px;
    border-radius: 20px;
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 0px 2px 0px var(--Gray-Cool-200, #DCDFEA);
    padding: 25px;
    max-height: calc(100vh - 115px);
    overflow-y: scroll;
}

.dashboardcontent .dashalan::-webkit-scrollbar {
    width: 1px;
    background: transparent;
    border-radius: 8px;
}

.dashboardcontent .dashalan::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 8px;
}

.dashboardcontent .dashalan::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}

.dashboardcontent .dashalan::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

/* Firefox */
.dashboardcontent .dashalan {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.dash_logo {
    float: left;
    text-align: center;
}

.dash_logo img {
    height: 35px;
    object-fit: contain;
    margin-top: -5px;
}

.dash_logo img.darklogo {
    display: none;
}

.dashsidebar .dashmenu {
    float: left;
    width: 100%;
    padding: 20px;
    padding-right: 0;
    padding-bottom: 0;
    max-height: calc(100vh - 240px);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    min-height: calc(100vh - 240px);
}

.dashsidebar .dashmenu::-webkit-scrollbar {
    display: none;
}

.dashsidebar .dashmenu ul {
    float: left;
    width: 100%;
    list-style: none;
}

.dashsidebar .dashmenu ul li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}

.dashsidebar .dashmenu ul li a .badge {
    border-radius: 10px;
    border: 1px solid var(--Brand---Main-100, #FFE4E8);
    background: linear-gradient(180deg, var(--Brand---Main-50, #FFF1F3) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
    box-shadow: 0 -1px 1.3px 0 var(--Brand---Main-300, #FEA3B4) inset;
    color: var(--Brand---Main-500, #F63D68);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    right: 3px;
    position: absolute;
}

.dashsidebar .dashmenu ul li a img {
    height: 20px;
}

.dashsidebar .dashmenu ul li a {
    float: left;
    padding: 11px 12px;
    border-radius: 10px;
    background: transparent;
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    transition: all 0.6s;
}

.dashsidebar .dashmenu ul li a:hover {
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.dashsidebar .dashmenu ul li a .tic {
    float: right;
    border-radius: 10px;
    border: 1px solid var(--Brand---Main-100, #FFE4E8);
    background: linear-gradient(180deg, var(--Brand---Main-50, #FFF1F3) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
    box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #FEA3B4) inset;
    color: var(--Brand---Main-500, #e73845);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px;
    position: absolute;
    right: 5px;
}

.dashsidebar .dashmenu ul li a span {
    font-weight: normal;
}

.dashsidebar .dashmenu ul li.active a {
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.dashsidebar .dashmenu ul li.active a span {
    font-weight: bold;
}

.dashsidebar .dashmenu ul li.active a img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(39%) saturate(4978%) hue-rotate(338deg) brightness(92%) contrast(91%);
}

.sidesocial {
    position: relative;
    border-top: 1px solid #DCDFEA;
    float: left;
    width: 100%;
    margin-left: 10px;
    padding-top: 20px;
}

.sidesocial a {
    margin: 0px 2px;
}

.sidesocial img {
    height: 52px;
    width: 52px;
}

.dashtopbar {
    float: left;
    width: 100%;
    position: relative;
    padding: 15px 25px;
    padding-right: 30px;
    transition: all 0.6s;
}

.dashtopbar .left {
    float: left;
    display: flex;
    align-items: center;
}

.dashtopbar .left .tcs {
    float: left;
    margin-left: 15px;
    min-height: 47px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.dashtopbar .left .tcs h5 {
    color: var(--Primary-Color-950, #142457);
    font-family: Satoshi;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.dashtopbar .left .tcs span {
    color: var(--Neutral-N-300, #6F7789);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dashtopbar .right {
    float: right;
    position: relative;
}

.dashtopbar .userbar {
    float: right;
    padding: 4px 5px;
    position: relative;
    cursor: pointer;
    transition: all 0.6s;
    border-radius: 12px;
    border: 1.5px solid var(--gray-cool-transparent-10, rgba(17, 19, 34, 0.10));
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
}

.dashtopbar .userbar::after {
    content: "";
    background: url(https://storage.perfectcdn.com/449b2e/mjr77u6jisszzb70.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    right: 11px;
    top: 11px;
    transition: all 0.6s;
}

.dashtopbar .userbar.active::after {
    transform: rotate(-180deg);
}

.dashtopbar .userbar .icon {
    float: left;
    height: 24px;
    width: 24px;
    border-radius: 94.118px;
    text-align: center;
    line-height: 29px;
    transition: all 0.6s;
    margin-left: 5px;
    margin-right: 5px;
}

.dashtopbar .userbar .icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.rsbilbtnbar {
    float: right;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
}

.rsbilbtnbar::before {
    content: "";
    border-radius: 22px;
    background: var(--Gray-Cool-200, #DCDFEA);
    width: 2px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 13px;
}

.rsbilbtnbar .bildirimbtn {
    float: right;
    border-radius: 12px;
    border: 1.5px solid var(--gray-cool-transparent-10, rgba(17, 19, 34, 0.10));
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 42px;
    height: 42px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}

.rsbilbtnbar .messages-btnsc {
    float: right;
    border-radius: 12px;
    border: 1.5px solid var(--gray-cool-transparent-10, rgba(17, 19, 34, 0.10));
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 42px;
    height: 42px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashtopbar .userbar span {
    float: left;
    margin-left: 10px;
    min-height: 32px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    color: #312F64;
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-right: 35px;
    transition: all 0.6s;
}

.dashtopbar .userbar .downmenu {
    position: absolute;
    width: 235px;
    border-radius: 15px;
    border: 1px solid #ECEFF6;
    background: var(--Root-White, #FFF);
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    right: 0;
    top: 50px;
    display: none;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    max-height: 0;
    z-index: 99;
}

.dashtopbar .userbar .downmenu .inf {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ECEFF6;
    padding: 10px;
}

.dashtopbar .userbar .downmenu .inf .userimg {
    float: left;
    border-radius: 50px;
    background: url(<path-to-image>) lightgray -11.775px 3.633px / 151.466% 175.706% no-repeat, #FFF;
    width: 50px;
    height: 50px;
}

.dashtopbar .userbar .downmenu .inf .userimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.dashtopbar .userbar .downmenu .inf .username {
    float: left;
    width: calc(100% - 50px);
    padding-left: 10px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-height: 50px;
}

.dashtopbar .userbar .downmenu .inf .username b {
    color: #142457;
    float: left;
    width: 100%;
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik {
    float: left;
    width: 100%;
    color: #F79009;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    position: relative;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik .righto {
    position: absolute;
    right: 5px;
    bottom: 1px;
    border-radius: 6px;
    background: var(--Gray-Cool-100, #EFF1F5);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    color: #30374F;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik img {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik a {
    color: #F79009;
}

.dashtopbar .userbar .downmenu ul {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 0;
    padding: 5px;
}

.dashtopbar .userbar .downmenu ul li {
    float: left;
    width: 100%;
}

.dashtopbar .userbar .downmenu ul li a {
    float: left;
    width: 100%;
    padding: 13px;
    font-style: normal;
    line-height: 24px;
    transition: all 0.6s;
    overflow: hidden;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashtopbar .userbar .downmenu ul li.exit a {
    color: #e73845;
    border-top: 1px solid #EFF1F5;
}

.dashtopbar .userbar .downmenu ul li a:hover {
    border-radius: 10px;
    background: #dcdfea4e;
}

.dashtopbar .userbar .downmenu ul li a img {
    float: left;
    width: 22px;
    height: 22px;
    margin-top: 1.4px;
    margin-right: 15px;
}

.darkdashbutton {
    float: right;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--Gray-Cool-100, #EFF1F5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.currencydashbutton {
    float: right;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--Gray-Cool-100, #EFF1F5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.darkdashbutton img {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 100px;
    background: #F3F5F9;
    padding: 7px;
    transition: all 0.6s;
}

.langdashbutton {
    float: right;
    height: 42px;
    border-radius: 12px;
    background: var(--Gray-Cool-100, #EFF1F5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    cursor: pointer;
    margin-left: 37px;
}

.langdashbutton::before {
    content: "";
    width: 2px;
    height: 18px;
    border-radius: 22px;
    background: var(--Gray-Cool-200, #DCDFEA);
    position: absolute;
    left: -21px;
    top: 13px;
    display: none;
}

.langdashbutton::after {
    content: "";
    background: url(https://storage.perfectcdn.com/449b2e/mjr77u6jisszzb70.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    right: 11px;
    top: 11px;
    transition: all 0.6s;
    display: none;
}

.langdashbutton span {
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
}

.langdashbutton img {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 100px;
    padding: 7px;
    transition: all 0.6s;
}

.bakiyetopbar {
    float: right;
    padding: 5px;
    border-radius: 100px;
    border: 1px solid #EFEDEF;
    background: var(--Root-White, #FFF);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.6s;
}

.bakiyetopbar .icon {
    float: left;
    border-radius: 94.118px;
    background: #F3F5F9;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 28px;
    transition: all 0.6s;
}

.bakiyetopbar span {
    float: left;
    color: #312F64;
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 4px 10px;
    margin-right: 20px;
    transition: all 0.6s;
}

.bakiyetopbar::after {
    content: "";
    background: url(https://storage.perfectcdn.com/449b2e/q8875r7fwp7a7579.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    right: 11px;
    top: 11px;
    transition: all 0.6s;
}

.dashboardsearch {
    float: right;
    margin-right: 10px;
    border-radius: 9999px;
    transition: all 0.6s;
    border-radius: 12px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 6px 8px;
    padding-left: 30px;
    position: relative;
}

.dashboardsearch svg {
    position: absolute;
    left: 8px;
    width: 18px;
    height: 18px;
    top: 12px;
}

.dashboardsearch input {
    float: left;
    border: 0;
    min-width: 130px;
    padding: 4px;
    font-size: 14px;
    background: transparent;
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 700;
}

.dashboardsearch input::placeholder {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 700;
}

.dashcontentalan {
    float: left;
    width: 100%;
    padding-top: 0;
    min-height: calc(100vh - 268px);
}

.dashcontentalan .blogcontent {
    padding: 0;
    margin-bottom: 50px;
}

.dashcontentalan .blogtitle {
    border-radius: 25px;
    border: 1px solid #F6EAF2;
    background: #FEF2F7;
    float: left;
    width: 100%;
    padding: 75px 95px;
}

.dashcontentalan .blogdetail {
    margin-top: 20px;
}

#order_delay label {
    color: var(--Neutral-N-900, #111621);
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 7px;
}

input.datetime {
    border-radius: 16px !important;
}

#order_delay select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px 15px;
}

#order_delay .input-group-btn {
    display: none;
}

.langmenu {
    position: absolute;
    right: 0;
    border-radius: 15px;
    border: 1px solid #ECEFF6;
    background: var(--Root-White, #FFF);
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    padding: 2px 7px;
    z-index: 99;
    top: 50px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
    display: none;
    min-width: 195px;
}

#order_comment textarea {
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px 15px;
}

.langmenu ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
}

.langmenu ul li {
    float: left;
    width: 100%;
    display: flex;
    margin: 5px 0;
}

.langmenu ul li img {
    padding: 3px;
    object-fit: cover;
    object-position: center;
}

.langmenu ul li span {
    float: left;
    color: #312F64;
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    padding: 0px 10px;
    text-align: left;
}

.dashboardtitle {
    float: left;
    width: 100%;
    padding: 90px;
    border-radius: 25px;
    border: 1px solid #F6EAF2;
    background: #FEF2F7;
    position: relative;
    transition: all 0.6s;
    overflow: hidden;
}

.dashboardtitle::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(https://storage.perfectcdn.com/449b2e/20mhiw801m6ax9in.png);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.dashboardtitle::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(https://storage.perfectcdn.com/449b2e/eja18bg1iaz4rh3h.png);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.dashboardtitle h1 {
    color: #3E1B3C;
    font-family: Satoshi;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.dashboardtitle h1 span {
    color: #e73845;
    font-family: Satoshi;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
}

.dashboardtitle p {
    position: relative;
    z-index: 2;
    color: #808BA3;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    max-width: 670px;
}

.dashboardtitle p a {
    color: #e73845;
    margin-left: 5px;
}

.newordercontent {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.neworderalan {
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
}

.newordertab {
    float: left;
    width: 100%;
    padding: 0px 8px;
}

.newordertab .tabs {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.newordertab .tabs .tabitem {
    float: left;
    display: flex;
    justify-content: center;
    padding: 20px 15px;
    cursor: pointer;
    transition: all 0.6s;
    align-items: center;
    border-bottom: 2px solid transparent;
}

.newordertab .tabs .tabitem svg {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.newordertab .tabs .tabitem a {
    display: flex;
    align-items: center;
}

.newordertab .tabs .tabitem:hover svg path {
    filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.newordertab .tabs .tabitem:hover span {
    color: #e73845;
}

.newordertab .tabs .tabitem.active img {
    filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.newordertab .tabs .tabitem.active span {
    color: #e73845;
}

.newordertab .tabs .tabitem.active svg {
    filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.newordertab .tabs .tabitem.active {
    border-bottom: 2px solid #e73845;
}

.newordertab .tabs .tabitem span {
    color: #142457;
    text-align: center;
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    min-height: 24px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.newordersiparis {
    float: left;
    width: 100%;
    padding: 20px 15px;
}

.newordersiparis .item {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}

.newordersiparis .pxtitle {
    float: left;
    width: 100%;
    color: var(--Neutral-N-900, #111621);
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
}

.newordersiparis input {
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px 15px;
}

.newordersiparis .item.ara input {
    padding-left: 40px;
}

.newordersiparis input::placeholder {
    color: var(--Gray-Cool-300, #B9C0D4);
    font-size: 13px;
    font-weight: 700;
}

.newordersiparis .item.ara svg {
    position: absolute;
    left: 13px;
    width: 20px;
    height: 20px;
    bottom: 18px;
}

.newordersiparis .custom-select {
    float: left;
    width: 100%;
}

.newordersiparis .custom-select span {
    color: var(--Neutral-N-900, #111621);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.custom-select {
    position: relative;
    width: 100%;
    border-radius: 16px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
}

.select-header {
    display: flex;
    align-items: center;
    padding: 9px 10px;
    cursor: pointer;
}

.select-header .selected-option {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

.select-header .selected-option::after {
    content: "";
    width: 10px;
    height: 16px;
    background: url(https://apiseller.org/cdn/img/selectaftericon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    right: 5px;
    top: 9px;
    position: absolute;
}

.select-header .selected-option img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    object-fit: contain;
}

.select-header .selected-option span {
    font-size: 14px;
    color: #142457;
}

.select-options {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid #F6EAF2;
    border-radius: 15px;
    background: #FFF;
    z-index: 10;
}

.select-options::-webkit-scrollbar {
    width: 5px;
}

.select-options::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.select-options::-webkit-scrollbar-thumb:hover {
    background-color: #ccc;
}

.select-options::-webkit-scrollbar-track {
    background: #F6EAF2;
    border-radius: 10px;
}

.select-options .select-search-container {
    float: left;
    width: 100%;
    padding: 10px;
}

.select-options .select-search {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    outline: none;
    border-radius: 15px;
    border: 1px solid rgba(0, 99, 142, 0.10);
    background: #FAFCFF;
}

.select-options .select-option {
    padding: 10px 20px;
    cursor: pointer;
    transition: background 0.3s;
    float: left;
    width: 100%;
}

.newordersiparis .item.servis .select-options .select-option {
    padding: 10px;
    cursor: pointer;
    transition: background 0.3s;
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid rgba(0, 99, 142, 0.10);
    margin-bottom: 10px;
}

.newordersiparis .item.servis .selected-option .lis {
    display: none;
}

.select-options .select-option:hover {
    background: #fafcff;
}

.select-options .select-option img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.select-options .select-option span {
    font-size: 14px;
    color: #142457;
}

.servisselectitem {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.servisselectitem .id {
    float: left;
    border-radius: 10px;
    padding: 1px 5px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-right: 15px;
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
}

.servisselectitem span {
    color: var(--Neutral-N-900, #111621);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    float: left;
    min-height: 35px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.newordersiparis .select-option .lis {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.newordersiparis .select-option .lis .fiy {
    float: left;
    border-radius: 10px;
    border: 1px solid #94C6B0;
    background: #DAFFEF;
    color: #2F7A6D;
    font-family: Satoshi;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 13px 8px 10px;
    margin-right: 12px;
}

.newordersiparis .select-option .lis .min {
    float: left;
    border-radius: 10px;
    border: 1.006px solid #F0E2D8;
    background: #FEF8F2;
    color: #753C07;
    font-family: Satoshi;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 13px 8px 10px;
    margin-right: 12px;
}

.newordersiparis .select-option .lis .max {
    float: left;
    border-radius: 10px;
    border: 1px solid #D8E6F0;
    background: #F2F9FE;
    color: #09597C;
    font-family: Satoshi;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 13px 8px 10px;
    margin-right: 12px;
}

.newordersiparis .select-option .lis .zaman {
    float: left;
    border-radius: 10px;
    border: 1.006px solid #F0D8E2;
    background: #FEF2F7;
    color: #A80E3F;
    font-family: Satoshi;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 13px 8px 10px;
}

.newordersiparis .select-option .lis .zaman.orta {
    border-radius: 10px;
    border: 1.006px solid #F0E2D8;
    background: #FEF8F2;
    color: #915105;
}

.newordersiparis .select-option .lis .zaman.dusuk {
    border-radius: 10px;
    border: 1.006px solid #94C6B0;
    background: #DAFFEF;
    color: #2F7A6D;
}

.newordersiparis .item.servis .select-options {
    max-height: 585px;
    padding: 0px 10px;
}

.newordersiparis .item.servis .select-search-container {
    padding: 10px 3px;
}

.newordersiparis .item.totalfiyat {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newordersiparis .item.totalfiyat .sparisbutton{
    float: right!important;
    width: 50%!important;
    padding: 10px!important;
}

.newordersiparis .item.totalfiyat .aln {
    display: flex;
    align-items: center;
    float: left;
    margin-right: -25px;
}

.newordersiparis .item.totalfiyat .icon svg {
    float: left;
    margin-right: 8px;
}

.newordersiparis .item.totalfiyat b {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12px;
}

.newordersiparis .item.totalfiyat span {
    float: left;
    color: var(--Gray-Cool-900, #111322);
    text-edge: cap;
    font-family: Satoshi;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16px;
}

.search-dropdown .input-wrapper .input-wrapper__append{
    right: 13px!important;
    top: 27px!important;
}

.newordersiparis .sparisbutton {
    border-radius: 16px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 16px;
    font-weight: 700;
    padding: 15px 5px;
    transition: var(--transition);
}

.newordersiparis #order_posts{
	width: 49%;
}

.newordersiparis #order_old_posts{
	width: 49%;
}

.newordersiparis #dripfeed-options{
	    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.newordersiparis #dripfeed-options .form-group:nth-child(1){
	width: 49%;
}

.newordersiparis #dripfeed-options .form-group:nth-child(2){
	width: 49%;
}

.siparisservisdetail {
    float: left;
    width: 100%;
    border: 1px solid #F6EAF2;
    background: #FCFCFD;
    border-radius: 25px;
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.siparisservisdetail .sdsdetaitab {
    float: left;
    width: 100%;
    border-bottom: 1px solid #F6EAF2;
}

.siparisservisdetail .sdsdetaitab .item {
    float: left;
    width: 100%;
    padding: 15px 5px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.siparisservisdetail .sdsdetaitab .item svg {
    margin-right: 10px;
}

.siparisservisdetail .sdsdetaitab .item span {
    color: #30374F;
    font-size: 14px;
    font-weight: 700;
}

.siparisservisdetail .sdsdetaitab .item.active {
    border-bottom: 2px solid #e73845;
}

.siparisservisdetail .sdsdetaitab .item.active span {
    color: var(--accent-color);
}

.siparisservisdetail .sdsdetaitab .item.active svg {
    filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.sdtailalan {
    float: left;
    width: 100%;
    padding: 15px;
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-White, #FFF) 100%);
    height: calc(100% - 50px);
}

.pushbtn.active .active {
    display: block !important;
    height: 16px;
    margin: 0 auto;
}

.pushbtn.active img {
    display: none;
}

.sdtailalan .tab1 {
    height: 100%;
}

.sdtailalan .tab1alan {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
}

.sdtailalan .servisaciklama {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.sdtailalan .servisaciklama img {
    width: 46px;
    height: 46px;
    margin: 0 auto;
}

.sdtailalan .servisaciklama .krt--alan {
    display: flex;
    float: left;
    width: 100%;
    border-radius: 12px;
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 14px;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.sdtailalan .servisaciklama span.id {
    color: var(--Gray-Cool-400, #7D89B0);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12px;
}

.sdtailalan .servisaciklama h3 {
    margin-top: 10px;
    color: var(--Primary-Color-950, #142457);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    max-width: 380px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sdtailalan .servisaciklama .icon {
    border-radius: 13.627px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sdtailalan .servisaciklama .icon img {
    width: 100%;
    height: 100%;
}

.sdtailalan .servisaciklama .row {
    width: 100%;
    padding: 0;
}

.sdtailalan .servisaciklama h5 {
    color: var(--Gray-Cool-500, #5D6B98);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
}

.sdtailalan .servisaciklama b {
    color: var(--Gray-Cool-900, #111322);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.sdtailalan .newordericerik {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
}

.sdtailalan .newordericerik h5 {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.12px;
    margin-bottom: 15px;
}

.sdtailalan .newordericerik ul {
    padding-left: 20px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-bottom: 0;
}

.sdtailalan .servisitem--bc {
    float: left;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    padding: 18px 14px;
}

.sdtailalan .newordericerik ul li {
    color: var(--Gray-Cool-900, #111322);
    font-size: 15px;
    font-weight: 500;
}

.sdtailalan .inf {
    float: left;
    width: 100%;
    border-radius: 12px;
    border: 1.1px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px;
    display: flex;
    align-items: center;
}

.sdtailalan .inf svg {
    float: left;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.sdtailalan .inf span {
    float: left;
    width: calc(100% - 35px);
    padding-left: 15px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.sdtailalan .inf span a {
    color: #e73845;
}

.dashfooter {
    float: left;
    width: 100%;
    transition: all 0.6s;
    margin-top: 20px;
}

.dashfooter .alan {
    float: left;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 25px;
}

.dashfooter .alan .logo {
    float: left;
    height: 30px;
}

.dashfooter .alan .logo img {
    float: left;
    height: 100%;
    object-fit: contain;
}

.dashfooter .alan .dashftmenu ul {
    list-style: none;
    margin-bottom: 0;
    margin-top: 5px;
}

.dashfooter .alan .dashftmenu ul li {
    float: left;
    margin: 0px 20px;
}

.dashfooter .alan .dashftmenu ul li a {
    color: #808BA3;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.dashfooter .alan span {
    float: right;
    color: #808BA3;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.sdtailalan .accordion-item {
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.7s;
    border-radius: 12px;
    border: 1.1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
}

.sdtailalan .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #fff;
    box-shadow: none;
}

.sdtailalan .accordion-button:focus {
    box-shadow: none;
    outline: 0;
}

.sdtailalan .accordion-button {
    font-weight: 600;
    padding: 17px;
    font-size: 15px;
}

.sdtailalan .accordion-body {
    width: 100%;
    display: flex;
    padding-bottom: 10px;
}

.sdtailalan .accordion-body p {
    float: left;
    width: 100%;
    border-radius: 15px;
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-White, #FFF) 100%);
    padding: 20px 25px;
    color: #525866;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.toplusiparisinfo {
    float: left;
    width: 100%;
    border-radius: 20px;
    background: #F6F8FB;
    padding: 25px;
    color: #484C56;
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 30px;
}

.newordersiparis .item textarea {
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px;
    min-height: 230px;
}

.newordersiparis .item textarea::placeholder {
    color: var(--Gray-Cool-300, #B9C0D4);
}

.newordersiparis .item textarea::placeholder {
    color: rgba(72, 76, 86, 0.80);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.toplusiparisbilgi {
    float: left;
    width: 100%;
    border-radius: 25px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    padding: 10px;
}

.toplusiparisbilgi .baslik {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #F6F8FB;
    padding: 25px;
}

.toplusiparisbilgi .accordion {
    float: left;
    width: 100%;
}

.toplusiparisbilgi .accordion-item {
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.7s;
}

.toplusiparisbilgi .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #fff;
    box-shadow: none;
}

.toplusiparisbilgi .accordion-button:focus {
    box-shadow: none;
    outline: 0;
}

.toplusiparisbilgi .accordion-button {
    font-weight: 500;
    padding: 25px;
    font-size: 15px;
}

.toplusiparisbilgi .accordion-body {
    width: 100%;
    display: flex;
    padding: 10px;
}

.toplusiparisbilgi .accordion-body p {
    float: left;
    width: 100%;
    border-radius: 15px;
    border-radius: 15px;
    background: #F6F8FB;
    padding: 20px 25px;
    color: #525866;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}

.toplusiparisbilgi .baslik h4 {
    color: #292D35;
    font-family: Satoshi;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
}

.toplusiparisbilgi .baslik span {
    color: rgba(76, 81, 91, 0.40);
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.dashsidebar .dashmenu ul li.submenu ul {
    float: left;
    width: 100%;
}

.dashsidebar .dashmenu ul li.submenu ul li {
    margin-bottom: 0px;
}

.dashsidebar .dashmenu ul li.submenu ul li.active a {
    color: var(--accent-color);
}

.dashsidebar .dashmenu ul li.submenu ul li a {
    float: left;
    width: 100%;
    padding-left: 40px;
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 700;
}

.dashsidebar .dashmenu ul li.submenu::after {
    content: "";
    background: url(https://storage.perfectcdn.com/449b2e/mjr77u6jisszzb70.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 13px;
    transition: all 0.4s;
    filter: brightness(0) saturate(100%) invert(3%) sepia(18%) saturate(337%) hue-rotate(97deg) brightness(98%) contrast(104%);
}

.dashsidebar .dashmenu ul li.submenu.open::after {
    transform: rotate(180deg);
}

.dashmenu li.submenu ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease;
}

.dashmenu li.submenu.open ul {
    max-height: 500px;
}

.dash--alncon {
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 25px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-100, #EFF1F5);
    position: relative;
    overflow: hidden;
    max-height: calc(100vh - 85px);
}

.dash--alncon.active .dashsidebar {
    width: 80px;
}

.dash--alncon.active .dashalan {
    width: calc(100% - 80px);
    margin-left: 80px;
}

.dash--alncon.active .dashsidebar .dashmenu ul li a span {
    display: none;
}

.dash--alncon.active .dashsidebar .dashmenu ul li a {
    gap: 0;
    justify-content: center;
}

.dash--alncon.active .dashmenucontrol span {
    display: none;
}

.dash--alncon.active .dashmenucontrol {
    justify-content: center;
}

.dash--alncon.active .dashmenu .aretitle {
    display: none;
}

.dash--alncon.active .dashsidebar .dashmenu ul li.submenu::after {
    display: none;
}

.dash--alncon.active .dashsidebar .dashmenu ul li .tic {
    display: none;
}

.bil-alan {
    float: left;
    width: 100%;
    padding: 0px 20px;
}

.dash--alncon.active .sidesocial {
    display: none;
}

.dashstatc {
    float: left;
    display: flex;
    margin-left: 40px;
    position: relative;
    gap: 10px;
}

.dashstatc::before {
    content: "";
    width: 2px;
    height: 18px;
    border-radius: 22px;
    background: var(--Gray-Cool-200, #DCDFEA);
    position: absolute;
    left: -20px;
    top: 10px;
}

.dashstatc .bakiye {
    border-radius: 10px;
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px 12px;
    display: flex;
    gap: 7px;
}

.dashstatc .bakiye span {
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
}

.dashstatc .bakiye b {
    color: var(--Green-500, #12B76A);
    font-size: 13px;
    font-weight: 700;
}

.dashstatc .totalsiparis {
    border-radius: 10px;
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px 12px;
    display: flex;
    gap: 7px;
}

.dashstatc .totalsiparis span {
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
}

.dashstatc .totalsiparis b {
    color: #7D89B0;
    font-size: 13px;
    font-weight: 700;
}

.dashstatc .totalbakiye {
    border-radius: 10px;
    background: var(--Gray-Cool-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px 12px;
    display: flex;
    gap: 7px;
}

.dashstatc .totalbakiye span {
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
}

.dashstatc .totalbakiye b {
    color: #7D89B0;
    font-size: 13px;
    font-weight: 700;
}

.dashmenucontrol {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.dashmenucontrol span {
    color: var(--Gray-Cool-900, #111322);
    font-size: 17px;
    font-weight: 700;
}

.dashmenucontrol button {
    background: transparent;
    border: 0;
    padding: 0;
}

.dashmenu .aretitle {
    width: 100%;
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
}

.akarac--tabs {
    width: 100%;
    margin-bottom: 25px;
}

.akarac--tabs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.akarac--tabs.neworder ul {
    width: 100%;
    max-width: 100%;
}

.akarac--tabs ul>li {
    flex: 0 0 calc(100% / 8 - 6px);
    max-width: calc(100% / 8 - 6px);
    box-sizing: border-box;
    display: none;
}

.akarac--tabs ul>li.toggle-tabs {
    max-width: calc(100% / 8 - 6px);
    flex: 0 0 calc(100% / 8 - 6px);
}

.akarac--tabs ul>li.kisalt-li {
    max-width: calc(100% / 8 - 6px);
    flex: 0 0 calc(100% / 8 - 6px);
}

.akarac--tabs ul li a {
    display: flex;
    gap: 10px;
    flex-flow: wrap;
    align-items: center;
    border-radius: 6px;
    background: var(--Gray-Cool-100, #EFF1F5);
    width: 100%;
    padding: 6px 10px;
    justify-content: center;
    height: 100%;
    transition: all 0.6s;
}

.akarac--tabs ul li a:hover {
    background: #DCDFEA;
}

.akarac--tabs ul li span {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 15px;
    font-weight: 700;
}

.akarac--tabs ul li a i {
    color: #30374F;
    font-size: 20px;
}

.akarac--tabs ul li a svg {
    height: 18px;
    width: 18px;
}

.akarac--tabs ul li.active a {
    background: #111322;
}

.akarac--tabs ul li.active a span {
    color: #fff;
}

.akarac--tabs ul li a:hover i.ri-instagram-line {
    color: #E1306C;
}

.akarac--tabs ul li a:hover i.ri-youtube-fill {
    color: #FF0000;
}

.akarac--tabs ul li a:hover i.ri-spotify-fill {
    color: #1DB954;
}

.akarac--tabs ul li a:hover i.ri-telegram-fill {
    color: #229ED9;
}

.akarac--tabs ul li a:hover i.ri-tiktok-fill {
    color: #010101;
}

.akarac--tabs ul li a:hover i.ri-whatsapp-line {
    color: #25D366;
}

.akarac--tabs ul li a:hover i.ri-vk-fill {
    color: #4C75A3;
}

.akarac--tabs ul li a:hover i.ri-twitter-x-line {
    color: #000000;
}

.akarac--tabs ul li a:hover i.ri-google-fill {
    color: #4285F4;
}

.akarac--tabs ul li a:hover i.ri-snapchat-fill {
    color: #FFFC00;
}

.akarac--tabs ul li a:hover i.ri-facebook-circle-fill {
    color: #1877F3;
}

.dashbig--title {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    flex-flow: column;
}

.dashbig--title h2 {
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
}

.dashbig--title p {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.neworderheadbar {
    float: left;
    width: 100%;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
}

.neworder-bgalan {
    border-radius: 0px 0px 18px 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    float: left;
    width: 100%;
    padding: 8px;
}

.drip-fedd-check {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}

.drip-fedd-check h5 {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    margin-bottom: 5px;
}

.drip-fedd-check p {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}

.drip-fedd-check .switch {
    position: relative;
    display: inline-block;
    width: 49px;
    min-width: 49px;
    height: 28px;
    vertical-align: middle;
}

.drip-fedd-check .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.drip-fedd-check .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 37px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
    transition: .4s;
}

.drip-fedd-check .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background: var(--Gray-Cool-300, #B9C0D4);
    transition: .4s;
    border-radius: 50%;
}

.drip-fedd-check input:checked+.slider {
    border: 2px solid var(--Brand---Main-600, #E31B54);
    background: var(--Brand---Main-500, #e73845);

}

.drip-fedd-check input:checked+.slider:before {
    transform: translateX(20px);
    background: #FCFCFD;
}

.drip-fedd-check span.re {
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
    margin-right: 7px;
}

.neworder-bgalan .btnarea--olustur {
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-White, #FFF) 100%);
    padding: 10px 15px;
    display: flex;
    flex-flow: column;
}

.servistablobaslik,
.servistabloitem {
    display: flex;
    width: 100%;
    padding: 10px 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    font-family: Satoshi;
    font-size: 14px;
    font-weight: 500;
}

.servistablobaslik span {
    color: var(--Gray-Cool-500, #5D6B98);
    font-size: 12px;
    font-weight: 700;
}

.servistablobaslik {
    background-color: #eff1f5a8;
    color: #5D6B98;
    border-bottom: 1px solid #F9F9FB;
}

/* Oranlar: toplam 8 birim */
.servistablobaslik span:nth-child(1),
.servistabloitem span:nth-child(1) {
    flex: 1;
}

/* Favori */
.servistablobaslik span:nth-child(2),
.servistabloitem span:nth-child(2) {
    flex: 0.4;
}

/* ID */
.servistablobaslik span:nth-child(3),
.servistabloitem span:nth-child(3) {
    flex: 5;
}

/* Servis */
.servistablobaslik span:nth-child(4),
.servistabloitem span:nth-child(4) {
    flex: 1.5;
    text-align: right;
    padding-right: 40px;
}

/* 1000 Adet */
.servistablobaslik span:nth-child(5),
.servistabloitem span:nth-child(5) {
    flex: 1;
    text-align: center;
}

/* Min / Maks */
.servistablobaslik span:nth-child(6),
.servistabloitem span:nth-child(6) {
    flex: 2;
    text-align: center;
}

/* Ortalama süre */
.servistablobaslik span:nth-child(7),
.servistabloitem span:nth-child(7) {
    flex: 1;
    text-align: left;
}

.servistablobaslik span:nth-child(8),
.servistabloitem span:nth-child(8) {
    flex: 1;
    text-align: center;
}

.favoribtnlist {
    float: left;
    width: 100%;
}

.favoribtnlist button {
    float: left;
    width: 40px;
    height: 40px;
    border: 0;
    text-align: center;
    display: block;
    margin-right: 5px;
    text-align: center;
    line-height: 18px;
    transition: all 0.6s;
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
}

.dashpricelist {
    float: left;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid var(--stroke, #E6E8F0);
}

.dashpricelist .accordion-body {
    padding: 0;
}

.dashpricelist .accordion-item {
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    overflow: hidden;
    margin-bottom: 20px;
}

.servistabloitem .serivsname {
    align-items: center;
    display: flex;
}

.servistabloitem .serivsname span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 1.4em;
    max-height: 2.8em;
    align-items: center;
    display: flex;
    margin-bottom: 7px;
}

.servistabloitem .serivsname img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 15px;
}

.servistabloitem .serivsname .lsbc {
    display: flex;
    gap: 6px;
}

.servistabloitem .serivsname .lsbc .time {
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    color: var(--Gray-Cool-800, #30374F);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 6px;
    padding-left: 25px;
    position: relative;
}

.servistabloitem .serivsname .lsbc .time::before {
    content: "";
    background: url(https://apiseller.org/cdn/img/svg/timeicon.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

.servistabloitem .serivsname .lsbc .telafi {
    border-radius: 7px;
    border: 1px solid var(--Green-200, #A6F4C5);
    background: var(--Green-50, #ECFDF3);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 6px;
    padding-left: 25px;
    position: relative;
    color: #027A48;
}

.servistabloitem .serivsname .lsbc .telafi::before {
    content: "";
    background: url(https://apiseller.org/cdn/img/svg/telafiicon.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

.servistabloitem .cart-btn {
    float: left;
    width: 29px;
    height: 25px;
    text-align: center;
    line-height: 18px;
    transition: 0.6s;
    border-radius: 10px;
    margin-top: 6px;
    border: 1px solid var(--Brand---Main-100, #FFE4E8);
    background: linear-gradient(180deg, var(--Brand---Main-50, #FFF1F3) 0%, var(--Brand---Main-100, #FFE4E8) 100%);
    box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #FEA3B4) inset;
    margin-left: 20px;
}

.servistabloitem .cart-btn img {
    height: 15px;
}

.servistabloitem .srvsfiyat {
    float: right;
    margin-left: 10px;
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    min-height: 36px;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.servistabloitem span:nth-child(4) {
    padding-right: 0;
}

.servistabloitem .teslimsure {
    border-radius: 7px;
    border: 1px solid var(--Brand---Main-200, #FECDD6);
    background: var(--Brand---Main-50, #FFF1F3);
    color: var(--Brand---Main-700, #C01048);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    display: block;
    float: left;
}

.servistabloitem .teslimsure.kisa {
    color: #027A48;
    border: 1px solid var(--Green-200, #A6F4C5);
    background: var(--Green-50, #ECFDF3);
}

.servistabloitem .teslimsure.orta {
    color: #B54708;
    border: 1px solid var(--Yellow-200, #FEDF89);
    background: var(--Yellow-50, #FFFAEB);
}

.dashpricelist .accordion-button {
    background: #fff;
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
    padding: 17px;
    outline: none;
    box-shadow: none;
}

.dashpricelist .accordion-button::after {
    background: url(https://apiseller.org/cdn/img/svg/arrow-bottom-black.svg);
    border-radius: 8px;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--Gray-Cool-100, #EFF1F5);
}

.dashpricelist .sDetayBtn {
    border-radius: 10px;
    border: 2px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    color: var(--Gray-Cool-900, #111322);
    font-size: 12px;
    font-weight: 700;
    padding: 8px;
    cursor: pointer;
}

.modal-backdrop {
    z-index: 99998 !important;
}

.modal.serivsdetailmodal {
    z-index: 99999 !important;
}

.modal.serivsdetailmodal .modal-content {
    border-radius: 18px;
    border: 2px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 10px;
}

.modal.serivsdetailmodal .modal-dialog {
    max-width: 594px;
}

.modal.serivsdetailmodal .modal-body {
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
}

.modal.serivsdetailmodal .modal-header {
    border-bottom: none;
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.modal.serivsdetailmodal .modal-header .titletx {
    color: var(--Gray-Cool-900, #111322);
    font-size: 18px;
    font-weight: 700;
}

.modal.serivsdetailmodal .modal-header .close {
    border-radius: 12px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    width: 40px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.serivsdetailmodal .servisaciklama {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.modal.serivsdetailmodal .servisaciklama img {
    width: 56px;
    height: 56px;
    margin: 0 auto;
}

.modal.serivsdetailmodal .servisaciklama .krt--alan {
    display: flex;
    float: left;
    width: 100%;
    border-radius: 12px;
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    padding: 14px;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.modal.serivsdetailmodal .servisaciklama span.id {
    color: var(--Gray-Cool-400, #7D89B0);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12px;
}

.modal.serivsdetailmodal .servisaciklama .col-md-4:nth-child(1),
.modal.serivsdetailmodal .servisaciklama .col-md-4:nth-last-child(1) {
    padding: 0;
}

.modal.serivsdetailmodal .servisaciklama h3 {
    margin-top: 10px;
    color: var(--Primary-Color-950, #142457);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    max-width: 380px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.modal.serivsdetailmodal .servisaciklama .icon {
    border-radius: 13.627px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.modal.serivsdetailmodal .servisaciklama .icon img {
    width: 100%;
    height: 100%;
}

.modal.serivsdetailmodal .servisaciklama .row {
    width: 100%;
    padding: 0;
}

.modal.serivsdetailmodal .servisaciklama h5 {
    color: var(--Gray-Cool-500, #5D6B98);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
}

.modal.serivsdetailmodal .servisaciklama b {
    color: var(--Gray-Cool-900, #111322);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.modal.serivsdetailmodal .newordericerik {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
}

.modal.serivsdetailmodal .newordericerik h5 {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.12px;
    margin-bottom: 15px;
}

.modal.serivsdetailmodal .newordericerik ul {
    padding-left: 20px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-bottom: 0;
}

.modal.serivsdetailmodal .servisitem--bc {
    float: left;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    padding: 18px 14px;
}

.modal.serivsdetailmodal .newordericerik ul li {
    color: var(--Gray-Cool-900, #111322);
    font-size: 15px;
    font-weight: 500;
}

.modal.serivsdetailmodal .inf {
    float: left;
    width: 100%;
    border-radius: 12px;
    border: 1.1px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px;
    display: flex;
    align-items: center;
}

.modal.serivsdetailmodal .inf svg {
    float: left;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.modal.serivsdetailmodal .inf span {
    float: left;
    width: calc(100% - 35px);
    padding-left: 15px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.modal.serivsdetailmodal .inf span a {
    color: #e73845;
}

.modal.serivsdetailmodal .modalbtnlist {
    float: left;
    width: 100%;
    display: flex;
    gap: 15px;
    margin-top: 15px;
    border-top: 1px solid #DCDFEA;
    padding-top: 15px;
    justify-content: space-between;
}

.modal.serivsdetailmodal .modalbtnlist a.destekbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    width: 50%;
    text-align: center;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    padding: 12px 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    transition: all 0.6s;
}

.modal.serivsdetailmodal .modalbtnlist a.destekbtn:hover {
    background: #e7e7e76f;
}

.modal.serivsdetailmodal .modalbtnlist a.siparisbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 50%;
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px;
    transition: all 0.6s;
}

.modal.serivsdetailmodal .modalbtnlist a.siparisbtn:hover {
    background: #db3058;
}

.modal.serivsdetailmodal .modalbtnlist button.siparisbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 50%;
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px;
    transition: all 0.6s;
}

.modal.serivsdetailmodal .modalbtnlist button.siparisbtn:hover {
    background: #db3058;
}

.ordersfilter {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ordersfilter .akarac--tabs {
    border-radius: 8px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 4px;
    width: 70%;
}

.ordersfilter .akarac--tabs ul {
    width: 100%;
    justify-content: space-between;
}

.akarac--tabs ul>li {
    width: auto;
    max-width: 100%;
    flex: auto;
}

.akarac--tabs.neworder ul>li {
    flex: 0 0 calc(100% / 8 - 6px);
    max-width: calc(100% / 8 - 6px);
    box-sizing: border-box;
}

.searchbln {
    float: right;
}

.searchbln .input {
    position: relative;
}

.searchbln input {
    border-radius: 14px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 10px 15px;
    font-weight: bold;
    padding-left: 40px;
    min-width: 210px;
    color: #7D89B0;
}

.searchbln input::placeholder {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.13px;
}

.searchbln svg {
    position: absolute;
    left: 10px;
    top: 14px;
}

.orderslist {
    float: left;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--Gray-200, #E9EAEB);
    border-radius: 10px;
}

.orderstablo button.copybtn {
    background: none;
    border: none;
    cursor: pointer;
    float: left;
    margin-top: -2px;
    margin-right: 4px;
}

.orderstablo .id {
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    color: var(--Gray-Cool-300, #B9C0D4);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 8px;
}

.orderstablo .id a {
    color: #B9C0D4;
}

.orderstablo .copyalan {
    float: left;
    color: #e73845;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.orderstablo .tutar {
    border-radius: 100px;
    background: linear-gradient(0deg, #F2F1F1 0%, #F2F1F1 100%), #F2F1F1;
    padding: 8px 15px;
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.orderstablo .status {
    float: left;
    border-radius: 10px;
    background: #E9FFF0;
    margin-right: 6px;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 500;
    align-items: center;
    display: flex;
    margin: 0 auto;
}

.orderstablo .status svg {
    margin-right: 5px;
}

.orderstablo .gecikme {
    float: left;
    border-radius: 10px;
    background: #E9FFF0;
    margin-right: 6px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.orderstablo .gecikme.cok {
    border: 1px solid var(--Brand---Main-200, #FECDD6);
    background: var(--Brand---Main-50, #FFF1F3);
    color: var(--Brand---Main-700, #C01048);
}

.orderstablo .gecikme.yok {
    color: #027A48;
    border: 1px solid var(--Green-200, #A6F4C5);
    background: var(--Green-50, #ECFDF3);
}

.orderstablo .gecikme.az {
    border: 1px solid var(--Yellow-200, #FEDF89);
    background: var(--Yellow-50, #FFFAEB);
    color: #B54708;
}

.orderstablo .status img {
    float: right;
    margin-left: 5px;
}

.orderslist.iadeler .status {
    min-width: 140px;
    text-align: center;
    justify-content: center;
}

.orderslist.iadeler .orderslisttitle .hiz span:nth-child(4),
.orderslist.iadeler .orderstablo .item span:nth-child(4) {
    justify-content: center;
}

.orderstablo .status.iptal {
    border: 1px solid var(--Brand---Main-200, #FECDD6);
    background: var(--Brand---Main-50, #FFF1F3);
    color: var(--Brand---Main-700, #C01048);
}

.orderstablo .status.tamamlandi {
    color: #027A48;
    border: 1px solid var(--Green-200, #A6F4C5);
    background: var(--Green-50, #ECFDF3);
}

.orderstablo .status.bekliyor {
    color: #30374F;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
}

.orderstablo .status.aktif {
    border: 1px solid var(--Blue-light-200, #B9E6FE);
    background: var(--Blue-light-50, #F0F9FF);
    color: #026AA2;
}

.orderstablo .status.yeni {
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    color: #30374F;
}

.orderstablo .status.isleniyor {
    background: #EFF9FF;
    color: #1EA1F2;
}

.orderstablo .status.yukleniyor {
    background: #E6F2FF;
    color: #123BA5;
}

.orderstablo .status.kismi {
    background: #FFF2E6;
    color: #FF9C55;
}

.orderstablo .status.beklemede {
    background: #EFEFEF;
    color: #555B6D;
}

.orderstablo .status.devam {
    border: 1px solid var(--Yellow-200, #FEDF89);
    background: var(--Yellow-50, #FFFAEB);
    color: #B54708;
}

.orderstablo .iptalet {
    float: left;
    border-radius: 10px;
    background: linear-gradient(0deg, #FFD0D0 0%, #FFD0D0 100%), #FFF3E9;
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #8C0000;
}

.orderslisttitle .hiz,
.orderstablo .item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-family: Satoshi;
    font-weight: 500;
    color: #142457;
}

.orderstablo .servisname {
    display: block;
}

.orderstablo .servisname img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.orderslisttitle {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
}

.orderslisttitles span {
    color: var(--Gray-Cool-500, #5D6B98);
    font-size: 12px;
    font-weight: 700;
}

.orderslisttitle .hiz span,
.orderstablo .item span {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px;
}

.orderslisttitle .hiz span {
    font-weight: 600;
}

/* Flex oranları (toplam 13) */
.orderslisttitle .hiz span:nth-child(1),
.orderstablo .item span:nth-child(1) {
    flex: 1.1;
}

/* ID */

.orderslisttitle .hiz span:nth-child(2),
.orderstablo .item span:nth-child(2) {
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4em;
}

/* Tarih */

.orderslisttitle .hiz span:nth-child(3),
.orderstablo .item span:nth-child(3) {
    flex: 3;
}

/* Servis */

.orderslisttitle .hiz span:nth-child(4),
.orderstablo .item span:nth-child(4) {
    flex: 1;
    padding-left: 30px;
}

/* Link */

.orderslisttitle .hiz span:nth-child(5),
.orderstablo .item span:nth-child(5) {
    flex: 1;
}

/* Tutar */

.orderslisttitle .hiz span:nth-child(6),
.orderstablo .item span:nth-child(6) {
    flex: 1;
    justify-content: center;
}

/* Başlangıç */

.orderslisttitle .hiz span:nth-child(7),
.orderstablo .item span:nth-child(7) {
    flex: 3;
}

/* Adet */

.orderslisttitle .hiz span:nth-child(8),
.orderstablo .item span:nth-child(8) {
    flex: 1.7;
}

/* Kalan */

.orderslisttitle .hiz span:nth-child(9),
.orderstablo .item span:nth-child(9) {
    flex: 1;
}

.orderslisttitle .hiz span:nth-child(10),
.orderstablo .item span:nth-child(10) {
    flex: 1;
}

.orderslist .copybtnor {
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 4px 6px;
    padding-right: 30px;
    color: var(--Gray-Cool-800, #30374F);
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: flex;
}

.orderslist .copybtnall {
    height: 26px !important;
    margin-left: 9px !important;
    padding-left: 0px !important;
    border: 0 !important;
}

.copynotif {
    position: absolute;
    font-size: 10px;
    right: -46px;
    font-size: 12px;
}

.orderslist .copybtnor::after {
    content: "";
    background: url(https://apiseller.org/cdn/img/svg/copybtn.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

.orderslist .tarih {
    color: var(--Gray-Cool-300, #B9C0D4);
    font-size: 13px;
    font-weight: 500;
}

.orderslist .link {
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 5px 6px;
    overflow: hidden;
    color: var(--Gray-Cool-800, #30374F);
    font-size: 12px;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
}

.orderslist .link a {
    color: var(--Gray-Cool-800, #30374F);
    overflow-wrap: anywhere;
}

.orderslist .link::after {
    content: "";
    background: url(https://apiseller.org/cdn/img/svg/linkicon.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 4px;
}

.orderslist .telafiet {
    border-radius: 10px;
    color: #111322;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 5px;
    width: 100%;
    transition: all 0.6s;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    max-width: 40px;
    min-width: 40px;
}

.orderslist .telafiet img {
    height: 20px;
}

.orderslist .btnlist {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.orderslist .btnlist .yenidensiparis {
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    height: 36px;
    width: 40%;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.orderslist .btnlist .resumebtn {
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    height: 36px;
    width: 38px;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    color: #111322;
    font-size: 19px;
}


.orderslist .btnlist .refillbtn {
    transition: all 0.6s;
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    height: 36px;
    width: 40%;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.orderslist .btnlist .refillbtn img {
    height: 17px;
}

.orderslist .btnlist .iptal {
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    height: 36px;
    width: 60%;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    color: var(--Gray-Cool-900, #111322);
    font-size: 12px;
    font-weight: 700;
    min-width: 40px;
    max-width: 40px;
    transition: all 0.6s;
}

.orderslist.otomatik .btnlist .iptal {
    min-width: 57px;
}

.orderslist .btnlist .iptal img {
    height: 20px;
}

.yenisiparismodal .item {
    width: 100%;
    margin-bottom: 15px;
    flex-flow: column;
    display: flex;
    align-items: start;
}

.yenisiparismodal .item label {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.yenisiparismodal .item label span {
    color: #7D89B0;
    font-weight: 500;
}

.yenisiparismodal .item select {
    width: 100%;
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 12px;
}

.yenisiparismodal .item textarea {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    min-height: 142px;
    width: 100%;
    padding: 12px;
}

.yenisiparismodal .item input {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    width: 100%;
    padding: 12px;
}

.orderslist.talpeler .orderslisttitle .hiz span:nth-child(4),
.orderslist.talpeler .orderstablo .item span:nth-child(4) {
    flex: 3.5;
}

.orderslist.talpeler .orderslisttitle .hiz span:nth-child(5),
.orderslist.talpeler .orderstablo .item span:nth-child(5) {
    flex: 2;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(2),
.orderslist.dripfeed .orderstablo .item span:nth-child(2) {
    flex: 0.7;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(4),
.orderslist.dripfeed .orderstablo .item span:nth-child(4) {
    flex: 0.5;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(5),
.orderslist.dripfeed .orderstablo .item span:nth-child(5) {
    flex: 0.7;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(6),
.orderslist.dripfeed .orderstablo .item span:nth-child(6) {
    flex: 3.1;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(7),
.orderslist.dripfeed .orderstablo .item span:nth-child(7) {
    flex: 0.9;
    justify-content: center;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(8),
.orderslist.dripfeed .orderstablo .item span:nth-child(8) {
    flex: 0.9;
}

.orderslist.dripfeed .orderslisttitle .hiz span:nth-child(9),
.orderslist.dripfeed .orderstablo .item span:nth-child(9) {
    flex: 0.9;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(1),
.orderslist.otomatik .orderstablo .item span:nth-child(1) {
    flex: 0.8;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(2),
.orderslist.otomatik .orderstablo .item span:nth-child(2) {
    flex: 0.8;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(3),
.orderslist.otomatik .orderstablo .item span:nth-child(3) {
    flex: 0.7;
}

.orderslist.talpeler .orderslisttitle .hiz span:nth-child(3),
.orderslist.talpeler .orderstablo .item span:nth-child(3) {
    flex: 1;
}

.orderslist.talpeler .orderslisttitle .hiz span:nth-child(5),
.orderslist.talpeler .orderstablo .item span:nth-child(5) {
    flex: 3.5;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(4),
.orderslist.otomatik .orderstablo .item span:nth-child(4) {
    flex: 0.7;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(5),
.orderslist.otomatik .orderstablo .item span:nth-child(5) {
    flex: 0.8;
    justify-content: center;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(6),
.orderslist.otomatik .orderstablo .item span:nth-child(6) {
    flex: 2.5;
    justify-content: start;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(7),
.orderslist.otomatik .orderstablo .item span:nth-child(7) {
    flex: 1;
}

.orderslisttitle .hiz span:nth-child(11),
.orderstablo .item span:nth-child(11) {
    flex: 1;
}

.orderslist.otomatik .orderslisttitle .hiz span:nth-child(11),
.orderslist.otomatik .orderstablo .item span:nth-child(11) {
    flex: 0.5;
}

.orderslist.otomatik .btnlist .iptal,
.orderslist.otomatik .btnlist .refillbtn {
    width: 100%;
}

.faqdasharea .alan {
    padding: 0;
}

.dashtermsalan .terms-content {
    padding: 0;
    background: transparent;
}

.dashordercontent .akarac-content {
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    padding: 8px;
}

.dashordercontent .akarac-content .alanb {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
}

.dashordercontent .akarac-content .alanb .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 12px 16px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.dashordercontent .akarac-content .alanb ul {
    list-style: none;
    padding: 12px;
}

.dashordercontent .akarac-content .alanb ul li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.dashordercontent .akarac-content .alanb ul li a {
    width: 100%;
    float: left;
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    padding: 10px;
    font-weight: 700;
}

.dashordercontent .akarac-content .alanb ul li.active a {
    background: #333;
    color: #fff;
}

.dashordercontent .akarac-content .alan {
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 0;
    overflow: hidden;
    height: 100%;
}

.dashordercontent .akarac-content .alan .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 12px 16px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.dashordercontent .akarac-content .alan .row {
    padding: 12px;
}

.dashcontentalan .akrac--detay {
    background: transparent;
    padding: 0;
}

.dashcontentalan .akrac--detay .breadcumb {
    padding: 0;
    margin-bottom: 5px;
    justify-content: start;
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    padding-bottom: 15px;
}

.dashcontentalan .akrac--detay .bkalan {
    float: left;
    width: 100%;
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    padding: 8px;
}

.dashcontentalan .akrac--detay .kadiuret {
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    overflow: hidden;
}

.dashcontentalan .akrac--detay .kadiuret .title {
    padding: 12px 16px;
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    color: var(--Gray-Cool-900, #111322);
    font-size: 15px;
    font-weight: 700;
}

.dashcontentalan .akrac--detay .kadiuret .asalan {
    padding: 20px 15px;
    height: 100%;
    display: flex;
    flex-flow: column;
    gap: 20px;
    justify-content: space-between;
    min-height: 600px;
}

.dashcontentalan .akrac--detay .kadiuret .bnlisttop {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.dashcontentalan .akrac--detay .sonuvlar .aln {
    padding: 0;
    background: transparent;
    border: 0;
}

.dashcontentalan .akrac--detay .sonuvlar {
    padding: 0;
    background: transparent;
    border: 0;
    padding-left: 10px;
}

.dashcontentalan .akrac--detay .kadiuret {
    gap: 0;
}

.dashcontentalan .hepsibotchat {
    margin-top: 0;
    padding: 0;
}

.blogalandash .sidebar--sonyazilar h4 {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 14px 16px;
    font-size: 15px;
}

.blogalandash .sidebar--sonyazilar {
    margin-bottom: 15px;
}

.blogalandash {
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    float: left;
    width: 100%;
    padding: 8px;
}

.blogalandash .blogitem {
    margin-bottom: 15px;
}

.blogalandash .blogcontent {
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    overflow: hidden;
}

.blogalandash .blogcontent .megatitle {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 12px 16px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 15px;
    font-weight: 700;
}

.blogalandash .blogcontent .blgalan {
    float: left;
    width: 100%;
    padding: 12px;
}

.orderslist.vip .orderslisttitle .hiz span:nth-child(1),
.orderslist.vip .orderstablo .item span:nth-child(1) {
    flex: 3;
}

.orderslist.vip .orderslisttitle .hiz span:nth-child(7),
.orderslist.vip .orderstablo .item span:nth-child(7) {
    flex: 1;
    justify-content: center;
}

.hesapmevcut {
    float: right;
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 30px;
}

.hesapmevcut .icon {
    width: 42px;
    height: 42px;
    border-radius: 12.721px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
}

.hesapmevcut .text {
    display: flex;
    flex-flow: column;
}

.hesapmevcut .text b {
    color: #2799FF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -5px;
}

.hesapmevcut .text span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.hesapmevcut .icon img {
    height: 30px;
}

.dashavantajlaralan {
    float: left;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid var(--Gray-Cool-100, #EFF1F5);
}

.dashavantajlaralan .list {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.dashavantajlaralan .list .item {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 8px;
}

.dashavantajlaralan .list .item .bx {
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.dashavantajlaralan .list .item .bx .icon {
    width: 42px;
    height: 42px;
    border-radius: 12.721px;
    background: var(--Gray-Cool-100, #EFF1F5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashavantajlaralan .list .item .bx .text {
    display: flex;
    flex-flow: column;
}

.dashavantajlaralan .list .item .bx .text b {
    color: var(--Gray-Cool-900, #111322);
    font-size: 20px;
    font-weight: 700;
}

.dashavantajlaralan .list .item .bx .text span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.dashavantajlaralan .list .item .bx .text b small {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.dashavantajlaralan .biglist {
    float: left;
    width: 100%;
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    padding: 8px;
}

.dashavantajlaralan .biglist .alanb {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    overflow: hidden;
}

.dashavantajlaralan .biglist .alanb .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 12px 16px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 15px;
    font-weight: 700;
}

.dashavantajlaralan .biglist .alanc {
    float: left;
    width: 100%;
    padding: 20px;
}

.dashavantajlaralan .biglist .alanc .item {
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    height: 100%;
    padding: 15px;
    display: flex;
    flex-flow: column;
    gap: 15px;
}

.dashavantajlaralan .biglist .alanc .item .bxtop {
    float: left;
    width: 100%;
    display: flex;
    gap: 15px;
}

.dashavantajlaralan .biglist .alanc .item .bxtop .icon {
    width: 58px;
    height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-50, #F9F9FB);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashavantajlaralan .biglist .alanc .item .bxtop .icon img {
    object-fit: contain;
    height: 45px;
}

.dashavantajlaralan .biglist .alanc .item .bxtop .text {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
}

.dashavantajlaralan .biglist .alanc .item .bxtop .text span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.dashavantajlaralan .biglist .alanc .item .bxtop .text b {
    color: var(--Gray-Cool-900, #111322);
    font-size: 20px;
    font-weight: 700;
}

.dashavantajlaralan .biglist .alanc .item .bxbar {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: column;
}

.dashavantajlaralan .biglist .alanc .item .bxbar .top {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.dashavantajlaralan .biglist .alanc .item .bxbar span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.dashavantajlaralan .biglist .alanc .item .bxbar .rtext {
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 500;
}

.dashavantajlaralan .biglist .alanc .item .bxbar .barharcama {
    width: 100%;
    height: 31px;
    position: relative;
}

.dashavantajlaralan .biglist .alanc .item .bxbar .barharcama svg {
    width: 100%;
    height: 100%;
}

.dashavantajlaralan .biglist .alanc .item .avantajlartext {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.dashavantajlaralan .biglist .alanc .item .avantajlartext h4 {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
}

.dashavantajlaralan .biglist .alanc .item .avantajlartext ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dashavantajlaralan .biglist .alanc .item .avantajlartext ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 500;
}

.dashavantajlaralan .biglist .alanc .item .avantajlartext ul li .icon {
    width: 29px;
    height: 29px;
    border-radius: 10px;
    background: var(--Gray-Cool-500, #5D6B98);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashavantajlaralan .biglist .col-md-4 {
    margin-bottom: 15px;
}

.dashavantajlaralan .biglist .item.silver .avantajlartext ul li .icon {
    background: #7D89B0;
}

.dashavantajlaralan .biglist .item.gold .avantajlartext ul li .icon {
    background: #F79009;
}

.dashavantajlaralan .biglist .alanc .item.gold .bxbar .rtext b {
    color: #F79009;
}

.dashavantajlaralan .biglist .item.platin .avantajlartext ul li .icon {
    background: #4E5BA6;
}

.dashavantajlaralan .biglist .alanc .item.platin .bxbar .rtext b {
    color: #4E5BA6;
}

.dashavantajlaralan .biglist .item.vip .avantajlartext ul li .icon {
    background: #12B76A;
}

.dashavantajlaralan .biglist .alanc .item.vip .bxbar .rtext b {
    color: #039855;
}

.dashavantajlaralan .biglist .item.master .avantajlartext ul li .icon {
    background: #2E90FA;
}

.dashavantajlaralan .biglist .alanc .item.master .bxbar .rtext b {
    color: #1570EF;
}

.newsupportmodal {
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
}

.newsupportmodal .akarac--tabs ul{
	max-width:100%!important;
  width:100%!important;
}

.newsupportmodal .akarac--tabs {
    border-radius: 8px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 4px;
}

.newsupportmodal .akarac--tabs li.active svg path {
    stroke: #fff;
}

#talepOlusturModal {
    z-index: 99999999999;
}

.supportcontent {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.supportcontent .scroll-bar::before {
    display: none;
}

.supportcontent .supporthead {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supportcontent .supporthead h3 {
    float: left;
    color: #312F64;
    font-family: Satoshi;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
}

.supportcontent .supporthead a {
    float: right;
    border-radius: 15px;
    border: 1px solid #FF5B8F;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #e73845;
    box-shadow: 0px 0px 0px 2px #e73845;
    color: #fff;
    padding: 13px 25px;
    font-size: 14px;
    font-weight: 500;
}

.supportcontent .supportmessagealan {
    float: left;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 10px;
}

.supportcontent .supportmessagealan .alans {
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    height: 100%;
    overflow: hidden;
}

.supportcontent .supportmessagealan .supportfilter {
    float: left;
    width: 100%;
}

.supportcontent .supportmessagealan .supportfilter ul {
    float: left;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.supportcontent .supportmessagealan .supportfilter ul li {
    width: 100%;
    position: relative;
}

.supportcontent .supportmessagealan .supportfilter ul li a {
    float: left;
    width: 100%;
    padding: 20px 15px;
    text-align: left;
    color: rgba(0, 23, 72, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    background: #F9F9FB;
}

.supportcontent .supportmessagealan .supportfilter ul li.active a {
    color: #e73845;
    font-weight: bold;
}

.supportcontent .supportmessagealan .supportsearch {
    float: left;
    width: 100%;
    padding: 15px;
    position: relative;
    padding-bottom: 0;
}

.supportcontent .supportmessagealan .supportsearch input {
    float: left;
    width: 100%;
    padding: 10px 15px;
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding-left: 40px;
}

.supportcontent .supportmessagealan .supportsearch svg {
    position: absolute;
    left: 27px;
    top: 28px;
}

.supportcontent .supportmessagealan .supportsearch input::placeholder {
    color: var(--Neutral-N-300, #7D89B0);
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.supportcontent .supportmessagealan .supportlist {
    float: left;
    width: 100%;
}

.supportcontent .supportmessagealan .supportlist .item {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 20px;
    border: 1px solid #F6EAF2;
    overflow: hidden;
    cursor: pointer;
}

.supportcontent .supportmessagealan .supportlist .item.active {
    border-radius: 15px;
    border: 1px solid #e73845;
    background: #FFF;
}

.supportcontent .supportmessagealan .supportlist .item .txt {
    float: left;
    width: 100%;
    padding: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.supportcontent .supportmessagealan .supportlist .item .txt h5 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.supportcontent .supportmessagealan .supportlist .item .txt .id {
    float: left;
    color: var(--Gray-Cool-300, #B9C0D4);
    font-size: 13px;
    font-weight: 500;
    margin-top: 1px;
}

.supportcontent .supportmessagealan .supportlist .item .txt .status {
    color: var(--Yellow-700, #B54708);
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    border-radius: 11px;
    border: 1px solid var(--Yellow-200, #FEDF89);
    background: var(--Yellow-50, #FFFAEB);
    float: left;
    padding: 1px 5px;
}

.supportcontent .supportmessagealan .supportlist .item .txt .status.reply {
    color: #026AA2;
    border-radius: 7px;
    border: 1px solid var(--Blue-light-200, #B9E6FE);
    background: var(--Blue-light-50, #F0F9FF);
}

.supportcontent .supportmessagealan .supportlist .item .txt .status.closed {
    border: 1px solid #D99D9D;
    background: #FFD0D0;
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    color: #8C0000;
}

.supportcontent .supportmessagealan .supportlist .item .det {
    float: left;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
}

.supportcontent .supportmessagealan .supportlist .item .det .order {
    float: left;
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}

.supportcontent .supportmessagealan .supportlist .item .det .order .siplibcs {
    display: flex;
    gap: 6px;
}

.supportcontent .supportmessagealan .supportlist .item .det .order .siplibcs .bcsp {
    border-radius: 8px;
    color: var(--Gray-Cool-800, #30374F);
    font-size: 12px;
    padding: 3px 7px;
 	padding-left:1px;
    font-weight: 500;
}

.supportcontent .supportmessagealan .supportlist .item .det .order span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.supportcontent .supportmessagealan .supportlist .item .det .date {
    float: right;
    border-radius: 100px;
    border: 1px solid #E6EDF9;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(154, 162, 187, 0.11);
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    padding: 5px;
}

.supportcontent .supportmessagealan .supportlist .item .det .date .icon {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #F3F5F9;
    text-align: center;
    line-height: 27px;
}

.supportcontent .supportmessagealan .supportlist .item .det .date span {
    float: left;
    color: #1C2D60;
    text-align: center;
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding-left: 10px;
    line-height: 30px;
    padding-right: 20px;
}

.supportcontent .supportmessagealan .supportlist .scroll-over {
    float: left;
    width: 100%;
    max-height: 877px;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 18px;
    padding-bottom: 0;
}

.supportcontent .supportmessagealan .supportlist .scroll-over::-webkit-scrollbar {
    display: none;
}

#talepOlusturModal .modal-dialog {
    max-width: 693px;
}

.opensupportmodal {
    float: left;
    width: 100%;
    padding: 10px;
}

.opensupportmodal .title {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 20px;
    background: #F6F8FB;
    padding: 25px;
}

#talepOlusturModal .modal-content {
    border-radius: 20px;
}

.opensupportmodal .title h5 {
    color: #292D35;
    font-family: Satoshi;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
}

.opensupportmodal .title span {
    color: rgba(76, 81, 91, 0.40);
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.opensupportmodal .item {
    float: left;
    width: 100%;
    padding: 7px;
}

.opensupportmodal .item label {
    float: left;
    width: 100%;
    color: var(--Neutral-N-900, #111621);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
}

.opensupportmodal .item select {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: var(--Primary-Colors-White, #FFF);
    padding: 13px 15px;
}

.opensupportmodal .item input {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: var(--Primary-Colors-White, #FFF);
    padding: 13px 15px;
}

.opensupportmodal .item textarea {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: var(--Primary-Colors-White, #FFF);
    padding: 13px 15px;
    min-height: 204px;
}

.opensupportmodal button.gonder {
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #FF5B8F;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #e73845;
    box-shadow: 0px 0px 0px 2px #e73845;
    color: #fff;
    font-size: 15px;
    padding: 13px;
    margin-top: 12px;
}

.opensupportmodal .uploadbar {
    float: left;
    width: 100%;
    padding: 5px;
    cursor: pointer;
}

.opensupportmodal .uploadbar .icon {
    float: left;
    border-radius: 94.595px;
    background: rgba(242, 46, 108, 0.15);
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 33px;
}

.opensupportmodal .uploadbar span {
    float: left;
    margin-left: 15px;
    min-height: 35px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    color: #1C2D60;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

.supportcontent .supportmessages {
    float: left;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.supportcontent .supportmessages .messagestitle {
    float: left;
    width: 100%;
    padding: 20px 25px;
    border-bottom: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.supportcontent .supportmessages .messagestitle h4 {
    overflow: hidden;
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.supportcontent .supportmessages .messagestitle .yanit {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
}

.supportcontent .supportmessages .messagestitle .yanit span {
    color: #7D89B0;
}

.supportcontent .supportmessages .messagesifo {
    float: left;
    width: 100%;
    padding: 20px 25px;
    padding-top: 0;
}

.supportcontent .supportmessages .messagesifo .scroll-bar {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supportcontent .supportmessages .messagesifo .item {
    float: left;
    width: calc(33% - 10px);
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    padding: 15px;
}

.supportcontent .supportmessages .messagesifo .item .icon {
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 7.625px;
    background: #FEF2F7;
    text-align: center;
    line-height: 40px;
}

.supportcontent .supportmessages .messagesifo .item .tcs {
    float: left;
    width: calc(100% - 55px);
    padding-left: 15px;
    min-height: 45px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.supportcontent .supportmessages .messagesifo .item .tcs span {
    color: #e73845;
    font-family: Satoshi;
    font-size: 11.813px;
    font-style: normal;
    font-weight: 500;
}

.supportcontent .supportmessages .messagesifo .item .tcs b {
    color: #22272F;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.supportcontent .messagelistalan {
    float: left;
    width: 100%;
    min-height: 300px;
    height: 100%;
}

.supportcontent .padsportcn {
    float: left;
    width: 100%;
    padding: 0px 25px;
    padding-right: 0;
}

.supportcontent .messagelistalan .item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.supportcontent .messagelistalan .item ul {
    padding-left: 20px;
}

.supportcontent .messagelistalan .item .hiz {
    float: left;
    width: auto;
    max-width: 60%;
}

.supportcontent .messagelistalan .item.right .hiz {
    float: right;
    padding-right: 25px;
}

.supportcontent .messagelistalan .item .addfundskurumlar {
    float: left;
    border-radius: 15px;
    border: 1px solid #EBF2FA;
    background: var(--Root-White, #FFF);
    padding: 17px;
    color: var(--Root-Black, #000);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.supportcontent .messagelistalan .item.right .p {
    border-radius: 15px;
    background: var(--Brand---Main-50, #FFF1F3);
    color: #89123E;
    float: right;
    border: 1px solid #FFF1F3;
}

.supportcontent .messagelistalan .item.right .alt {
    display: flex;
    width: 100%;
    justify-content: end;
}

.supportcontent .messagelistalan .item.right .user {
    color: var(--Secondary-Text, #111322);
    font-size: 14.769px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    float: right;
}

.supportcontent .messagelistalan .item.right .date {
    color: var(--Secondary-Text, #767F93);
    font-size: 14.769px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    float: right;
}

.supportcontent .messagelistalan .item .user {
    float: left;
    color: #3E1B3C;
    font-family: Satoshi;
    font-size: 14.769px;
    font-style: normal;
    font-weight: 500;
}

.supportcontent .messagelistalan .item .date {
    float: left;
    margin-left: 20px;
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.supportcontent .messagelistalan .scroll-key {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    max-height: 470px;
    overflow-y: scroll;
    padding-top: 20px;
}

.supportcontent .messagereplyarea {
    float: left;
    width: 100%;
    padding: 10px 25px;
}

.supportcontent .messagereplyarea .alan {
    float: left;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #EBF2FA;
    background: #FFF;
    position: relative;
}

.supportcontent .messagereplyarea .alan::before {
    content: "";
    background: linear-gradient(180deg, var(--wnite-transparent-0, rgba(255, 255, 255, 0.00)) 0%, #ffffffde 20.51%);
    width: 100%;
    height: 50px;
    top: -51px;
    position: absolute;
}

.supportcontent .messagereplyarea .alan .btngonderalan {
    float: left;
    width: 100%;
    border-top: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 10px 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.supportcontent .messagereplyarea .alan .input {
    float: left;
    width: 100%;
}

.supportcontent .messagereplyarea .alan .input input {
    float: left;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 20px 15px;
}

.supportcontent .alan .rplybtns {
    display: flex;
    float: left;
    width: 100%;
    flex-flow: wrap;
    justify-content: space-between;
}

.supportcontent .alan .rplybtns .dosyayukle {
    float: right;
    border-radius: 15px;
    background: #F3F5F9;
    padding: 14px 15px;
    color: #4C515B;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    border: 1px solid #F3F5F9;
    margin-right: 10px;
}

.supportcontent .alan .rplybtns .dosyayukle i {
    margin-right: 10px;
    font-size: 22px;
    line-height: 15px;
    float: left;
    margin-top: 4px;
}

.supportcontent .alan .rplybtns .gonder {
    float: right;
    border-radius: 14px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #F63D68);
    box-shadow: 0 2px 8px 0 rgba(14, 52, 73, 0.10);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 40px;
    transition: all 0.6s;
}

.supportcontent .alan .rplybtns .gonder:hover {
    background: #d83258;
}

.supportcontent .alan .rplybtns .gonder i {
    margin-left: 10px;
    font-size: 22px;
    line-height: 15px;
    float: right;
    margin-top: 4px;
}

.supportcontent .alanx {
    float: left;
    width: 100%;
    padding: 8px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
}

.dashbig--title .biz {
    float: right;
    display: flex;
    gap: 10px;
}

.dashbig--title .biz .talepolusturmodal {
    border-radius: 17px;
    border: 2px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
}

.dashbig--title .biz .alternate {
    border-radius: 17px;
    border: 2px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Gray-Cool-White, #FFF);
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    color: #C01048;
    font-weight: 500;
}

.destekv2area .alanx {
    border-radius: 18px;
}

.destekv2area .supportmessagealan .supportlist .scroll-over {
    max-height: 600px;
}

.destekv2area .bntitle {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 18px 20px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
}

.destekv2area .newsupportmodal {
    padding: 0;
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    overflow: hidden;
}

.destekv2area .alank {
    padding: 15px;
}

.destekv2area .modalbtnlist {
    float: left;
    width: 100%;
    display: flex;
    gap: 15px;
    margin-top: 15px;
    border-top: 1px solid #DCDFEA;
    padding-top: 15px;
    justify-content: space-between;
    margin-bottom: 15px;
}

.destekv2area .modalbtnlist a.destekbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    width: 50%;
    text-align: center;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    padding: 12px 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    transition: all 0.6s;
}

.destekv2area .modalbtnlist a.destekbtn:hover {
    background: #e7e7e76f;
}

.destekv2area .modalbtnlist a.siparisbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 100%;
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px;
    transition: all 0.6s;
}

.destekv2area .modalbtnlist button.siparisbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 100%;
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px;
    transition: all 0.6s;
}

.destekv2area .modalbtnlist a.siparisbtn:hover {
    background: #db3058;
}

.destekv2area .modalbtnlist button.siparisbtn {
    border-radius: 14px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    width: 100%;
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px;
    transition: all 0.6s;
}

.destekv2area .modalbtnlist button.siparisbtn:hover {
    background: #db3058;
}

.destekv2area .supportmessagealan .supportfilter ul li a {
    padding: 17px;
}

.destekv2area .yenisiparismodal .item {
    margin-bottom: 25px;
}

.dosyayuklealanx {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.dosyayuklealanx .dosyayuklbts {
    border-radius: 9px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 4px 8px;
    color: var(--Gray-Cool-800, #30374F);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.supportv3 {
    border-radius: 12px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    overflow: hidden;
}

.hesabimcontent {
    float: left;
    width: 100%;
}

.hesabimcontent .hesabimtabs {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.hesabimcontent .hesabimtabs .nav-tabs .nav-link {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    border: 0;
}

.hesabimcontent .hesabimtabs .nav-tabs .nav-link.active {
    color: var(--Brand---Main-500, #e73845);
    font-size: 15px;
    font-weight: 700;
    border: 0;
    border-bottom: 2px solid #e73845;
}

.hesabimcontent .tabareabln {
    float: left;
    width: 100%;
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    padding: 8px;
}

.hesabimcontent .tabareabln .tabbox {
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.hesabimcontent .tabareabln .tabbox .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 12px 16px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.hesabimcontent .tabareabln .tabbox .svsalan {
    float: left;
    width: 100%;
    padding: 20px;
}

.profilresim {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profilresim .img {
    border-radius: 90px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    width: 90px;
    height: 90px;
}

.profilresim .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profilresim .text b {
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
}

.profilresim .text span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.profilresim .blnkat {
    display: flex;
    align-items: center;
}

.profilresim .blnkat .text {
    display: flex;
    flex-flow: column;
    padding-left: 15px;
}

.profilresim .btnlist .yeniprofilresmi {
    border-radius: 12px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    padding: 12px 13px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
    transition: all 0.6s;
}

.profilresim .btnlist .yeniprofilresmi:hover {
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
}

.profilresim .btnlist .temizle {
    border-radius: 12px;
    border: 1.5px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Gray-Cool-White, #FFF);
    padding: 12px 13px;
    color: var(--Gray-Cool-900, #C01048);
    font-size: 13px;
    font-weight: 700;
    transition: all 0.6s;
}

.profilresim .btnlist .temizle:hover {
    border: 1.5px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Brand---Main-50, #FFF1F3);
}

.inputbilgiler {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 25px;
}

.inputbilgiler .item {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.inputbilgiler .item label {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.inputbilgiler .item input {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 12px;
    overflow: hidden;
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.13px;
}

.inputbilgiler .item button.epostadegistir {
    position: absolute;
    border-radius: 8px;
    border: 1px solid var(--Blue-light-200, #B9E6FE);
    background: var(--Blue-light-50, #F0F9FF);
    color: var(--Blue-light-700, #026AA2);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 10px;
    right: 10px;
    bottom: 8px;
}

.hesaptercihler {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 15px;
    border-bottom: 1px solid #DCDFEA;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hesaptercihler .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hesaptercihler .text {
    display: flex;
    flex-flow: column;
}

.hesaptercihler .text b {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.hesaptercihler .text span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 400;
}

.hesaptercihler button.faguvenlik {
    border-radius: 12px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 13px;
    font-weight: 700;
    padding: 9px 14px;
}

.hesaptercihler button.degistir {
    border-radius: 12px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    color: var(--Blue-light-50, #111322);
    font-size: 13px;
    font-weight: 700;
    padding: 9px 14px;
}

.hesapdilzaman {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 15px;
}

.hesapdilzaman .item {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.hesapdilzaman .item label {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.hesapdilzaman .item select {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 12px;
    overflow: hidden;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.13px;
}

.aktifoturumlar .orderslisttitle .hiz span:nth-child(1),
.aktifoturumlar .orderstablo .item span:nth-child(1) {
    flex: 3;
}

.aktifoturumlar button.oturumkapat {
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--Gray-Cool-900, #111322);
    font-size: 12px;
    font-weight: 700;
    padding: 10px;
}

.bildirimitem .switch {
    position: relative;
    display: inline-block;
    width: 49px;
    min-width: 49px;
    height: 28px;
    vertical-align: middle;
}

.bildirimitem .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.bildirimitem .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 37px;
    border: 2px solid var(--Gray-Cool-200, #DCDFEA);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-100, #EFF1F5) 100%);
    transition: .4s;
}

.bildirimitem .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background: var(--Gray-Cool-300, #B9C0D4);
    transition: .4s;
    border-radius: 50%;
}

.bildirimitem input:checked+.slider {
    border: 2px solid var(--Brand---Main-600, #E31B54);
    background: var(--Brand---Main-500, #e73845);

}

.bildirimitem input:checked+.slider:before {
    transform: translateX(20px);
    background: #FCFCFD;
}

.bildirimitem {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EFF1F5;
    padding-bottom: 20px;
    padding-top: 20px;
}

.bildirimitem b {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.bildirimitem .text span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 500;
}

.bildirimitem .text {
    display: flex;
    flex-flow: column;
    gap: 4px;
}

.bildirimitem .rgs {
    display: flex;
    gap: 10px;
    flex-flow: column;
    align-items: center;
}

.bildirimitem .rgs h6 {
    margin-bottom: 0;
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
    min-width: 70px;
}

.bildirimitem .rgs .bc {
    display: flex;
    gap: 10px;
    align-items: center;
}

.svsalan .bildirimitem:nth-last-child(1) {
    border: none;
}

.telegrambaglanbtn {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1.1px solid var(--Gray-Cool-200, #DCDFEA);
    background: #34aadf;
    color: var(--Brand---Main-25, #FFF5F6);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.13px;
    display: flex;
    padding: 14px;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between;
}

.telegrambaglanbtn svg {
    margin-right: 5px;
}

.apidashboardhesap {
    float: left;
    width: 100%;
}

.apidashboardhesap .apikey {
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-900, #111322);
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 15px;
    padding: 20px;
    height: 100%;
}

.apidashboardhesap .apikey .icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--Gray-Cool-25, #FCFCFD);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apidashboardhesap .apikey b {
    color: var(--Gray-Cool-200, #DCDFEA);
    font-size: 14px;
    font-weight: 500;
}

.apidashboardhesap .apikey .keykopyala {
    position: relative;
    display: flex;
    gap: 15px;
    align-items: center;
}

.apidashboardhesap .apikey .keykopyala span {
    color: var(--Gray-Cool-25, #FCFCFD);
    font-size: 16px;
    font-weight: 700;
}

.apidashboardhesap .apikey .keykopyala button {
    background: transparent;
    padding: 0;
    border: 0;
}

.apidashboardhesap .apikeykop {
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 15px;
    padding: 20px;
    height: 100%;
}

.apidashboardhesap .apikeykop .icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--Gray-Cool-900, #111322);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apidashboardhesap .apikeykop b {
    color: var(--Gray-Cool-200, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.apidashboardhesap .apikeykop span {
    color: var(--Gray-Cool-25, #111322);
    font-size: 16px;
    font-weight: 700;
}

.apidashboardhesap .apikeykop .newkey {
    border-radius: 12px;
    border: 2px solid var(--Gray-Cool-300, #B9C0D4);
    background: var(--Gray-Cool-900, #111322);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: var(--Gray-Cool-50, #F9F9FB);
    font-size: 13px;
    font-weight: 700;
    padding: 12px;
}

.apidashboardhesap .apikeykop .keykopyala {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.addfundscontent {
    float: left;
    width: 100%;
    position: relative;
}

.addfunstab {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    margin-bottom: 20px;
}

.addfuntstablist {
    float: left;
    width: 100%;
}

.addfunstab ul {
    float: left;
    list-style: none;
    display: flex;
    gap: 13px;
    margin: 0;
}

.addfunstab ul li {
    float: left;
}

.addfunstab ul li a {
    float: left;
    padding: 14px 25px;
    text-align: center;
}

.addfunstab ul li a img {
    float: left;
    margin-right: 10px;
    margin-top: -3px;
}

.addfunstab ul li a span {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
}

.addfunstab ul li.active a {
    border-bottom: 2px solid #e73845;
}

.addfunstab ul li.active a span {
    color: #e73845;
}

.addfunstab ul li.active a span {
    color: #e73845;
}

.addfunstab ul li.active a img {
    filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.addfundsyontemler {
    float: left;
    width: 100%;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 20px;
    padding-bottom: 5px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.addfundsyontemler .item {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #DCDFEA;
    background: #FFF;
    padding: 10px 15px;
    padding-left: 50px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
}

.addfundsyontemler .item::before {
    content: "";
    border-radius: 100px;
    border: 2px solid #F6EAF2;
    background: #FAF5F9;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
}

.addfundsyontemler .item.active::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 2px solid #FF83AB;
    background: #e73845;
    position: absolute;
    left: 20px;
}

.addfundsyontemler .item img {
    float: left;
    height: 22px;
    object-fit: contain;
}

.addfundsyontemler .item span {
    float: left;
    color: #4C515B;
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    margin-left: 10px;
}

.addfundsyontemler .item .min {
    float: right;
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    font-size: 12px;
    font-weight: 600;
    padding: 7px 7px;
}

.addfundsyontemler .item.active .min {
    border-radius: 7px;
    border: 1px solid var(--Brand---Main-200, #FECDD6);
    background: var(--Brand---Main-50, #FFF1F3);
    color: #C01048;
}

.addfundsyontemler input[type="radio"] {
    display: none;
}

.addfundsdetail {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #EFF1F5);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.addfundsdetail .sdtailalan {
    height: 100%;
}

.orderslist.updates .orderslisttitle .hiz span:nth-child(2),
.orderslist.updates .orderstablo .item span:nth-child(2) {
    flex: 4;
}

.orderslist.updates .orderslisttitle .hiz span:nth-child(4),
.orderslist.updates .orderstablo .item span:nth-child(4) {
    flex: 3;
    justify-content: center;
}

.orderslist.updates .orderstablo .status.disabled {
    border: 1px solid var(--Brand---Main-200, #FECDD6);
    background: var(--Brand---Main-50, #FFF1F3);
    color: var(--Brand---Main-700, #C01048);
}

.addfundsdetail .boxs {
    float: left;
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    padding: 15px;
}

.addfundsdetail .boxs .title {
    float: left;
    width: 100%;
    border-radius: 20px;
    background: #F6F8FB;
    padding: 25px;
}

.addfundsdetail .boxs .title h5 {
    color: #292D35;
    font-family: Satoshi;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
}

.addfundsdetail .boxs .title span {
    color: rgba(76, 81, 91, 0.40);
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.addfundsdetail .bakiyeeklealan {
    float: left;
    width: 100%;
}

.addfundsdetail .bakiyeeklealan .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.addfundsdetail .bakiyeeklealan .item label {
    float: left;
    width: 100%;
    color: #0E2B2F;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 7px;
}

.addfundsdetail .bakiyeeklealan .item .list {
    float: left;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-flow: wrap;
    padding: 4px;
    margin-top: -5px;
}

.addfundsdetail .bakiyeeklealan .item .list span {
    border-radius: 7px;
    border: 1px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-25, #FCFCFD);
    text-align: center;
    color: var(--Gray-Cool-800, #30374F);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    cursor: pointer;
}

.addfundsdetail .bakiyeeklealan .item .list span.active {
    border-radius: 7px;
    border: 1px solid var(--Green-200, #A6F4C5) !important;
    background: var(--Green-50, #ECFDF3) !important;
    color: var(--Green-700, #027A48) !important;
    font-size: 12px;
    font-weight: 700;
}

.addfundsdetail .bakiyeyuklebtnalan {
    float: left;
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-White, #FFF) 100%);
    padding: 15px;
}

.addfundsdetail .bakiyeyuklebtnalan .item {
    display: flex;
    justify-content: space-between;
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    padding: 14px;
    align-items: center;
}

.addfundsdetail .bakiyeyuklebtnalan .item label {
    color: #e73845;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.addfundsdetail .bakiyeyuklebtnalan .item span {
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16px;
}

.addfundsdetail .bakiyeeklealan .item input {
    float: left;
    width: 100%;
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    background: #FFF;
    padding: 15px;
    font-weight: bold;
}

.addfundsdetail .bakiyeeklealan .item b.birim {
    position: absolute;
    left: 15px;
    bottom: 11px;
    color: #000;
    font-size: 22px;
    font-weight: normal;
}

#tutar {
    color: #111322;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.14px;
}

#tutar::placeholder {
    color: #111322;
}

.addfundsdetail .bonusalan {
    position: relative;
}

.addfundsdetail .bonusalan input {
    color: #e73845;
    font-weight: bold;
    padding-left: 50px !important;
}

.addfundsdetail .bonusalan::before {
    content: "";
    background: url(https://apiseller.org/cdn/img/bonusicon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 14px;
    top: 46px;
}

.addfundsdetail .bonusalan input::placeholder {
    color: #e73845;
    font-weight: bold;
}

.addfundsdetail button.gonder {
    float: left;
    width: 100%;
    margin-top: 10px;
    color: #fff;
    padding: 15px 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    border-radius: 16px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: var(--Brand---Main-500, #e73845);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
}

.addfundsdetail button.gonder img {
    margin-left: 10px;
    margin-top: -4px;
}

.addfundsdetail .asdl {
    float: left;
    width: 100%;
    padding: 25px;
}

.addfundsdetail .asdl img {
    height: 40px;
    object-fit: contain;
    margin-bottom: 20px;
}

.addfundsdetail .asdl p {
    margin-bottom: 0;
    color: #292D35;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.addfundsdetail .asdl ul {
    padding-left: 20px;
}

.addfundsdetail .asdl ul li {
    color: #4C515B;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
}

.addfundskurumlar {
    float: left;
    width: 100%;
    border-radius: 25px;
    border: 1px solid #F6EAF2;
    background: var(--Root-White, #FFF);
    margin-top: 30px;
    box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
    padding: 10px;
}

.addfundskurumlar span {
    float: left;
    width: 100%;
    border-radius: 15px;
    background: #F6F8FB;
    padding: 10px 20px;
    color: #292D35;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.addfundskurumlar .item {
    float: left;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    height: 82px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.addfundskurumlar .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.addfunds-kurumlar-swiper {
    float: left;
    width: 100%;
    margin-top: 14px;
}

.odemelergecmis {
    float: left;
    width: 100%;
}

.odemelergecmis .orderslist {
    width: 100%;
    margin-left: 0;
}

.odemelergecmis .orderslisttitle .hiz span:nth-child(1),
.odemelergecmis .orderstablo .item span:nth-child(1) {
    flex: 1;
}

.odemelergecmis .orderslisttitle .hiz span:nth-child(2),
.odemelergecmis .orderstablo .item span:nth-child(2) {
    flex: 1.5;
}

.odemelergecmis .orderslisttitle .hiz span:nth-child(3),
.odemelergecmis .orderstablo .item span:nth-child(3) {
    flex: 3.5;
}

.faturatalepmodal {
    float: left;
    width: 100%;
}

.faturatalepmodal .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.odemelergecmis .faturatalep {
    border-radius: 10px;
    border: 1.5px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    color: var(--Gray-Cool-900, #111322);
    font-size: 12px;
    font-weight: 700;
    padding: 12px 8px;
    cursor: pointer;
}

.faturatalepmodal .item label {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    color: #0E2B2F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.faturatalepmodal .item input {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    padding: 15px;
}

.faturatalepmodal .item textarea {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    padding: 15px;
}


.faturatalepmodal .item input::placeholder,
.faturatalepmodal .item textarea::placeholder {
    color: #808BA3;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.faturatalepmodal button {
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e73845;
    background: #e73845;
    box-shadow: 0px 0px 0px 2px #e73845;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.faturatalepmodal .servisitem--bc {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
}

.faturatalepmodal .servisitem--bc .icon {
    margin-bottom: 7px;
}

.faturatalepmodal .servisitem--bc h5 {
    color: var(--Gray-Cool-500, #5D6B98);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.13px;
}

.faturatalepmodal .servisitem--bc b {
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
}

.faturatalepmodal button img {
    filter: brightness(0) invert(1);
    width: 23px;
    margin-left: 10px;
    margin-top: -2px;
}

.iadelist {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.iadelist .iadeitem {
    float: left;
    width: 100%;
    padding: 13px 20px;
    border-radius: 20px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    margin-bottom: 15px;
}

.iadelist .iadeitem .bx {
    float: left;
    margin-right: 30px;
}

.iadelist .iadeitem .bx .icon {
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 10px;
    background: rgba(242, 46, 108, 0.10);
    text-align: center;
    line-height: 45px;
}

.iadelist .iadeitem .bx .tstext {
    float: left;
    padding-left: 15px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.iadelist .iadeitem .bx .tstext span {
    color: var(--Primary-Color-950, #142457);
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.iadelist .iadeitem .bx .tstext .copybtn {
    float: left;
    background: transparent;
    padding: 0;
    border: 0;
    margin-right: 6px;
    margin-top: -3px;
}

.iadelist .sipnumber {
    color: #e73845;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    float: left;
    margin-top: 4px;
}

.iadelist .iadeitem .sorun {
    float: right;
    border-radius: 15px;
    border: 1px solid #E9EAEB;
    background: #FFF;
    padding: 10px 25px;
    color: #142457;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.iadelist .iadeitem .sorun i {
    font-weight: normal;
    font-size: 20px;
    margin-left: 15px;
    float: right;
}

.sorunBildirModal .modal-dialog {
    max-width: 550px;
}

.sorunBildirModal .modal-content {
    border-radius: 25px;
    border: 1px solid #E9EAEB;
    box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
}

.sorunBildirModal .modal-content .modal-header {
    border-bottom: none;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
}

.sorunBildirModal .modal-content .modal-header .icon {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 11.905px;
    background: rgba(242, 46, 108, 0.10);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sorunBildirModal .modal-content .modal-header span {
    float: left;
    color: var(--Neutral-N-900, #111621);
    font-family: Satoshi;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    padding-left: 15px;
    min-height: 50px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.sorunBildirModal .modal-content .modal-header button {
    float: right;
    border-radius: 10px;
    background: var(--Root-White, #FFF);
    border: 0;
    opacity: 1;
    font-size: 25px;
}

.sorunBildirModal .modal-body {
    padding: 0;
}

.sorunbildirmodal {
    float: left;
    width: 100%;
    padding: 20px;
}

.sorunbildirmodal .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.sorunbildirmodal .item label {
    color: #0E2B2F;
    margin-bottom: 7px;
    float: left;
    width: 100%;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.sorunbildirmodal .item select {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    color: #1B1A35;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 15px;
}

.sorunbildirmodal .item textarea {
    float: left;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: #FFF;
    color: #1B1A35;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 15px;
    min-height: 200px;
}

.sorunbildirmodal button {
    float: left;
    width: 100%;
    padding: 14px;
    color: #fff;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid #FF5B8F;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #e73845;
    box-shadow: 0px 0px 0px 2px #e73845;
    font-size: 14px;
}

.mobilkapali {
    display: block !important;
}

.webkapali {
    display: none !important;
}

.dashalan .akarac--tabs.mobilkapali {
    display: flex !important;
}

.darkaktif {
    display: none;
}

.d-none,
.hidden {
    display: none !important;
}

.refveriler {
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-50, #F9F9FB);
    padding: 8px;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.refveriler .item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-flow: wrap;
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    padding: 10px 15px;
    margin-bottom: 8px;
}

.refveriler .item .icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 12.721px;
    background: var(--Gray-Cool-100, #EFF1F5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.refveriler .item.active .icon {
    border: 1px solid var(--Green-200, #A6F4C5);
    background: var(--Green-500, #12B76A);
}

.refveriler .item .txt {
    display: flex;
    flex-flow: column;
}

.refveriler .item b {
    color: var(--Gray-Cool-900, #111322);
    font-size: 20px;
    font-weight: 700;
}

.refveriler .item span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.refferalcontent {
    width: 100%;
}

.refferalcontent .vhoisreff {
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-100, #EFF1F5);
    overflow: hidden;
}

.refferalcontent .vhoisreff h3 {
    width: 100%;
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 12px 8px;
    color: var(--Gray-Cool-900, #111322);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    margin: 0;
}

.refferalcontent .vhoisreff .box {
    width: 100%;
    border-radius: 12px;
    background: var(--Gray-Cool-White, #FFF);
    padding: 10px;
    width: 100%;
    height: 100%;
}

.refferalcontent .vhoisreff .alan {
    width: 100%;
    padding: 8px;
}

.refferalcontent .vhoisreff .alan .text {
    width: 100%;
    display: flex;
    flex-flow: nowrap;
    gap: 15px;
    margin: 10px 0;
}

.refferalcontent .vhoisreff .alan .text .number {
    border-radius: 12.721px;
    border: 1px solid var(--Green-200, #A6F4C5);
    background: var(--Green-500, #12B76A);
    width: 38px;
    height: 38px;
    color: var(--Gray-Cool-White, #FFF);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 38px;
}

.refferalcontent .vhoisreff .alan .text h4 {
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
}

.refferalcontent .vhoisreff .alan .text p {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.reforanlar {
    width: 100%;
    border-radius: 18px;
    border: 1px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Brand---Main-25, #FFF5F6);
    padding: 15px;
    margin: 20px 0;
}

.reforanlar .item {
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--Brand---Main-100, #FFE4E8);
    background: var(--Gray-Cool-White, #FFF);
    padding: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.reforanlar .item .icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--Brand---Main-500, #e73845);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 34px;
}

.reforanlar .item span {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 14px;
    font-weight: 500;
}

.reforanlar .item b {
    color: var(--Gray-Cool-900, #111322);
    font-size: 16px;
    font-weight: 700;
}

.reforanlar .item .txt {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.childpanelkabul {
    width: 100%;
}

.childboxalan {
    border-radius: 16px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    width: 100%;
    overflow: hidden;
}

.childboxalan h3 {
    width: 100%;
    border-bottom: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 12px 8px;
    color: var(--Gray-Cool-900, #111322);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    margin-bottom: 0;
}

.whitebox {
    width: 100%;
    margin: 5px 0;
    border-radius: 8px;
    background: var(--Gray-Cool-White, #FFF);
    padding: 15px;
}

.childpanelkabul .ckalan {
    width: 100%;
    padding: 8px;
    background: var(--Gray-Cool-100, #EFF1F5);
}

.childpanelkabul .ckalan .video {
    width: 100%;
    height: 197px;
    margin-bottom: 15px;
}

.childpanelkabul .ckalan span {
    width: 100%;
    color: var(--Gray-Cool-900, #111322);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    display: block;
    text-align: center;
}

.childpanelkabul .ckalan ul {
    padding-left: 20px;
}

.reforanlar h2 {
    color: var(--Brand---Main-800, #A11043);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.reforanlar.child .item {
    padding: 10px;
}

.web-none {
    display: none !important;
}

.kazanoranlarilist {
    float: left;
    width: 100%;
}

.kazanoranlarilist .item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 15px;
    border: 1px solid #E2E6ED;
    background: #F3F5F9;
    padding: 5px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-flow: nowrap !important;
}

.kazanoranlarilist .item .lf {
    float: left;
    flex: 3;
}

.kazanoranlarilist .item .rg {
    float: right;
    flex: 3;
    display: flex;
    flex-flow: nowrap;
    align-items: center;
}

.kazanoranlarilist .item .icon {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    border: 1px solid #F6EAF2;
    background: var(--Root-White, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
}

.kazanoranlarilist .item .icon img {
    width: 100%;
    height: 40px;
    object-fit: contain;
}

.kazanoranlarilist .item .text {
    float: left;
    min-height: 60px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-left: 15px;
}

.kazanoranlarilist .item .text span {
    color: #A7B6D3;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.kazanoranlarilist .item .text b {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

.kazanoranlarilist .item .is {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: var(--Brand---Main-500, #e73845);
    display: flex;
    justify-content: center;
    align-items: center;
}

.kazanoranlarilist .item .rg span {
    float: left;
    padding-left: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    min-height: 40px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.childpanelsiparis label {
    color: var(--Gray-Cool-800, #30374F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    margin-bottom: 10px;
}

.childpanelsiparis input {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 15px;
    overflow: hidden;
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.13px;
}

.childpanelsiparis select {
    border-radius: 14px;
    border: 1.5px solid var(--Gray-Cool-200, #DCDFEA);
    background: var(--Gray-Cool-White, #FFF);
    padding: 15px;
    overflow: hidden;
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.13px;
}

.childpanelsiparis .alert-info {
    border-radius: 12px;
    border: 1.1px solid var(--Blue-100, #D1E9FF);
    background: var(--Blue-25, #F5FAFF);
    color: var(--Gray-Cool-900, #111322);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.13px;
    display: flex;
    flex-flow: nowrap;
    gap: 10px;
    margin-top: 15px;
}

.childpanelsiparis .alert-info p,
.childpanelsiparis .alert-info ul {
    margin-bottom: 0;
}

.childpanelsiparis .btnarea--olustur {
    border-radius: 14px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #F9F9FB) 0%, var(--Gray-Cool-White, #FFF) 100%);
    padding: 15px;
    display: flex;
    flex-flow: column;
    margin-top: 25px;
}

.childpanelsiparis .item.totalfiyat {
    border-radius: 12px;
    border: 1px solid var(--Gray-Cool-100, #EFF1F5);
    background: var(--Gray-Cool-White, #FFF);
    border-radius: 15px;
    padding: 14px 17px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: left;
    width: 100%;
    position: relative;
}

.childpanelsiparis .item.totalfiyat input {
    background: transparent;
    border: 0;
    background-color: transparent !important;
    text-align: right;
    font-weight: bold;
    padding: 0;
}

.childpanelsiparis .item.totalfiyat input:focus {
    outline: none;
    box-shadow: none;
}

.childpanelsiparis .item.totalfiyat span {
    float: right;
    color: var(--Gray-Cool-900, #111322);
    text-edge: cap;
    font-family: Satoshi;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16px;
    width: auto;
}

.childpanelsiparis .sparisbutton {
    border-radius: 16px;
    border: 1.5px solid var(--Brand---Main-300, #FEA3B4);
    background: #e73845;
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: var(--Blue-light-50, #F0F9FF);
    font-size: 16px;
    font-weight: 700;
    padding: 15px 5px;
    transition: var(--transition);
}

.childpanelsiparis .item.totalfiyat .aln {
    display: flex;
    align-items: center;
}

.childpanelsiparis .item.totalfiyat .icon svg {
    float: left;
    margin-right: 8px;
}

.childpanelsiparis .item.totalfiyat b {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12px;
}

.bayisecimchexlist {
    width: 100%;
    background: var(--Gray-Cool-25, #FCFCFD);
    padding: 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.childpanelsiparis .radioitem span {
    padding-left: 35px;
}

.childpanelsiparis .radioitem .radio-indicator {
    padding-left: 0px;
}

.childpanelsiparis .radioitem p {
    color: var(--Gray-Cool-400, #7D89B0);
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
}

.date-container-years .year.active {
    background-color: #ef004b !important;
    color: #fff !important;
}

.date-container-days .day.active {
    background-color: #ef004b !important;
    color: #fff !important;
}

.select2-selection__id {
    margin-right: 5px !important;
}

.apidashboardhesap .apikeykop .keykopyala {
    flex-flow: column;
    align-items: baseline;
}

div:where(.swal2-container).swal2-backdrop-show {
    z-index: 9999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #f7f7f7 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] .select2-selection__text {
    font-weight: bold !important;
}

.select2-selection {
    box-shadow: none !important;
    border-color: #dcdfea !important;
}

.select2-results__option:hover {
    background: #f7f7f7;
}

.af-dd-item{
    transition: all 0.6s;
}

.af-dd-item:hover {
    background: #f7f7f7;
}

.neworderalan #dripfeed{
    width: 100%;
}

#changeEmailForm .btn-secondary{
    background: var(--Gray-Cool-900, #111322);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: var(--Gray-Cool-50, #F9F9FB);
}

#changeEmailForm .btn-primary:hover{
    background: var(--accent-color, #E73845);
    box-shadow: none;
}

#changeEmailForm .btn-primary:focus{
    background: var(--accent-color, #E73845);
    box-shadow: none;
}

#order_min small{
    opacity: 0.4;
}

@media (max-width: 992px) {
    .dashboardcontent .dashsidebar {
        display: none;
    }

    .newordersiparis .item.totalfiyat .aln{
        margin-right: 0;
    }

    .newordersiparis .item.totalfiyat span{
        float: right;
    }

    .newordersiparis .item.totalfiyat .sparisbutton{
        width: 100%!important;
        float: left;
        margin-top: 15px;
    }

    .newordersiparis .item.totalfiyat{
        flex-flow: column;
        align-items: normal;
    }

    .newordersiparis #order_link, .newordersiparis #order_quantity{
        width: 100%!important;
    }

    .servismobiltabs ul {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .servismobiltabs ul::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .servismobiltabs {
        display: flex;
        flex-flow: column;
        max-width: 100%;
        position: relative;
    }

    .servismobiltabs .rightbar {
        padding-left: 0px;
        margin-top: 15px;
    }

    .orderslist.otomatik .btnlist .iptal,
    .orderslist .btnlist .resumebtn {
        max-width: 100% !important;
        width: 100%;
    }

    .kazanoranlarilist .item .lf {
        display: flex;
        align-items: center;
    }

    .kazanoranlarilist .item .rg span {
        font-size: 13px;
        white-space: nowrap;
    }

    .kazanoranlarilist .item .is {
        min-width: 30px;
    }

    .kazanoranlarilist .item .icon {
        width: 40px;
        height: 40px;
    }

    .kazanoranlarilist .item .icon img {
        height: 30px;
    }

    .stat-left {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .breadcumb .oranlarigor {
        margin: 0 auto;
    }

    .breadcumb.bc-with-stats .bc-left {
        display: none !important;
    }

    .refillordersb .status {
        white-space: nowrap;
    }

    .dashfooter .alan span div {
        display: none;
    }

    .af-dd-item span {
        color: #000;
    }

    .af-dd-toggle span {
        color: #000;
    }

    .orderslist .link {
        max-width: calc(100% - 40px);
    }

    .refferalcontent .vhoisreff .box {
        height: auto;
        margin-top: 20px;
    }

    .orderslist .btnlist {
        margin-top: 3px;
        min-width: calc(100% + 11px) !important;
        justify-content: end;
        margin-left: 0;
    }

    .orderslist .btnlist .iptal,
    .orderslist .btnlist .yenidensiparis,
    .orderslist .btnlist .refillbtn {
        max-width: 33% !important;
    }

    .dashboardcontent {
        padding-top: 60px;
    }

    .dashtopbar {
        position: fixed;
        z-index: 9999;
        background: #fff;
        top: 0;
    }

    .web-none {
        display: block !important;
    }

    .dashalan .akarac--tabs.mobilkapali {
        display: none !important;
    }

    .mobilkapali {
        display: none !important;
    }

    .webkapali {
        display: block !important;
    }

    .bil-alan {
        padding: 0;
    }

    .dash--alncon {
        border-radius: 0;
        background: #fff;
        padding: 0;
    }

    .dashboardcontent .dashalan {
        width: 100%;
        margin-left: 0;
        max-height: max-content;
        padding: 15px;
        border: 0;
        border-radius: 0;
    }

    .dashstatc {
        display: none;
    }

    .rsbilbtnbar {
        display: none;
    }

    .currencydashbutton {
        display: none;
    }

    .langdashbutton {
        display: none;
    }

    .dashboardsearch {
        display: none;
    }

    .dashtopbar .userbar span {
        display: none;
    }

    .dashtopbar .userbar {
        height: 42px;
        padding-right: 30px;
    }

    .dashtopbar {
        padding: 15px;
    }

    .dash_logo img {
        margin-top: 0;
    }

    .dash--alncon {
        max-height: max-content;
    }

    .dashfooter .alan {
        justify-content: center;
        gap: 10px;
    }

    .sdtailalan .servisaciklama .row .col-md-4 {
        padding: 0;
        margin-bottom: 10px;
    }

    .sdtailalan .servisaciklama .icon {
        margin-bottom: 0;
        width: 40px;
        float: left;
        margin-top: 5px;
    }

    .sdtailalan .servisaciklama h5,
    .sdtailalan .servisaciklama b {
        float: left;
        width: calc(100% - 40px);
        padding-left: 0px;
        text-align: left;
    }

    .sdtailalan .servisitem--bc {
        padding: 10px 5px;
    }

    .siparisservisdetail {
        margin-top: 15px;
    }

    .siparisservisdetail .sdsdetaitab {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .siparisservisdetail .sdsdetaitab::-webkit-scrollbar {
        display: none;
    }

    .siparisservisdetail .sdsdetaitab .row {
        display: flex;
        flex-flow: nowrap;
    }

    .siparisservisdetail .sdsdetaitab .row .col-md-4 {
        width: auto;
    }

    .siparisservisdetail .sdsdetaitab .item {
        padding: 15px;
    }

    .neworder-bgalan {
        padding-bottom: 30px;
    }

    .neworder-bgalan .btnarea--olustur {
        padding: 10px;
    }

    .drip-fedd-check .lf {
        max-width: 60%;
    }

    .select-header .selected-option span {
        font-size: 14px;
        color: #142457;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 100%;
        display: contents;
    }

    .select-header {
        overflow: hidden;
    }

    .servisselectitem .id {
        margin-right: 10px;
    }

    .newordertab .tabs {
        flex-flow: nowrap;
    }

    .newordertab {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .newordertab::-webkit-scrollbar {
        display: none;
    }

    ::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari için scrollbar gizle */
    }

    .newordertab .tabs .tabitem {
        min-width: 160px;
        padding: 10px 5px;
    }

    .dashcontentalan .akarac--tabs {
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-100, #EFF1F5);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .dashcontentalan .akarac--tabs.webkapali ul {
        padding-right: 15px;
        overflow-x: scroll;
        flex-flow: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .dashcontentalan .akarac--tabs.webkapali ul::-webkit-scrollbar {
        display: none;
    }

    .dashcontentalan .akarac--tabs.webkapali li {
        min-width: auto;
        max-width: auto;
        flex: 1;
        display: block !important;
    }

    .dashcontentalan ul li a {
        width: 50px;
    }

    .mobilmenubtn {
        margin-left: 0;
        margin-right: 15px;
        margin-top: 1px;
    }

    .offcanvas-start {
        z-index: 99999999;
        width: 75%;
        background: #F9F9FB;
    }

    .dashcanvasmenu .dashsidebar .dashmenucontrol {
        display: none;
    }

    .dashcanvasmenu .dashsidebar .dashmenu {
        padding: 0;
        max-height: calc(100vh - 292px);
        overflow-y: scroll;
    }

    .offcanvas-start .sidesocial {
        border-top: 0;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        margin-left: 0;
    }

    .offcanvas-start .sidesocial svg {
        width: 50px;
        height: 40px;
    }

    .offcanvas-start .langdashbutton {
        float: left;
        width: auto;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        justify-content: start;
        gap: 4px;
        align-items: center;
    }

    .offcanvas-start .langmenu {
        left: 0;
    }

    .offcanvas-start .currentcymenusv {
        left: 0;
    }

    .offcanvas-start .currencydashbutton {
        display: flex;
        float: left;
        margin-left: 5px;
    }

    .canvascontrol {
        float: left;
        width: 100%;
        border-top: 1px solid #DCDFEA;
        padding-top: 15px;
    }

    .canvaslogo {
        float: left;
    }

    .canvaslogo img {
        height: 35px;
        object-fit: contain;
    }

    .offcanvas .btn-close {
        border-radius: 12px;
        border: 2px solid var(--gray-cool-transparent-10, rgba(17, 19, 34, 0.10));
        background: var(--Gray-Cool-White, #FFF);
        box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
        opacity: 1;
        padding: 0;
        width: 36px;
        height: 36px;
        align-items: center;
        display: flex;
        justify-content: center;
        float: right;
        margin-top: 1px;
    }

    .canvasbakiye {
        float: left;
        width: 100%;
        border-radius: 10px;
        background: var(--Gray-Cool-White, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        padding: 6px 12px;
        margin-top: 18px;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .offcanvas-header {
        display: block;
        border-bottom: 1px solid var(--Gray-Cool-200, #DCDFEA);
    }

    .canvasbakiye .text {
        display: flex;
        flex-flow: column;
        gap: 5px;
    }

    .canvasbakiye .text span {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
        margin-bottom: -5px;
    }

    .canvasbakiye .text b {
        color: var(--Gray-Cool-900, #111322);
        font-size: 16px;
        font-weight: 700;
    }

    .dashpricelist .accordion-button {
        font-size: 18px;
    }

    .servistablobaslik {
        display: none;
    }

    .ordersfilter {
        flex-flow: column;
        margin-bottom: 15px;
    }

    .ordersfilter .akarac--tabs {
        width: 100%;
    }

    .ordersfilter .akarac--tabs ul {
        overflow-x: scroll;
        flex-flow: nowrap;
        scrollbar-width: none;
        padding-right: 15px;
    }

    .ordersfilter .akarac--tabs ul>li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 120px;
    }

    .ordersfilter .akarac--tabs ul>li:nth-child(5) a {
        min-width: 170px;
    }

    .ordersfilter .searchbln {
        width: 100%;
    }

    .ordersfilter .searchbln input {
        width: 100%;
    }

    .orderslisttitle {
        display: none;
    }

    .orderspagecas .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
    }

    .orderslist {
        padding: 0px;
        width: 100%;
        margin: 0;
        border: 0;
    }

    .orderspagecas {
        width: 100%;
        margin-left: 0;
        border: 0;
    }

    .orderspagecas .item span:nth-child(1) {
        display: none;
    }

    .orderspagecas .item span:nth-child(2) {
        display: none;
    }

    .orderspagecas .item span:nth-child(3) {
        display: none;
    }

    .orderspagecas .item span:nth-child(4) {
        display: none;
    }

    .orderspagecas .item span:nth-child(5) {
        display: none;
    }

    .orderspagecas .item span:nth-child(6) {
        display: none;
    }

    .orderspagecas .item span:nth-child(7) {
        width: 68%;
        text-align: left;
        float: left;
        display: block;
        white-space: normal;
    }

    .orderspagecas .item span:nth-child(10) {
        display: none;
    }

    .orderspagecas .item span:nth-child(8) {
        width: 32%;
        float: right;
        justify-content: end;
    }

    .orderspagecas .status {
        margin-right: 0;
        padding: 5px;
    }

    .orderspagecas .item span:nth-child(9) {
        display: none;
    }

    .orderspagecas .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .orderspagecas .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
    }

    .orderspagecas .itemkc .itemkctext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .orderspagecas .fiyatkcbs {
        border-radius: 7px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-White, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        text-align: center;
        padding: 3px 5px;
        margin-bottom: 10px;
    }

    .orderspagecas .lskc {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

    .orderspagecas .lskc .lsi {
        border-radius: 7px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-25, #FCFCFD);
        width: 100%;
        padding: 5px;
        text-align: center;
        color: var(--Gray-Cool-800, #30374F);
        font-size: 12px;
        font-weight: 500;
    }

    .addfunstab ul {
        width: 100%;
        justify-content: space-between;
    }

    .dashcontentalan ul li a {
        width: 100%;
        padding: 10px 5px;
    }

    .addfundsyontemler {
        padding: 10px;
        overflow-x: scroll;
        padding-right: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .addfundsyontemler .row {
        display: flex;
        flex-flow: nowrap;
    }

    .addfundsyontemler .row .col-md-3 {
        width: auto;
        padding-right: 0;
    }

    .addfundsyontemler .item {
        margin-bottom: 0;
        width: auto;
        padding: 5px 6px;
        padding-left: 40px;
    }

    .addfundsyontemler .item .min {
        margin-left: 10px;
    }

    .addfundsdetail {
        padding: 10px;
    }

    .addfundsdetail .bakiyeeklealan .col-md-6 {
        width: 50%;
    }

    .addfundsdetail .bakiyeeklealan .item input {
        padding: 10px;
    }

    .addfundscontent .sdtailalan {
        margin-top: 15px;
        height: auto;
    }

    .addfundsgecmis {
        width: 100%;
        margin: 0;
    }

    .odemelergecmis {
        width: 100%;
        margin: 0;
    }

    .addfundsgecmis .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        margin-bottom: 15px;
        padding: 5px;
    }

    .addfundsgecmis .item span:nth-child(1) {
        display: none;
    }

    .addfundsgecmis .item span:nth-child(2) {
        display: none;
    }

    .addfundsgecmis .item span:nth-child(3) {
        display: none;
    }

    .addfundsgecmis .item span:nth-child(4) {
        display: none;
    }

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

    .odemelergecmis .lsog {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .odemelergecmis .lsog .lsogi {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .odemelergecmis .lsog .lsogi .lsogtext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .supportcontent .alanx .row {
        flex-flow: column-reverse;
    }

    .supportcontent .messagelistalan .item .hiz {
        max-width: 90%;
    }

    .supportcontent .supportmessages .messagestitle h4 {
        font-size: 14px;
    }

    .supportcontent .supportmessages .messagestitle .yanit {
        display: none;
    }

    .supportcontent .messagelistalan .item .user {
        font-size: 13px;
    }

    .supportcontent .messagelistalan .item .date {
        font-size: 13px;
    }

    .supportcontent .messagelistalan .item.right .date {
        font-size: 13px;
    }

    .supportcontent .messagelistalan .item.right .user {
        font-size: 13px;
    }

    .supportcontent .messagelistalan .item {
        margin-bottom: 25px;
    }

    .supportcontent .alanx .col-md-4 {
        margin-top: 20px;
    }

    .supportcontent .supportmessagealan .col-md-6 {
        margin-bottom: 20px;
    }

    .dashbig--title .biz {
        width: 100%;
        margin-top: 20px;
        margin-bottom: -20px;
    }

    .newsupportmodal .akarac--tabs ul {
        overflow-x: scroll;
        flex-flow: nowrap;
        -webkit-overflow-scrolling: touch;
        /* iOS için akıcı scroll */
        scrollbar-width: none;
    }

    .newsupportmodal .akarac--tabs ul>li {
        min-width: 130px;
    }

    .dashtools .alanb {
        margin-bottom: 15px;
        height: auto !important;
    }

    .dashtools .alanb ul {
        overflow-x: scroll;
        display: flex;
        flex-flow: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 5px;
        margin-bottom: 0;
    }

    .dashtools .alanb ul li {
        min-width: 110px;
        text-align: center;
        margin-bottom: 0 !important;
    }

    .faqdasharea .alan {
        padding: 5px;
    }

    .dashcontentalan .akrac--detay .kadiuret .asalan {
        min-height: auto;
    }

    .dashcontentalan .akrac--detay .kadiuret {
        margin-bottom: 20px;
    }

    .hesabimcontent .hesabimtabs .nav-tabs .nav-link {
        padding: 10px 10px;
    }

    .hesabimcontent .hesabimtabs .nav {
        justify-content: space-between;
    }

    .profilresim .img {
        min-width: 90px;
    }

    .profilresim .btnlist .yeniprofilresmi {
        padding: 8px 10px;
    }

    .profilresim .btnlist .temizle {
        padding: 8px 10px;
    }

    .profilresim .btnlist {
        display: flex;
        flex-flow: column;
        gap: 5px;
        width: 40%;
    }

    .hesabimtablo .item {
        display: block;
        padding: 10px 0;
    }

    .hesabimtablo .item span:nth-child(1) {
        display: none;
    }

    .hesabimtablo .item span:nth-child(2) {
        display: none;
    }

    .hesabimtablo .item span:nth-child(3) {
        display: none;
    }

    .hesabimtablo .item span:nth-child(4) {
        padding-left: 0;

    }

    .hesabimtablo .item span:nth-child(5) {
        padding: 0;
        margin-top: 10px;
    }

    .aktifoturumlar button.oturumkapat {
        width: 100%;
        justify-content: center;
    }

    .oturumlarlist {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 7px;
    }

    .oturumlarlist .oturumitem {
        display: flex;
        flex-flow: nowrap;
        justify-content: space-between;
        align-items: center;

    }

    .oturumlarlist .oturumitem .text {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .oturumlarlist .oturumitem .name {
        color: var(--Gray-Cool-900, #111322);
        text-align: right;
        font-size: 13px;
        font-weight: 500;
    }

    .apidashhesap {
        padding: 5px !important;
    }

    .apidashboardhesap .col-md-6 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .apitablodashbor .item span:nth-child(1) {
        display: none;
    }

    .apitablodashbor .item span:nth-child(2) {
        display: none;
    }

    .apitablodashbor .item span:nth-child(3) {
        display: none;
    }

    .apitablodashbor .item span:nth-child(4) {
        display: none;
    }

    .apitablodashbor .item span:nth-child(5) {
        padding: 0;
    }

    .apitablodashbor .item span:nth-child(6) {
        display: none;
    }

    .apitablodashbor .item {
        padding: 10px 0;
    }

    .apidashlist {
        float: left;
        width: 100%;
        flex-flow: column;
        gap: 9px;
        display: flex;
    }

    .apidashlist .apidashlistitem {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .apidashlist .apidashlistitem .text {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .apidashlist .apidashlistitem .name {
        color: var(--Gray-Cool-900, #111322);
        text-align: right;
        font-size: 13px;
        font-weight: 500;
    }

    .dashavantajlaralan .list .item {
        margin-bottom: 10px;
        padding: 4px;
    }

    .hesapmevcut {
        width: 100%;
    }

    .dashavantajlaralan .biglist .alanc {
        padding: 10px;
    }

    .dashcontentalan ul li a {
        min-width: 50px;
    }

    .subspagecas .item span:nth-child(1) {
        display: none;
    }

    .subspagecas .item span:nth-child(2) {
        display: none;
    }

    .subspagecas .item span:nth-child(3) {
        display: none;
    }

    .subspagecas .item span:nth-child(4) {
        display: none;
    }

    .subspagecas .item span:nth-child(5) {
        display: none;
    }

    .subspagecas .item span:nth-child(6) {
        width: 68%;
        text-align: left;
        float: left;
        display: block;
        white-space: normal;
    }

    .subspagecas .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .subspagecas .item span:nth-child(8) {
        display: none;
    }

    .subspagecas .item span:nth-child(9) {
        display: none;
    }

    .subspagecas .item span:nth-child(10) {
        display: none;
    }

    .subspagecas .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .subspagecas .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .subspagecas .itemkc .itemkctext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .subspagecas .status {
        margin-right: 0;
    }



    .dripfeedorders .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .dripfeedorders .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .dripfeedorders .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .dripfeedorders .item span:nth-child(1) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(2) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(3) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(4) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(5) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(7) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(8) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(9) {
        display: none;
    }

    .dripfeedorders .item span:nth-child(6) {
        width: 68%;
        text-align: left;
        float: left;
        display: block;
        white-space: normal;
    }

    .dripfeedorders .itemkb {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 7px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-White, #FFF);
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
        text-align: center;
        padding: 5px;
    }

    .dripfeedorders .itemka {
        float: left;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        border-radius: 7px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-White, #FFF);
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
        text-align: center;
        padding: 5px;
    }

    .dripfeedorders .listvbc {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .refillordersb .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .refillordersb .item span:nth-child(1) {
        display: none;
    }

    .refillordersb .item span:nth-child(2) {
        display: none;
    }

    .refillordersb .item span:nth-child(3) {
        display: none;
    }

    .refillordersb .item span:nth-child(4) {
        display: none;
    }

    .refillordersb .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .refillordersb .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .subsparefillordersbgecas .itemkc .itemkctext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .refillordersb .status {
        margin-right: 0;
    }

    .refillordersb .item span:nth-child(5) {
        width: 68%;
        text-align: left;
        float: left;
        display: block;
        white-space: normal;
    }

    .refundsordertablo .item span:nth-child(1) {
        display: none;
    }

    .refundsordertablo .item span:nth-child(2) {
        display: none;
    }

    .refundsordertablo .item span:nth-child(3) {
        display: none;
    }

    .refundsordertablo .item span:nth-child(4) {
        display: none;
    }

    .refundsordertablo .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .refundsordertablo .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .refundsordertablo .itemkc .itemkctext {
        color: #000;
        font-size: 13px;
        font-weight: 500;
    }

    .refundsordertablo .status {
        margin-right: 0px;
    }

    .refundsordertablo .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .reforanlar .item {
        margin-bottom: 10px;
        height: auto !important;
    }

    .tablos .tablostabitem {
        margin-right: 0px !important;
        width: 50%;
        padding-right: 0px !important;
    }

    .tablos .tablostabitem span {
        font-size: 12px !important;
    }

    .refferalcontent .tablostabhead {
        display: none;
    }

    .refferalcontent .tablositem {
        display: block !important;
        border-radius: 15px !important;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA) !important;
        background: var(--Gray-Cool-50, #F9F9FB) !important;
        padding: 8px !important;
        margin-bottom: 15px !important;
        float: left !important;
        width: 100% !important;
    }

    .refferalcontent .tablosalan {
        padding: 15px !important;
    }

    .refferalcontent .tablositem span:nth-child(1) {
        display: none;
    }

    .refferalcontent .tablositem span:nth-child(2) {
        display: none;
    }

    .refferalcontent .tablositem span:nth-child(3) {
        display: none;
    }

    .refferalcontent .tablositem span:nth-child(4) {
        display: none;
    }

    .refferalcontent .tablositem .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .refferalcontent .tablositem .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .refferalcontent .tablositem .itemkc .itemkctext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .refferalcontent .tablositem .sutatus {
        font-size: 11px !important;
    }

    .refferalcontent .tablositem .itemkc .puan {
        color: var(--Green-500, #12B76A);
        text-align: right;
        font-family: Satoshi;
        font-size: 13px;
        font-weight: 500;
    }

    .supportcontent .messagereplyarea {
        padding: 10px;
    }

    .supportcontent .messagelistalan .item.right .hiz {
        padding-right: 10px;
    }

    .supportcontent .padsportcn {
        padding-left: 10px;
    }

    .uptadesorders .item span:nth-child(1) {
        display: none;
    }

    .uptadesorders .item span:nth-child(2) {
        display: none;
    }

    .uptadesorders .item span:nth-child(3) {
        display: none;
    }

    .uptadesorders .item span:nth-child(4) {
        display: none;
    }

    .uptadesorders .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .uptadesorders .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .uptadesorders .itemkc .itemkctext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .uptadesorders .status {
        margin-right: 0;
    }

    .uptadesorders .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .vipupadresorder .item {
        display: block;
        border-radius: 15px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-50, #F9F9FB);
        padding: 8px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .vipupadresorder .item span:nth-child(1) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(3) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(4) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(5) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(6) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(7) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(8) {
        display: none;
    }

    .vipupadresorder .item span:nth-child(9) {
        display: none;
    }

    .vipupadresorder .itemkclist {
        width: 100%;
        margin-top: 8px;
        float: left;
        padding: 0px 10px;
    }

    .vipupadresorder .itemkc {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 13px;
        align-items: center;
    }

    .vipupadresorder .itemkc .itemkctext {
        color: var(--Gray-Cool-400, #7D89B0);
        font-size: 13px;
        font-weight: 500;
    }

    .vipupadresorder .itema {
        float: left;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        border-radius: 7px;
        border: 1px solid var(--Gray-Cool-200, #DCDFEA);
        background: var(--Gray-Cool-White, #FFF);
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
        text-align: center;
        padding: 5px;
    }

    .vipupadresorder .gecikme {
        margin-right: 0px;
    }

    .vipupadresorder .itemalist {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
        margin-top: 5px
    }

    .ordersfilter.vipupdates .akarac--tabs ul>li a {
        min-width: 135px;
    }

    .ordersfilter.vipupdates .akarac--tabs ul>li a span {
        font-size: 13px;
    }
}
:root {
    --dark-primary: #030712;
    --dark-secondary: #1D212F;
    --border-primary: #30374F;
}

body.dark {
    background: #131620 !important;
    background-color: #131620 !important;
}

body.dark .dash--alncon {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .dashboardcontent .dashalan {
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 0px 2px 0px var(--Gray-Cool-200, #262C3F);
}

body.dark .akarac--tabs ul li a {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .akarac--tabs ul li span {
    color: #EAEBED;
}

body.dark .akarac--tabs ul li a i {
    color: #EAEBED;
}

body.dark .akarac--tabs ul li.active a {
    border: 1px solid var(--Gray-Cool-50, #131620);
    background: var(--Gray-Cool-900, #FCFCFD);
}

body.dark .akarac--tabs ul li.active a span {
    color: #0A0B10;
}

body.dark .akarac--tabs ul li.active a svg path {
    fill: #0A0B10;
}

body.dark .dashbig--title h2 {
    color: #FCFCFD;
}

body.dark .dashmenucontrol span {
    color: #FCFCFD;
}

body.dark .dashmenucontrol button svg path {
    fill: #FCFCFD;
}

body.dark .dashsidebar .dashmenu ul li.active a {
    background: #30374F;
    color: #FCFCFD;
}

body.dark .dashsidebar .dashmenu ul li a {
    color: #FCFCFD;
}

body.dark .dashsidebar .dashmenu ul li a img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .dashsidebar .dashmenu ul li.submenu::after {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .sidesocial a svg rect {
    fill: #1D212F;
}

body.dark .sidesocial {
    border-top: 1px solid #262C3F;
}

body.dark .dashsidebar .dashmenu ul li a .tic {
    border-radius: 10px;
    border: 1px solid var(--Brand---Main-100, #89123E);
    background: linear-gradient(180deg, var(--Brand---Main-50, #510B24) 0%, var(--Brand---Main-100, #89123E) 100%);
    box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #C01048) inset;
}

body.dark .dashfooter .alan {
    border-radius: 18px;
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .neworder-bgalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .neworderheadbar {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .newordertab .tabs .tabitem span {
    color: #838795;
}

body.dark .newordertab .tabs .tabitem svg {
    filter: brightness(0) saturate(100%) invert(58%) sepia(13%) saturate(307%) hue-rotate(189deg) brightness(89%) contrast(85%);
}

body.dark .newordertab .tabs .tabitem.active span {
    color: #FCFCFD;
}

body.dark .newordertab .tabs .tabitem.active svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(24%) hue-rotate(197deg) brightness(106%) contrast(105%);
}

body.dark .newordertab .tabs .tabitem.active {
    border-bottom: 2px solid #fff;
}

body.dark .dashstatc .bakiye,
body.dark .dashstatc .totalsiparis,
body.dark .dashstatc .totalbakiye {
    background: #1d212f9e;
}

body.dark .dashstatc .bakiye span,
body.dark .dashstatc .totalsiparis span,
body.dark .dashstatc .totalbakiye span {
    color: #FCFCFD;
}

body.dark .dashstatc::before {
    background: #262C3F;
}

body.dark .currentcymenusv {
    background: #1d212f;
    border: 0;
}

body.dark .currentcymenusv ul li a {
    color: #fff;
}

body.dark .dashboardsearch {
    border: 2px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .langdashbutton {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .langdashbutton span {
    color: #FCFCFD;
}

body.dark .langdashbutton img,
body.dark .langmenu {
    background: #1D212F;
    border-color: transparent;
}

body.dark .langdashbutton img {
    background: transparent;
    filter: brightness(0) invert(1);
}

body.dark .langdashbutton li img {
    filter: none !important;
}

body.dark .currencydashbutton,
body.dark .darkdashbutton {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .rsbilbtnbar .messages-btnsc,
body.dark .rsbilbtnbar .bildirimbtn,
body.dark .dashtopbar .userbar {
    border: 2px solid var(--gray-cool-transparent-10, rgba(255, 255, 255, 0.10));
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
}

body.dark .dashtopbar .userbar span {
    color: #FCFCFD;
}

body.dark .rsbilbtnbar .messages-btnsc svg,
body.dark .rsbilbtnbar .bildirimbtn svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .currencydashbutton svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .darkdashbutton svg.darkkapali {
    display: none;
}

body.dark .darkdashbutton svg.darkaktif {
    display: block;
}

body.dark .rsbilbtnbar::before,
body.dark .langdashbutton::before {
    background: #262C3F;
}

body.dark .neworderalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .newordersiparis .pxtitle {
    color: #EAEBED;
}

body.dark .newordersiparis input,
body.dark .custom-select,
body.dark .newordersiparis .item textarea {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .select-header .selected-option span,
body.dark .drip-fedd-check h5,
body.dark .drip-fedd-check span.re {
    color: #FCFCFD;
}

body.dark .drip-fedd-check .slider {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-100, #1D212F) 100%);
}

body.dark .drip-fedd-check .slider:before {
    background: #3f465c;
}

body.dark .neworder-bgalan .btnarea--olustur {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-White, #030712) 100%);
}

body.dark .newordersiparis .item.totalfiyat {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .newordersiparis .item.totalfiyat span {
    color: #FCFCFD;
}

body.dark .newordersiparis .sparisbutton {
    border: 1.5px solid var(--Gray-Cool-300, #30374F);
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: #131620;
}

body.dark .siparisservisdetail {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .sdtailalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-White, #030712) 100%);
}

body.dark .siparisservisdetail .sdsdetaitab {
    border-color: #0A0B10;
}

body.dark .siparisservisdetail .sdsdetaitab .item span {
    color: #838795;
}

body.dark .siparisservisdetail .sdsdetaitab .item svg {
    filter: brightness(0) saturate(100%) invert(56%) sepia(7%) saturate(598%) hue-rotate(189deg) brightness(94%) contrast(85%);
}

body.dark .siparisservisdetail .sdsdetaitab .item.active span {
    color: #fff;
}

body.dark .siparisservisdetail .sdsdetaitab .item.active svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(129deg) brightness(107%) contrast(102%);
}

body.dark .siparisservisdetail .sdsdetaitab .item.active {
    border-color: #fff;
}

body.dark .sdtailalan .servisaciklama .krt--alan {
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

body.dark .sdtailalan .servisaciklama h3,
body.dark .dashtopbar .userbar .downmenu .inf .username b {
    color: #FCFCFD;
}

body.dark .sdtailalan .servisitem--bc {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
}

body.dark .sdtailalan .servisaciklama b,
body.dark .sdtailalan .newordericerik ul li,
body.dark .sdtailalan .inf span,
body.dark .dashtopbar .userbar .downmenu ul li a {
    color: #FCFCFD;
}

body.dark .sdtailalan .inf {
    border: 1.1px solid #ffffffcc;
    background: var(--Gray-Cool-White, #030712);
}

body.dark .sdtailalan .accordion-item {
    border: 1.1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .sdtailalan .accordion-button {
    border: 1.1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .sdtailalan .accordion-body p {
    background: #1d2130;
    color: #FCFCFD;
}

body.dark .dashtopbar .userbar .downmenu {
    border: 2px solid var(--Brand---Main-500, #F63D68);
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);
}

body.dark .dashtopbar .userbar .downmenu .inf {
    border-color: #1D212F;
}

body.dark .dashtopbar .userbar .downmenu ul li.exit a {
    border-color: #1D212F;
    color: #F63D68;
}

body.dark .searchbln input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .dashpricelist {
    border-color: #1D212F;
}

body.dark .dashpricelist .accordion-item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .dashpricelist .accordion-button {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .servistablobaslik {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .servistablobaslik span {
    color: #838795;
}

body.dark .idtet {
    color: #EAEBED;
}

body.dark .servistabloitem .serivsname span {
    color: #EAEBED;
}

body.dark .favoribtnlist button {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .favoribtnlist button img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .servistabloitem .serivsname .lsbc .time {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #EAEBED;
}

body.dark .servistabloitem .serivsname .lsbc .time::before {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .servistabloitem .serivsname .lsbc .telafi {
    border: 1px solid var(--Green-200, #196A39);
    background: var(--Green-50, #0C381E);
    color: #7AEEBE;
}

body.dark .servistabloitem .serivsname .lsbc .telafi::before {
    filter: brightness(0) saturate(100%) invert(98%) sepia(6%) saturate(3378%) hue-rotate(78deg) brightness(100%) contrast(87%);
}

body.dark .servistabloitem .cart-btn {
    border: 1px solid var(--Brand---Main-100, #89123E);
    background: linear-gradient(180deg, var(--Brand---Main-50, #510B24) 0%, var(--Brand---Main-100, #89123E) 100%);
    box-shadow: 0px -1px 1.3px 0px var(--Brand---Main-300, #C01048) inset;
}

body.dark .servistabloitem .srvsfiyat,
body.dark .servistabloitem .minadet {
    color: #FCFCFD;
}

body.dark .servistabloitem .teslimsure {
    border: 1px solid var(--Brand---Main-200, #A11043);
    background: var(--Brand---Main-50, #510B24);
    color: #FEA3B4;
}

body.dark .servistabloitem .teslimsure.kisa {
    border: 1px solid var(--Green-200, #196A39);
    background: var(--Green-50, #0C381E);
    color: #7AEEBE;
}

body.dark .servistabloitem .teslimsure.orta {
    border: 1px solid var(--Yellow-200, #836410);
    background: var(--Yellow-50, #3C2F07);
    color: #E48650;
}

body.dark .dashpricelist .sDetayBtn {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .dashpricelist .accordion-button::after {
    background-color: transparent;
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .servistabloitem {
    border-color: #1D212F;
}

body.dark .ordersfilter .akarac--tabs {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .orderslist {
    border: 0;
}

body.dark .orderslisttitle {
    background: var(--Gray-Cool-50, #131620);
    border-bottom: 0;
}

body.dark .orderslisttitle .hiz {
    border-bottom: 0;
}

body.dark .orderslisttitle .hiz span {
    color: #838795;
}

body.dark .orderslist .copybtnor {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #EAEBED;
}

body.dark .orderslist .copybtnor::after {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .orderstablo .item {
    border-color: #1D212F;
}

body.dark .orderslist .tarih {
    color: #595F72;
}

body.dark .orderslist .link {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #EAEBED;
}

body.dark .orderslist .link::after {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .orderstablo .item span {
    color: #FCFCFD;
}

body.dark .orderslist .btnlist .yenidensiparis,
body.dark .orderslist .btnlist .iptal,
body.dark .orderslist .telafiet {
    border: 2px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .orderslist .btnlist .yenidensiparis img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .orderslist .btnlist .refillbtn {
    border: 2px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .orderslist .btnlist .refillbtn img {
    filter: brightness(0) invert(1);
}

body.dark .orderstablo .status.iptal {
    border: 1px solid var(--Brand---Main-200, #A11043);
    background: var(--Brand---Main-50, #510B24);
    color: #FEA3B4;
}

body.dark .orderstablo .status.tamamlandi {
    border: 1px solid var(--Green-200, #196A39);
    background: var(--Green-50, #0C381E);
    color: #7AEEBE;
}

body.dark .orderstablo .status.devam {
    border: 1px solid var(--Yellow-200, #836410);
    background: var(--Yellow-50, #3C2F07);
    color: #E48650;
}

body.dark .modal.serivsdetailmodal .modal-content {
    border: 2px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .modal.serivsdetailmodal .modal-body {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .modal.serivsdetailmodal .modal-header .titletx,
body.dark .yenisiparismodal .item label {
    color: #FCFCFD;
}

body.dark .yenisiparismodal .item select,
body.dark .yenisiparismodal .item textarea {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .modal.serivsdetailmodal .modalbtnlist {
    border-color: #262C3F;
}

body.dark .modal.serivsdetailmodal .modalbtnlist a.destekbtn {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .modal.serivsdetailmodal .modalbtnlist a.siparisbtn {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    border-color: transparent;
    color: #030712;
}

body.dark .modal.serivsdetailmodal .modal-header .close {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .modal.serivsdetailmodal .modal-header .close svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .modal.serivsdetailmodal .servisaciklama .krt--alan {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
}

body.dark .modal.serivsdetailmodal .servisaciklama h3,
body.dark .modal.serivsdetailmodal .servisaciklama b,
body.dark .modal.serivsdetailmodal .newordericerik ul li {
    color: #FCFCFD;
}

body.dark .modal.serivsdetailmodal .servisitem--bc {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
}

body.dark .modal.serivsdetailmodal .inf {
    border: 1.5px solid var(--Brand---Main-100, #89123E);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .modal.serivsdetailmodal .inf span {
    color: #FCFCFD;
}

body.dark .orderstablo .id {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .orderstablo .status.bekliyor {
    color: #FCFCFD;
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .addfunstab {
    border-color: #1D212F;
}

body.dark .addfunstab ul li a span {
    color: #838795;
}

body.dark .addfunstab ul li.active a span {
    color: #FCFCFD;
}

body.dark .addfunstab ul li.active a {
    border-color: #FCFCFD;
}

body.dark .addfundsyontemler {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .addfundsdetail {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .addfundsyontemler .item {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .addfundsyontemler .item span {
    color: #FCFCFD;
}

body.dark .addfundsyontemler .item .min {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #EAEBED;
}

body.dark .addfundsyontemler .item.active .min {
    border: 1px solid var(--Brand---Main-200, #A11043);
    background: var(--Brand---Main-50, #510B24);
    color: #FEA3B4;
}

body.dark .addfundsyontemler .item::before {
    border: 1.429px solid var(--Gray-Cool-300, #30374F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .addfundsyontemler .item.active::before {
    border: 2px solid #FF83AB;
    background: #F22E6C;
}

body.dark .addfundsdetail .boxs {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .addfundsdetail .bakiyeeklealan .item label {
    color: #FCFCFD;
}

body.dark #tutar {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #fff;
}

body.dark #tutar::placeholder {
    color: #FCFCFD;
}

body.dark .addfundsdetail .bakiyeeklealan .item .list span {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .addfundsdetail .bakiyeeklealan .item input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .addfundsdetail .bakiyeyuklebtnalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-White, #030712) 100%);
}

body.dark .addfundsdetail .bakiyeyuklebtnalan .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .addfundsdetail .bakiyeyuklebtnalan .item label {
    color: #e73845;
}

body.dark .addfundsdetail .bakiyeyuklebtnalan .item span {
    color: #FCFCFD;
}

body.dark .addfundsdetail button.gonder {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    border-color: #FCFCFD;
    color: #030712;
}

body.dark .dashbig--title .biz .alternate {
    border: 1.5px solid var(--Brand---Main-100, #89123E);
    background: var(--Gray-Cool-White, #030712);
    color: #FEA3B4;
}

body.dark .dashbig--title .biz .talepolusturmodal {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    border-color: #FCFCFD;
    color: #030712;
}

body.dark .dashbig--title .biz .talepolusturmodal svg {
    filter: brightness(0) saturate(100%) invert(3%) sepia(55%) saturate(805%) hue-rotate(184deg) brightness(102%) contrast(102%);
}

body.dark .supportcontent .alanx {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .supportcontent .supportmessagealan .alans {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .supportcontent .supportmessagealan .supportfilter ul li a {
    border-bottom: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: #0a0b0f;
}

body.dark .supportcontent .supportmessagealan .supportfilter ul li.active a {
    color: #FCFCFD;
    border-bottom: 2px solid #FCFCFD;
}

body.dark .supportcontent .supportmessagealan .supportfilter ul li a {
    color: #838795;
}

body.dark .supportcontent .supportmessagealan .supportsearch input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .supportcontent .supportmessagealan .supportlist .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
}

body.dark .supportcontent .supportmessagealan .supportlist .item .txt h5,
body.dark .supportcontent .supportmessages .messagestitle h4,
body.dark .supportcontent .supportmessages .messagestitle .yanit {
    color: #FCFCFD;
}

body.dark .supportcontent .supportmessagealan .supportlist .item .det {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .supportcontent .supportmessagealan .supportlist .item .det .order .siplibcs .bcsp {
    color: #FCFCFD;
}

body.dark .supportcontent .supportmessagealan .supportlist .item.active {
    border: 1px solid var(--Brand---Main-500, #F63D68);
}

body.dark .supportcontent .supportmessagealan .supportlist .item.active .txt {
    background: var(--Gray-Cool-White, #030712);
}

body.dark .supportcontent .supportmessages .messagestitle {
    border-bottom: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .supportcontent .messagelistalan .item.right p {
    background: var(--Brand---Main-50, #510B24);
    border-color: #510B24;
    color: #FFF1F3;
}

body.dark .supportcontent .messagelistalan .item p {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: transparent;
    color: #FCFCFD;
}

body.dark .supportcontent .messagelistalan .item ul {
    color: #FCFCFD;
}

body.dark .supportcontent .messagelistalan .item .user {
    color: #FFF;
}

body.dark .supportcontent .messagereplyarea .alan::before {
    display: none;
}

body.dark .supportcontent .messagereplyarea .alan {
    background: var(--Gray-Cool-White, #030712);
    border-color: #030712;
}

body.dark .supportcontent .messagereplyarea .alan .btngonderalan {
    border-top: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .supportcontent .messagereplyarea .alan .input input {
    color: #FCFCFD;
}

body.dark .supportcontent .alan .rplybtns .dosyayukle {
    background: var(--Gray-Cool-100, #1D212F);
    border-color: #1D212F;
}

body.dark .supportcontent .alan .rplybtns .dosyayukle svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .supportcontent .alan .rplybtns .gonder {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.05);
    color: #FFF;
}

body.dark .newsupportmodal {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .newsupportmodal .akarac--tabs {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .akarac--tabs ul li a svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .akarac--tabs ul li.active a svg {
    filter: none;
}

body.dark .yenisiparismodal .item input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .destekv2area .bntitle {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .destekv2area .modalbtnlist {
    border-top: 0;
}

body.dark .destekv2area .modalbtnlist a.destekbtn {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .destekv2area .modalbtnlist a.siparisbtn {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    border-color: #FCFCFD;
    color: #030712;
}

body.dark .dosyayuklealanx .dosyayuklbts {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .dosyayuklealanx .dosyayuklbts svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .dashcontentalan .akrac--detay .bkalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .supportv3 {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .dashcontentalan .akrac--detay .breadcumb {
    border-color: #1D212F;
}

body.dark .dashordercontent .akarac-content {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .dashordercontent .akarac-content .alanb {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .dashordercontent .akarac-content .alanb .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .dashordercontent .akarac-content .alanb ul li a {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #595F72;
}

body.dark .dashordercontent .akarac-content .alanb ul li.active a {
    background: var(--Gray-Cool-900, #FCFCFD);
}

body.dark .dashordercontent .akarac-content .alan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .dashordercontent .akarac-content .alan .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .akarac-content .alan .item {
    background: var(--Gray-Cool-White, #030712);
    border: 2px solid var(--Gray-Cool-100, #1D212F);
    transition: all 0.6s !important;
}

body.dark .akarac-content .alan .item .txt h4 {
    color: #FCFCFD;
}

body.dark .akarac-content .alan .item .txt svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .akarac-content .alan .item .btnlist {
    background: var(--Gray-Cool-50, #131620);
    border-color: #131620;
}

body.dark .akarac-content .alan .item .btnlist .btn {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .akarac-content .alan .item .btnlist .btn:hover {
    background: #141720;
}

body.dark .ssscontent .alan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
    padding: 10px;
}

body.dark .sss-sidebar {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    border-color: #0A0B10;

}

body.dark .ssscontent .alan .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    border-color: #0A0B10;
    color: #FCFCFD;
}

body.dark .sss-sidebar ul li a {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .sss-sidebar ul li.active a {
    background: var(--Gray-Cool-900, #FCFCFD);
    color: #030712;
}

body.dark .sss-alan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .sss-alan .accordion-item {
    border: 1.1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .sss-alan .accordion-button {
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .sss-alan ul {
    color: #FCFCFD;
}

body.dark .sss-alan .accordion-body {
    color: #FCFCFD;
}

body.dark .nav-tabs .nav-link {
    color: #838795;
    background: transparent;
}

body.dark .hesabimcontent .hesabimtabs .nav-tabs .nav-link.active {
    color: #FCFCFD;
    border-color: #FCFCFD;
}

body.dark .hesabimcontent .nav-tabs {
    border-color: #83879555;
}

body.dark .hesabimcontent .tabareabln {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .hesabimcontent .tabareabln .tabbox {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .hesabimcontent .tabareabln .tabbox .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .profilresim .btnlist .yeniprofilresmi {
    border: 2px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .profilresim .btnlist .temizle {
    border: 2px solid var(--Brand---Main-100, #89123E);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .inputbilgiler .item label {
    color: #FCFCFD;
}

body.dark .inputbilgiler .item input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .inputbilgiler .item button.epostadegistir {
    border: 1px solid var(--Blue-light-200, #0C4360);
    background: var(--Blue-light-50, #062539);
    color: #5DB9EB;
}

body.dark .hesaptercihler .text b,
body.dark .hesapdilzaman .item label,
body.dark #selectedText,
body.dark .bildirimitem b {
    color: #FCFCFD;
}

body.dark .hesaptercihler button.faguvenlik {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    border-color: #FCFCFD;
    color: #030712;
}

body.dark .hesaptercihler button.degistir {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .hesaptercihler {
    border-color: #262C3F;
}

body.dark .custom-select-with-icons .selected-option,
body.dark .hesapdilzaman .item select {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .bildirimitem {
    border-color: #1D212F;
}

body.dark .apidashboardhesap .apikey {
    border-color: #111322;
}

body.dark .hesabimcontent .hesabimtabs .nav-tabs .nav-link {
    color: #838795;
}

body.dark .api--list .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .api--list .item .head {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .api--list .item .head h3 {
    color: #FCFCFD;
}

body.dark .api--list .item ul {
    background: var(--Gray-Cool-White, #030712);
}

body.dark .api--list .item ul li {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .api--list .item ul li b {
    color: #FCFCFD;
}

body.dark .api--list .item ul li span {
    color: #595F72;
}

body.dark .api--list .codearea {
    background: var(--Gray-Cool-White, #030712);
}

body.dark .api--list .codearea .h-code {
    border-color: #1D212F;
    color: #FCFCFD;
}

body.dark .api--list .codearea .h-code span {
    color: #FCFCFD;
}

body.dark .api--list .codearea .h-code .copybtn--code {
    background: var(--Gray-Cool-100, #1D212F);
}


body.dark .api--list .codearea .h-code .copybtn--code svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .api--list .item .head select {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .code-content {
    color: #FCFCFD;
}

body.dark .line-numbers {
    color: #595F72;
}

body.dark .apidetail .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .apidetail .item h4 {
    color: #FCFCFD;
    border-bottom: 0;
}

body.dark .apidetail .item .method {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .apidetail .item .method .url {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .apidetail .item .method .url span {
    color: #FCFCFD;
}

body.dark .apidetail .page-btn a {
    border: 1.5px solid var(--Gray-Cool-300, #30374F);
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: #131620;
}

body.dark .orderstablo .gecikme.yok {
    border: 1px solid var(--Green-200, #196A39);
    background: var(--Green-50, #0C381E);
    color: #7AEEBE;
}

body.dark .orderstablo .gecikme.cok {
    border: 1px solid var(--Brand---Main-200, #A11043);
    background: var(--Brand---Main-50, #510B24);
    color: #FEA3B4;
}

body.dark .orderstablo .gecikme.az {
    border: 1px solid var(--Yellow-200, #836410);
    background: var(--Yellow-50, #3C2F07);
    color: #E48650;
}

body.dark .terms-content .menuarea {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .terms-content .menuarea ul li a {
    background: var(--Gray-Cool-100, #1D212F);
    color: #FCFCFD;
}

body.dark .terms-content .menuarea ul li.active a {
    border: 1px solid var(--Gray-Cool-50, #131620);
    background: var(--Gray-Cool-900, #FCFCFD);
    color: #0A0B10;
}

body.dark .terms-content .text {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #030712);
}

body.dark .terms-content .text h3 {
    color: #FCFCFD;
}

body.dark .terms-content .text p {
    color: #595F72;
}

body.dark .blogalandash {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .blogalandash .blogcontent {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .blogalandash .blogcontent .megatitle {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .blogitem {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .blogitem .text {
    border-bottom: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .blogitem .text h4 {
    color: #FCFCFD;
}

body.dark .blogitem .text .cat,
body.dark .blogtop .text .cat,
body.dark .sidebar--sonyazilar li .text .cat,
body.dark .blog--alan .cat {
    border: 1px solid var(--Blue-light-200, #0C4360);
    background: var(--Blue-light-50, #062539);
    color: #5DB9EB;
}

body.dark .blogitem .info {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .blogitem .info .user-blog span,
body.dark .blog--alan .user-blog span {
    color: #FCFCFD;
}

body.dark .blogitem .info .hot span {
    color: #595F72;
}

body.dark .blogitem .text .date {
    color: #595F72;
}

body.dark .pagination ul {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .pagination ul li a {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .sidebar--sonyazilar {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .blogalandash .sidebar--sonyazilar h4 {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .sidebar--sonyazilar li a {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .sidebar--sonyazilar li .text h5 {
    color: #FCFCFD;
}

body.dark .sidebar--sonyazilar li .text .date {
    color: #595F72;
}

body.dark .akrac--detay .breadcumb ul li:nth-last-child(1) a {
    color: #FCFCFD;
}

body.dark .akrac--detay .breadcumb a.back-off {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .akrac--detay .breadcumb a.back-off svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .blog--alan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .blog--alan .blog--info {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .blog--faq {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .blog--faq h4 {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .blog--faq .accordion-item {
    border: 1.1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .blog--faq .accordion-button {
    border: 1.1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .blog--faq ul {
    color: #FCFCFD;
}

body.dark .blog--faq .accordion-body {
    color: #FCFCFD;
}

body.dark .blog-paylas {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .blog-paylas h4,
body.dark .sidebar--icerik h4,
body.dark .sidebar--sonyazilar h4 {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .blog-paylas ul a {
    border: 2px solid var(--Gray-Cool-25, #0A0B10);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-25, #0A0B10) 100%);
}

body.dark .sidebar--icerik {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .sidebar--icerik ul li a {
    color: #FCFCFD;
    border-color: #1D212F;
}

body.dark .sidebar--icerik ul li.active a {
    border-color: #F63D68;
}

body.dark .dashavantajlaralan {
    border-color: #1D212F;
}

body.dark .hesapmevcut {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .hesapmevcut .icon {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .dashavantajlaralan .list .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .dashavantajlaralan .list .item .bx {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .dashavantajlaralan .list .item .bx .text b {
    color: #FCFCFD;
}

body.dark .dashavantajlaralan .list .item .bx .text span {
    color: #595F72;
}

body.dark .dashavantajlaralan .list .item .bx .icon {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .dashavantajlaralan .list .item .bx .icon svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .dashavantajlaralan .list .col-md-3:nth-last-child(1) .icon svg {
    filter: none;
}

body.dark .dashavantajlaralan .list .col-md-3:nth-last-child(1) .icon svg path {
    fill: #fff;
}

body.dark .dashavantajlaralan .list .col-md-3:nth-last-child(1) .icon svg rect {
    fill: #1D212F;
}

body.dark .dashavantajlaralan .biglist {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .dashavantajlaralan .biglist .alanb {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .dashavantajlaralan .biglist .alanb .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
    color: #FCFCFD;
}

body.dark .dashavantajlaralan .biglist .alanc .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .dashavantajlaralan .biglist .alanc .item .bxtop .text span {
    color: #595F72;
}

body.dark .dashavantajlaralan .biglist .alanc .item .bxtop .text b {
    color: #FCFCFD;
}

body.dark .dashavantajlaralan .biglist .alanc .item .bxbar .rtext {
    color: #595F72;
}

body.dark .dashavantajlaralan .biglist .alanc .item .avantajlartext ul li {
    color: #FCFCFD;
}

body.dark .mobilmenubtn button {
    border: 2px solid var(--gray-cool-transparent-10, rgba(255, 255, 255, 0.10));
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
}

body.dark .mobilmenubtn button svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .offcanvas-start {
    background: #131620;
}

body.dark .canvasbakiye {
    background: var(--Gray-Cool-200, #262C3F);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

body.dark .canvasbakiye .text b {
    color: #FCFCFD;
}

body.dark .offcanvas .btn-close {
    border: 1.5px solid var(--gray-cool-transparent-10, rgba(255, 255, 255, 0.10));
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
}

body.dark .offcanvas .btn-close svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .dashcontentalan .akarac--tabs {
    border: 0px;
    background: transparent;
}

body.dark .pricelistlogindo .servistabloitem {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .pricelistlogindo .suretext {
    color: #595F72;
}

body.dark .mobilpricefiyatlar ul li {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #FCFCFD;
}

body.dark .mobilidservis {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .orderspagecas .item {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .orderspagecas .fiyatkcbs,
body.dark .orderspagecas .lskc .lsi {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #FCFCFD;
}

body.dark .addfundsgecmis .item {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .odemelergecmis .faturatalep {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .dashavantajlaralan .biglist .alanc .item .bxtop .icon {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .select-options {
    border: 1.5px solid var(--Gray-Cool-400, #2a2b2f);
    background: var(--Gray-Cool-White, #030712);
    box-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);
}

body.dark .select-options .select-option span {
    color: #FCFCFD;
}

body.dark .newordersiparis .item.servis .select-options .select-option:hover {
    background: #1b2339;
}

body.dark .select-options .select-option:hover {
    background: #1b2339;
}

body.dark .newsupportmodal .form-group select,
body.dark .newsupportmodal .form-group input,
body.dark .newsupportmodal .form-group textarea {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F) !important;
    background: var(--Gray-Cool-White, #030712) !important;
    color: #FCFCFD !important;
}

body.dark .destekv2area .modalbtnlist button.siparisbtn {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: #030712;
    border-color: #fff;
}

body.dark .supportcontent .messagereplyarea .alan .input textarea {
    color: #FCFCFD;
    background: transparent !important;
}

body.dark .files-wrapper span {
    color: #FCFCFD;
}

body.dark .select2-container--default .select2-selection--single {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .neworderalan .control-label {
    color: #FCFCFD;
}

body.dark .sdtailalan .newordericerik #service_description {
    color: #FCFCFD;
}

body.dark .modal.serivsdetailmodal .newordericerik {
    color: #FCFCFD;
}

body.dark .refferalcontent .vhoisreff {
    background: var(--Gray-Cool-100, #1D212F);
    border: 1px solid var(--Gray-Cool-100, #1D212F);
}

body.dark .refferalcontent .vhoisreff h3 {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .refferalcontent .vhoisreff .box {
    background: var(--Gray-Cool-White, #030712);
}

body.dark .refferalcontent .vhoisreff .alan .text h4 {
    color: #FCFCFD;
}

body.dark .reforanlar {
    border: 1px solid var(--Brand---Main-100, #89123E);
    background: var(--Brand---Main-25, #510B24);
}

body.dark .reforanlar .item {
    border: 1px solid var(--Brand---Main-100, #89123E);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .reforanlar .item b {
    color: #FCFCFD;
}

body.dark .refveriler {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .refveriler .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .refveriler .item .icon {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .refveriler .item .icon svg path {
    fill: #FCFCFD;
}

body.dark .refveriler .item b {
    color: #FCFCFD;
}

body.dark .destekv2area .tickets-uploader button {
    border: 1px solid var(--Gray-Cool-200, #262C3F) !important;
    background: var(--Gray-Cool-25, #0A0B10) !important;
}

body.dark .childboxalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
}

body.dark .childboxalan h3 {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .childpanelkabul .ckalan {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .whitebox {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .childpanelsiparis label {
    color: #FCFCFD;
}

body.dark .childpanelsiparis input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .childpanelsiparis .alert-info {
    border: 1.1px solid var(--Blue-100, #092D4F);
    background: var(--Blue-25, #061E35);
    color: #FCFCFD;
}

body.dark .childpanelsiparis .btnarea--olustur {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-White, #030712) 100%);
}

body.dark .childpanelsiparis .item.totalfiyat {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .childpanelsiparis .item.totalfiyat b {
    color: #595F72;
}

body.dark .childpanelsiparis .sparisbutton {
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    border-color: #FCFCFD;
    color: #030712;
}

body.dark .sistemhakkinda p,
body.dark .sistemhakkinda ul li {
    color: #FCFCFD;
}

body.dark .hepsibotchat {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .hepsibotchat h4 {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
}

body.dark .hepsibotchat .chatalan {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .hepsibotchat .chatalan .item p {
    background: var(--Brand---Main-50, #510B24);
    color: #FFF1F3;
}

body.dark .hepsibotchat .chatsubmit {
    background: var(--Gray-Cool-White, #030712);
    border-color: #030712;
}

body.dark .hepsibotchat .chatsubmit input {
    color: #FCFCFD;
}

body.dark .hepsibotchat .chatsubmit button {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .hepsibotchat .chatalan .item.bot p {
    border: 1px solid var(--Gray-Cool-100, #1D212F) !important;
    background: var(--Gray-Cool-White, #030712) !important;
}

body.dark .hepsibotchat .chatalan .item .info b {
    color: #FCFCFD;
}

body.dark .progbaravan .ls {
    color: #FCFCFD !important;
}

body.dark .custom-progress-bar {
    background: var(--Brand---Main-50, #510B24);
}

body.dark .reforanlar .item .statusgobtn {
    background: var(--Gray-Cool-100, #1D212F);
}

body.dark .reforanlar .item .statusgobtn svg path {
    stroke: #FCFCFD;
}

body.dark .reforanlar .item .oranlarigor {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .reforanlar .item .bakiyecevir {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
}

body.dark .kazanoranlarilist .item {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .kazanoranlarilist .item .icon {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .kazanoranlarilist .item .text b,
body.dark .kazanoranlarilist .item .rg span {
    color: #FCFCFD;
}

body.dark .kazanoranlarilist .item .is {
    background: #fff;
}

body.dark .kazanoranlarilist .item .is svg path {
    fill: #000;
}

body.dark .tablos .tablostab {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .tablos .tablostabitem span {
    color: var(--Gray-Cool-500, #838795);
}

body.dark .tablos .tablostabitem .icon svg path {
    fill: var(--Gray-Cool-500, #838795);
}

body.dark .tablos .tablostabitem.active span {
    color: #FCFCFD;
}

body.dark .tablostabhead {
    background: var(--Gray-Cool-50, #131620);
}

body.dark .tabscontent {
    background: var(--Gray-Cool-White, #030712);
    border-color: var(--Gray-Cool-100, #1D212F);
}

body.dark .tablostabhead span {
    color: #FCFCFD;
}

body.dark .tablositem {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
}

body.dark .tablositem .sutatus {
    border: 1px solid var(--Green-200, #196A39);
    background: var(--Green-50, #0C381E);
    color: #7AEEBE;
}

body.dark .tablositem .sutatus.wait {
    border: 1px solid var(--Yellow-200, #836410);
    background: var(--Yellow-50, #3C2F07);
    color: #E48650;
}

body.dark .childpanelsiparis select {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .childpanelkabul .ckalan span,
body.dark .reforanlar h2 {
    color: #FCFCFD;
}

body.dark .giveaway--list .item {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: linear-gradient(180deg, var(--Gray-Cool-50, #131620) 0%, var(--Gray-Cool-White, #030712) 100%);
}

body.dark .giveaway--list .item .ls-btx {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
}

body.dark .giveaway--list .item .ls-btx span {
    color: #FCFCFD;
}

body.dark .giveaway--list button.daha-fazla {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: #ffffff4d;
    color: #fff;
}

body.dark .giveaway--list ul li {
    color: #FCFCFD;
}

body.dark .giveaway--list .alert {
    border: 1px solid var(--Brand---Main-100, #89123E);
    background: var(--Brand---Main-25, #510B24);
}

body.dark .giveaway--list .alert span {
    color: #FCFCFD;
}

body.dark .sdtailalan .tab3 h5,
body.dark .sdtailalan .tab3 p {
    color: #FCFCFD;
}

body.dark .totalsiparis svg path,
body.dark .totalbakiye svg path {
    stroke: #FCFCFD;
}

body.dark .bildirimitem .rgs h6 {
    color: #FCFCFD;
}

body.dark .dashsidebar .dashmenu ul li a:hover span {
    color: #030712;
}

body.dark .dashsidebar .dashmenu ul li.active a:hover span {
    color: #fff;
}

body.dark .dashsidebar .dashmenu ul li.active a:hover img {
    filter: brightness(0) invert(1);
}

body.dark .dashsidebar .dashmenu ul li a:hover img {
    filter: brightness(0) saturate(100%) invert(2%) sepia(17%) saturate(7460%) hue-rotate(212deg) brightness(100%) contrast(100%);
}

body.dark .orderstablo .id a {
    color: #FCFCFD;
}

body.dark .filtrelebtn-new {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #fff;
}

body.dark .filtrelebtn-new svg path {
    stroke: #FCFCFD;
}

body.dark .filterbtnlist .dropdown-menu li a {
    background: transparent;
    color: #FCFCFD;
}

body.dark .filterbtnlist .dropdown-menu {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .orderslist .telafiet img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .bayisecimchexlist {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
}

body.dark .bayisecimchexlist .radioitem {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .radioitem .price {
    border: 1px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: #ffff;
}

body.dark .favoribtnarea span {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
}

body.dark .favoribtnarea span img.favorinone {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .orderslist .btnlist .iptal img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(4246%) hue-rotate(170deg) brightness(122%) contrast(98%);
}

body.dark .faturatalepmodal .servisitem--bc b {
    color: #FCFCFD;
}

body.dark .faturatalepmodal .item input {
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
    border: 1px solid var(--Gray-Cool-200, #262C3F);
}

body.dark .faturatalepmodal .item textarea {
    background: var(--Gray-Cool-25, #0A0B10);
    color: #FCFCFD;
    border: 1px solid var(--Gray-Cool-200, #262C3F);
}

body.dark .faturatalepmodal .item label {
    color: #FCFCFD;
}

body.dark .modal.serivsdetailmodal .modal-header .close {
    color: #fff;
}

body.dark .dashcontentalan .akrac--detay .kadiuret {
    border: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-50, #131620);
}

body.dark .dashcontentalan .akrac--detay .kadiuret .title {
    border-bottom: 1px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-25, #0A0B10);
    color: var(--Gray-Cool-900, #FCFCFD);
}

body.dark .akrac--detay .kadiuret .item label {
    color: #FCFCFD;
}

body.dark .akrac--detay .kadiuret .item input {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .akrac--detay .kadiuret .item input:focus {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

body.dark .akrac--detay .sonuvlar .aln h5,
body.dark .akrac--detay .sonuvlar .aln ul {
    color: #FCFCFD;
}

body.dark .dash_logo img {
    display: none;
}

body.dark .dash_logo img.darklogo {
    display: block !important;
}

body.dark .orderslist .link a {
    color: #FCFCFD;
}

body.dark .dash--alncon.active .dashsidebar .dashmenu ul li.submenu.open a {
    background: #30374f;
}

body.dark .dash--alncon.active .dashsidebar .dashmenu ul li.submenu.open ul li a {
    background: transparent;
}

body.dark .dash--alncon.active .dashsidebar .dashmenu ul li.submenu.open a:hover {
    background: #fff;
}

body.dark .dashfooter .alan .logo img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(161deg) brightness(109%) contrast(101%);
}

body.dark .newsupportmodal .form-group label {
    color: #FFF1F3;
}

body.dark .terms-content {
    background: transparent;
}

body.dark .bigtitle h1 {
    color: #FFF1F3;
}

.dark .telegrambaglanbtn {
    border: 0;
}

body.dark .canvaslogo img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(88%) saturate(2%) hue-rotate(125deg) brightness(103%) contrast(101%);
}

body.dark .dashtopbar {
    background: #030712;
}

.dark #field-orderform-fields-delay {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .blogdetail-content h1,
.dark .breadcumb ul li a {
    color: #fff;
}

.dark .bakiyeeklealan input.form-control {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .bakiyeeklealan .control-label {
    color: #fff;
}

.dark .stat-chip {
    color: #fff;
}

.dark .akrac--detay .sonuvlar {
    color: #fff;
}

.dark .kadiuret .select {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .hashtag-item {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .hashtag-title {
    color: #fff;
}

.dark .stat-chip b {
    color: #fff;
}

.dark #infoBox {
    border: 1px solid #eff1f524 !important;
}

.dark .newordersiparis {
    color: #fff;
}

.dark .newordersiparis #charge {
    border: 0px !important;
    background: transparent !important;
}

.dark .select2-container--open .select2-dropdown--below {
    background: #0a0a0a;
}

.dark .select2-container--default .select2-results>.select2-results__options {
    background: #1d212e;
}

.dark .select2-container .dropdown-menu>li>a {
    color: #fff;
}

.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #c6c6c62e;
}

.dark #bak5-country {
    background: #030712;
    color: #fff;
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    border-radius: 15px;
    padding: 12px 15px;
}

.dark .darkdashmenulist {
    color: #fff;
    background: #1d212f;
    border: 1px solid #ffffff24;
}

.dark .darkdashbutton .icon {
    background: #f5f5f524;
}

.dark .darkdashmenulist li.active {
    background: #f5f5f53d;
}

.dark .darkdashmenulist li:hover {
    background: #f5f5f53d;
}

body.dark .terms-content .text h6 {
    color: #fff;
}

body.dark .profilresim .text b {
    color: #fff;
}

body.dark .accountdilselect .btn-primary {
    border: 0 !important;
}

body.dark #order_delay label {
    color: #fff;
}

body.dark #order_comment textarea {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .stat-chip svg {
    fill: #fff;
}

.dark .hesapaccoutnalaninalan textarea {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F) !important;
    background: var(--Gray-Cool-White, #030712) !important;
    color: #FCFCFD !important;
}

body.dark .childpanellistehak .ckalan {
    background: #0a0b0f !important;
}

body.dark #dealersTable td,
body.dark #dealersTable th {
    color: #fff !important;
}

.dark .orderslist .btnlist .resumebtn {
    border: 2px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .orderstablo .status.kismi {
    background: #ff9c5514;
    color: #FF9C55;
    border: 1px solid #ff9c5554;
}

.dark .orderslist.otomatik .orderstablo .status.aktif {
    background: #ff9c5514;
    color: #FF9C55;
    border: 1px solid #ff9c5554;
}

.dark .childpanellistehak .whitebox span {
    color: #fff;
}

.dark .servistablobaslik .sort-btn {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .servistablobaslik .sort-btn:hover {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .akarac--tabs ul li.active a i.ri-youtube-fill {
    color: #FF0000;
}

.dark .akarac--tabs ul li.active a i.ri-spotify-fill {
    color: #1DB954;
}

.dark .akarac--tabs ul li.active a i.ri-apps-2-line {
    color: #000;
}

.dark .akarac--tabs ul li.active a i.ri-instagram-line {
    color: #E1306C;
}

.dark .akarac--tabs ul li.active a i.ri-telegram-fill {
    color: #229ED9;
}

.dark .akarac--tabs ul li.active a i.ri-tiktok-fill {
    color: #010101;
}

.dark .akarac--tabs ul li.active a i.ri-whatsapp-line {
    color: #25D366;
}

.dark .akarac--tabs ul li.active a i.ri-vk-fill {
    color: #4C75A3;
}

.dark .akarac--tabs ul li.active a i.ri-twitter-x-line {
    color: #000000;
}

.dark .akarac--tabs ul li.active a i.ri-google-fill {
    color: #4285F4;
}

.dark .akarac--tabs ul li.active a i.ri-snapchat-fill {
    color: #FFFC00;
}

.dark .akarac--tabs ul li.active a i.ri-facebook-circle-fill {
    color: #1877F3;
}

.dark .reforanlar .item .icon {
    background: #ffffff2b;
}

.dark .giveaway--list .item .title-x.youtube {
    background: #ffffff0d;
}

.dark .giveaway--list .item .title-x {
    background: #ffffff1c;
}

.dark .giveaway--list .item .title-x span {
    color: #fff;
}

body.dark .akrac--detay .kadiuret .item input {
    background-color: var(--Gray-Cool-White, #030712) !important;
}

body.dark .custom-select-with-icons .selected-option,
body.dark .hesapdilzaman .item select {
    background-color: var(--Gray-Cool-White, #030712) !important;
}

.dark .kadiuret .select {
    background-color: var(--Gray-Cool-White, #030712) !important;
}

.dark .akrac--detay .kadiuret button.btn-olustur {
    background-color: rgb(232 232 232 / 17%) !important;
    border-color: rgb(232 232 232 / 19%) !important;
}

.dark .dashsidebar .dashmenu ul li a .badge {
    color: #F63D68;
    border-color: #89123E;
    background: linear-gradient(180deg, var(--Brand---Main-50, #510B24) 0%, var(--Brand---Main-100, #89123E) 100%);
}

.dark .sdtailalan .inf svg path {
    fill: #fff;
}

.dark .apidashboardhesap .apikeykop {
    border: 1px solid #1d212e;
    background: #111422;
}

.dark .apidashboardhesap .apikeykop span {
    color: #fff;
}

.dark .apidashboardhesap .apikeykop .newkey {
    border: 2px solid #b9c0d430;
}

.dark .loginsizarachesaplama i {
    color: #fff !important;
}

.dark .loginsizarachesaplama svg path {
    fill: #fff;
}

.dark .kazanchesapla-content .hesaplaarea {
    background: #1d212e;
}

.dark .kazanchesapla-content .hesaplaarea h3 {
    color: #fff;
}

.dark .kazanchesapla-content .boxalan .bs_text b {
    color: #fff;
}

.dark .kazanchesapla-content .aln {
    background: #060912;
    border-color: #060912;
}

.dark .kazanchesapla-content .aln .kazan-veri .item {
    background: #1d212e;
    border-color: #ffffff0a;
}

.dark .kazanchesapla-content .sonucarea .is {
    border-color: #ffffff0a;
    background: #080a12;
}

.dark .kazanchesapla-content .aln .kazan-veri .item h5 {
    border-color: #ffffff0a;
    color: #fff;
}

.dark .kazanchesapla-content .sonucarea .is h5 {
    background: #ffffff1f;
    color: #fff;
    border-color: #ffffff0a;
}

.dark .kazanchesapla-content .info--text .item {
    background: #1d212e;
    border-color: #ffffff21;
}

.dark .kazanchesapla-content .info--text .item .bs--text p {
    color: #fff;
}

.dark .kazanchesapla-content .info--text .item h3 {
    color: #fff;
    border-color: #ffffff4a;
    background: #060912;
}

.dark .kazanchesapla-content .info--text .item ul b {
    color: #fff;
}

.dark .kazanchesapla-content .info--text .item ul {
    color: #fff;
}

.dark .sartlar--alan {
    color: #fff;
    background: transparent;
}

.dark .sartlar--alan h2 {
    color: #fff;
}

.dark .kazanchesapla-content .info--text .item ul i {
    color: #fff;
}

.dark .sartlar--alan h6 {
    color: #fff;
}

.dark .sartlar--alan .item {
    border: 1px solid #ffffff17;
    background: #1d212e;
}

.dark .sartlar--alan .item p {
    color: #fff;
}

.dark .kazanc--derbas .item {
    background: #1d212e;
    border: 2px solid #ffffff4d;
}

.dark .kazanc--derbas .item h3 {
    background: #060912;
    border-color: #ffffff1c;
    color: #fff;
}

.dark .kazanc--derbas .itemb .abs {
    background: #1d212e;
}

.dark .kazanc--derbas .itemb p {
    color: #fff;
}

.dark .kazanc--derbas .itemb h5 {
    color: #fff;
}

.dark .kazanc--derbas .itemb h3 {
    background: #060912;
    border-color: #ffffff1c;
    color: #fff;
}

.dark .kazanc--derbas .item p {
    color: #fff;
}

.dark .casestudycontent .detailalan .item {
    border: 1px solid #eff1f514;
    background: #1d212e;
}

.dark .case-grafikler .item {
    border: 1.534px solid #eff1f530;
    background: #040404;
}

.dark .kazanc--derbas .itemb {
    border: 1px solid #ffffff1c;
    background: transparent;
}

.dark .casestudycontent .caseslider {
    background: transparent;
}

.dark .casestudycontent .caseslider h1 {
    color: #fff;
}

.dark .casestudycontent .caselist .item h4 {
    color: #fff;
}

.dark .casestudycontent .caselist .item .alan {
    background: #1d212e;
}

.dark .casestudycontent .caselist .item .alan b {
    color: #fff;
}

.dark .casestudycontent .caselist .item .alan small {
    color: #fff;
}

.dark .casestudycontent .caselist .item {
    border-color: #eff1f514;
}

.dark .casestudycontent .detailalan .item .bs--text {
    color: #fff;
}

.dark .casestudycontent .detailalan .item h6 {
    color: #fff;
}

.dark .casestudycontent .detailalan .item .bs--text p {
    color: #fff;
}

.dark .casestudycontent .detailalan .item h3 {
    color: #fff;
    border-color: #eff1f514;
    background: #060912;
}

.dark .case-grafikler .grafikv1 {
    border: 1.534px solid #f9f9fb29;
    background: #1d212e;
}

.dark .case-grafikler .grafikv1 .title span {
    color: #fff;
}

.dark .case-grafikler .grafikv1 .title span {
    color: #fff;
}

.dark .case-grafikler .grafikv1.tiktok .veri svg path {
    stroke: #fff;
}

.dark .case-grafikler .grafikv1.tiktok .veri {
    color: #fff;
}

.dark .grafikv2 .alan-b {
    border: 1.538px solid #f9f9fb42;
    background: #1d212e;
}

.dark .grafikv2 .alan-b h3 {
    color: #fff;
}

.dark .nasilcalisir-content .alan {
    background: #1d212e;
}

.dark .nasilcalisir-content .alan .text h3 {
    color: #fff;
}

.dark .nasilcalisir-content .alan .text p {
    color: #fff;
}

.dark .nasilcalisir-content .alan .nlc--tabs {
    border: 1px solid #eff1f542;
    background: #060912;
}

.dark .nasilcalisir-content .alan .nlc--tabs .item--btn {
    background: #eff1f514;
    color: #fff;
}

.dark .nasilcalisir-content .alan .text .list .item {
    border: 1px solid #ffe4e826;
    background: #ffffff12;
}

.dark .nasilcalisir-content .alan .text .list .item span {
    color: #fff;
}

.dark .nasilcalisir-content .alan .nlc--tabs .item--btn:hover {
    background: #393939;
}

.dark .oranlarigor {
    background: transparent !important;
    color: #fff !important;
    border-color: #ffffff61 !important;
}

.dark .youtubegelirhesap h5 {
    color: #fff;
}

.dark .orderstablo .status.yeni {
    border: 1px solid #2b94a730;
    background: #2b94a730;
    color: #2b94a7;
}

.dark .orderstablo .status.yeni svg path {
    stroke: #2b94a7;
}

.dark .orderslist.updates .orderstablo .status.disabled {
    border: 1px solid #3a4464;
    background: #30374f4d;
    color: #9aa5ca;
}

.dark .orderslist.updates .orderstablo .status.disabled svg path {
    stroke: #9aa5ca;
}

.dark .orderstablo .status.aktif {
    border: 1px solid #0f4065;
    background: #2faaff4d;
    color: #0b8ee5;
}

.dark .orderstablo .status.aktif svg path {
    stroke: #0b8ee5;
}

.dark .orderslist.otomatik .orderstablo .status.suresidoldu {
    border-radius: 7px;
    border: 1px solid #026aa2;
    background: #026aa250;
    color: #b9e6fe;
}

.dark .orderstablo .status.isleniyor {
    background: #1EA1F220;
    color: #1EA1F2;
}

.dark .radioitem label,
.dark .tk-live-box label,
.dark .ig-er-box label,
.dark .ig-info-list .item b,
.dark .igb-box label,
.dark .inf-box label,
.dark .yt-field-row label {
    color: #fff !important;
}

.dark .btp-info-list .item {
    background: #1d212e;
}

.dark .btp-info-list .item b {
    color: #fff;
}

.dark .hesaplaarea select,
.dark .tk-live-box input,
.dark .ig-er-box input,
.dark .ig-er-box select,
.dark .me-btn,
.dark .music-currency-pill,
.dark .li-meta span,
.dark .igb-box input,
.dark .igb-box select,
.dark .inf-box input,
.dark .inf-box select,
.dark .yt-short-box input.form-control,
.dark .yt-short-box select,
.dark .ttv-box input,
.dark .ttv-box select {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F) !important;
    background: var(--Gray-Cool-White, #030712) !important;
    color: #FCFCFD;
    border-radius: 10px;
    padding: 10px;
}

.dark .music-grid-card h5.ap-title {
    background: #111827 !important;
}

.dark .ig-info-list .item {
    background: #1d212e;
}

body.dark .music-grid-card h5 {
    color: #fff !important;
}

.dark .music-grid-card {
    background: #0f172a;
    color: #f9fafb;
}

.dark .music-grid-card span {
    color: #fff;
}

.dark .igb-info-list .item {
    background: #1d212e;
}

.dark .tk-gift-remove,
.dark .tk-add-gift {
    border: 1.5px solid var(--Gray-Cool-200, #262C3F) !important;
    background: var(--Gray-Cool-White, #030712) !important;
    color: #FCFCFD;
}

.dark .tk-submit-btn,
.dark .ig-submit-btn,
.dark .igb-submit-btn,
.dark .inf-submit-btn,
.dark .yt-submit-btn,
.dark .ttv-submit-btn,
.dark .btp-submit-btn {
    border: 1.5px solid var(--Gray-Cool-300, #30374F);
    background: var(--Gray-Cool-900, #FCFCFD);
    box-shadow: 0px 2px 8px 0px rgba(14, 52, 73, 0.10);
    color: #131620;
}

.dark .yt-info-list .item {
    background: #1d212e;
}

.dark .tk-info-list .item {
    background: #1d212e;
}

.dark .inf-info-list .item {
    background: #1d212e;
}

.dark .me-left {
    color: #fff;
}

.dark .me-value {
    color: #fff;
}

.dark .ttv-field-row label,
.dark .btp-field-row label {
    color: #fff;
}

.dark .ttv-info-list .item {
    background: #1d212e;
}

.dark ._wrapper_a2g9h_1 ._tapBar__item_a2g9h_5 img {
    filter: brightness(0) invert(1);
}

.dark ._container_19nem_1 ._wrapper_19nem_16 ._tint_19nem_46 {
    background: #28272752;
}

.dark ._container_19nem_1 ._wrapper_19nem_16 ._shine_19nem_53 {
    box-shadow: inset 2px 2px 1px 0 rgb(255 255 255 / 2%), inset -1px -1px 1px 1px rgb(255 255 255 / 8%);
}

.dark .addfundsyontemler span.lssytivd {
    color: #fff;
}

body.dark .addfundsyontemler {
    border: 0 !important;
    background: transparent !important;
}

.dark .af-dd-toggle span {
    color: #fff;
}

.dark .refundsordertablo .itemkc .itemkctext {
    color: #fff;
}

.dark .af-dd-toggle {
    background: #030712;
    color: #fff;
    box-shadow: none;
    border-color: #ffffff6b;
}

.dark .af-dd-menu {
    background: #1D212E;
    color: #fff;
    box-shadow: none;
    border-color: #ffffff6b;
    transition: all 0.6s;
}

.dark .af-dd-item[aria-selected="true"] {
    background: #454648;
    color: #fff;
    box-shadow: none;
}

.dark .af-dd-item:hover {
    background: #454648;
}

.dark .af-dd-item {
    background: #1D212E;
    color: #fff;
    box-shadow: none;
}

body.dark .select2-container--default .select2-selection--single {
    border-color: #ffffff1f !important;
}

.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background: #f7f7f72e !important;
}

.dark .select2-container--default .select2-results__option:hover {
    background: #f7f7f72e !important;
}

.dark .breadcumb a.back-off {
    border: 1.5px solid var(--Gray-Cool-100, #1D212F);
    background: var(--Gray-Cool-White, #030712);
    color: #FCFCFD;
}

.dark .breadcumb a.back-off svg path {
    stroke: #fff;
}

.dark .akarac-content .alan .item:hover {
    border: 2px solid #fff;
}

.dark .akarac-content .alan .item:hover .btn {
    border-radius: 14px;
    border: 1.5px solid #ffffff !important;
    background: #ffffff !important;
    color: #060912 !important;
}

.dark #changeEmailForm .btn-secondary{
    background: #fff;
    color: #000;
}

@media (max-width: 992px) {
    body.dark .subspagecas .item {
        background: #000000;
    }

    .dark .af-dd-item span {
        color: #fff;
    }

    .dark .af-dd-toggle span {
        color: #fff;
    }

    .dark .refundsordertablo .itemkc .itemkctext {
        color: #fff;
    }

    .dark .af-dd-toggle {
        background: #030712;
        color: #fff;
        box-shadow: none;
        border-color: #ffffff6b;
    }

    .dark .af-dd-menu {
        background: #1D212E;
        color: #fff;
        box-shadow: none;
        border-color: #ffffff6b;
    }

    .dark .af-dd-item[aria-selected="true"] {
        background: #454648;
        color: #fff;
        box-shadow: none;
    }

    .dark .af-dd-item {
        background: #1D212E;
        color: #fff;
        box-shadow: none;
    }

    .dark .uptadesorders .item {
        background: #030712 !important;
        border-color: #ffffff30 !important;
    }

    .dark .uptadesorders .item .servisname {
        color: #fff;
    }

    .dark .orderstablo .status.yeni {
        background: transparent;
        color: #fff;
        border-color: #ffffff94;
    }

    .dark .orderstablo .status.yeni svg path {
        stroke: #fff;
    }

    .dark .refferalcontent .tablositem {
        background: #030712 !important;
        border-color: #ffffff30 !important;
    }

    .dark .vipupadresorder .item {
        background: #030712 !important;
        border-color: #ffffff30 !important;
    }

    body.dark .dashavantajlaralan .biglist .alanc .item .bxtop .text span {
        color: #fff !important;
    }

    .dark .tbsve {
        color: #fff;
    }

    .dark .vipupadresorder .itema {
        background: transparent;
        color: #fff;
        border-color: #ffffff70;
    }

    .dark .level-label {
        color: #fff !important;
    }

    body.dark .orderslist .btnlist .refillbtn {
        border: 2px solid var(--Gray-Cool-100, #1D212F);
        background: var(--Gray-Cool-White, #030712);
        color: #FCFCFD;
    }

    body.dark .orderslist .btnlist .refillbtn img {
        filter: brightness(0) invert(1);
    }

    .dark .dripfeedorders .itemkb {
        background: transparent;
        border: 1px solid #ffffff40;
        color: #fff;
    }

    body.dark .mobsiparisbtns {
        background: #ffffff3d !important;
    }

    body.dark .giveaway--list button.daha-fazla {
        background: #ffffff3d !important;
        color: #fff !important;
    }

    .dark .dripfeedorders .itemka {
        background: transparent;
        border: 1px solid #ffffff40;
        color: #fff;
    }

    body.dark .dripfeedorders .item {
        background: #000000;
    }

    body.dark .itemkctext {
        color: #fff;
    }

    body.dark .refillordersb .item {
        background: #000000;
    }

    body.dark .refundsordertablo .item {
        background: #000000;
    }

    body.dark .refundsordertablo .iadetutar {
        color: #fff;
    }

    body.dark .mobsiparisbtns,
    body.dark .moborderbtnlist .pushbtn {
        border: 1.5px solid #1D212F !important;
        background: #030712 !important;
    }

    body.dark .moborderbtnlist .pushbtn img {
        filter: brightness(0) saturate(100%) invert(87%) sepia(100%) saturate(2%) hue-rotate(5deg) brightness(108%) contrast(101%);
    }

    body.dark .itemkclist .hesap,
    body.dark .itemkclist .miktar {
        color: #FCFCFD;
    }
}