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

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

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

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

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

.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: -150px;
}

.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: -150px;
}

.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);
	padding: 100px;
	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;
	}
}