@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 {
	--instagram-color: #E1306C;
	--twitter-color: #1DA1F2;
	--tiktok-color: #000;
	--youtube-color: #FF0000;
	--facebook-color: #3374E3;
	--twitch-color: #9146FF;
	--pinterest-color: #E60023;
	--linkedin-color: #0077B5;
	--tumblr-color: #35465C;
	--reddit-color: #FF4500;
	--soundcloud-color: #FF3300;
	--spotify-color: #1DB954;
	--telegram-color: #0088CC;
	--snapchat-color: #FFFC00;
	--vimeo-color: #1AB7EA;
	--vine-color: #00B488;
	--vk-color: #4C75A3;
	--whatsapp-color: #25D366;
	--wordpress-color: #21759B;
	--xing-color: #006567;
	--yahoo-color: #400191;
	--yelp-color: #D32323;
}

body {
	background-color: #fff;
	font-family: "Inter", sans-serif;
	transition: all 0.6s;
}

ul {
	padding: 0;
}

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

a {
	text-decoration: none;
}

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

header.ln_header {
	float: left;
	width: 100%;
	padding: 25px 0;
}

.ln_header .alan {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	box-shadow: 0px 25.688px 51.377px 0px rgba(10, 39, 83, 0.03);
	border: 1px solid #FFF6FF;
}

.ln_header .swi_alan {
	float: left;
}

.ln_header .swi_alan .logo {
	float: left;
	width: 148px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: -8px;
}

.ln_header .swi_alan .logo img {
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ln_header .swi_alan .langselect {
	float: left;
	position: relative;
}

.ln_header .swi_alan .langselect .langselectbtn {
	float: left;
	width: 35px;
	height: 35px;
	border: 1px solid #0000000D;
	border-radius: 50%;
	background: #F3F5F9;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px;
	transition: all 0.6s;
	cursor: pointer;
}

.ln_header .swi_alan .langselect .langselectbtn:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.ln_header .swi_alan .langselect .langselectbtn:hover img {
	filter: brightness(0) invert(1);
}

.ln_header .swi_alan .langselect .langselectbtn img {
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.darkmode_btn {
	float: left;
	width: 35px;
	height: 35px;
	border: 1px solid #0000000D;
	border-radius: 50%;
	background: #F3F5F9;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px;
	margin-left: 7px;
	cursor: pointer;
	transition: all 0.6s;
}

.darkmode_btn:hover {
	background: #000;
	box-shadow: 0px 0px 0px 1px #000, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.darkmode_btn:hover img {
	filter: brightness(0) invert(1);
}

.darkmode_btn img {
	float: left;
	width: 100%;
	height: 100%;
}

.menu_center ul {
	float: left;
	width: 100%;
	margin-bottom: 0;
	list-style: none;
}

.menu_center ul li {
	float: left;
	margin: 0px 25px;
}

.menu_center ul li.active a {
	color: #EB035F;
}

.menu_center ul li a {
	color: #000;
	font-weight: 500;
	font-size: 15px;
	transition: all 0.7s;
}

.menu_center ul li a:hover {
	color: #EB035F;
}

.lgn_regalan {
	float: right;
}

.lgn_regalan a {
	float: right;
	padding: 10px 20px;
	letter-spacing: -0.14px;
	font-size: 15px;
	font-weight: 500;
}

.lgn_regalan a.login_btn {
	float: right;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
}

.lgn_regalan a.login_btn:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.lgn_regalan a.login_btn img {
	float: right;
	margin-left: 12px;
	margin-top: 1px;
}

.lgn_regalan a.register_btn {
	float: right;
	border-radius: 100px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 0px 1px rgba(18, 55, 105, 0.08);
	color: #000000;
	margin-right: 10px;
	transition: all 0.6s;
}

.lgn_regalan a.register_btn:hover {
	background: #000;
	color: #fff;
}

.lgn_regalan a.register_btn:hover img {
	filter: brightness(0) invert(1);
}

.lgn_regalan a.register_btn img {
	float: right;
	margin-left: 12px;
	margin-top: 1px;
	transition: all 0.6s;
}

.slider_area {
	float: left;
	width: 100%;
	padding-top: 60px;
	position: relative;
}

.slider_area::before {
	content: "";
	float: left;
	width: calc(100% - 16px);
	height: 130%;
	position: absolute;
	top: -107px;
	z-index: -1;
	left: 8px;
	border-radius: 35px;
	background: linear-gradient(180deg, #FFF6FF 47.63%, rgba(255, 246, 255, 0.00) 100%);
}

.slider_area::after {
	content: "";
	background: url(../img/worl_map.png);
	position: absolute;
	right: 0;
	top: -50px;
	z-index: -1;
	background-size: contain;
	background-position: top;
	width: 60%;
	height: 100%;
	background-repeat: no-repeat;
}

.slider_area .sliderimg {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
}

.slider_area .sliderimg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 480px;
	border-radius: 20px;
}

.slider_content .text_area {
	float: left;
	width: 100%;
}

.slider_content .text_area .bx_title {
	float: left;
	background: #fff;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
	border-radius: 100px;
	font-size: 15px;
	padding: 10px 6px;
	padding-right: 30px;
}

.slider_content .text_area .bx_title b {
	border-radius: 60.323px 5px 5px 60.323px;
	background: linear-gradient(270deg, #EB035F 34.97%, #FA4661 93.8%), rgba(242, 46, 108, 0.20);
	color: #fff;
	font-weight: 600;
	padding: 7px 15px;
	margin-right: 15px;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
}

.slider_content .text_area h1 {
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-top: 50px;
	color: #312F64;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
	margin-bottom: 25px;
}

.slider_content .text_area h1 span {
	background: linear-gradient(270deg, #EB035F 34.97%, #FA4661 93.8%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.slider_content .text_area p {
	float: left;
	width: 100%;
	color: rgba(0, 0, 0, 0.80);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 35px;
}

.slider_content .btnlist {
	float: left;
	width: 100%;
}

.slider_content .btnlist a.whoarea {
	float: left;
	border-radius: 100px;
	background: #22253E;
	padding: 12px 25px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	margin-right: 10px;
	transition: all 0.6s;
}

.slider_content .btnlist a.whoarea:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.slider_content .btnlist a.twode_btn {
	float: left;
	border-radius: 100px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	padding: 12px 25px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	margin-right: 10px;
	min-width: 110px;
	text-align: center;
}

.slider_content .btnlist a.twode_btn:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.sliderimg .smile {
	position: absolute;
	width: 290px;
	top: 30%;
	left: -88px;
}

.sliderimg .insslider {
	position: absolute;
	width: 78px;
	height: 78px;
	top: 45%;
	right: 39px;
}

.sliderimg .tkpslider {
	position: absolute;
	height: 120px;
	top: 62%;
	left: -50px;
}

.ozellikbarsider {
	float: left;
	width: 100%;
	margin-top: 70px;
}

.ozellikbarsider ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}

.ozellikbarsider ul li {
	float: left;
	font-weight: 500;
	color: #312F64;
	margin-bottom: 18px;
}

.ozellikbarsider ul li img {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.ozellikbarsider .item {
	float: left;
	margin-right: 25px;
}

.slide_cmmtn {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.slide_cmmtn img {
	float: left;
	margin-right: 20px;
	height: 50px;
	object-fit: contain;
}

.slide_cmmtn .txs_cm {
	float: left;
}

.slide_cmmtn .txs_cm b {
	float: left;
	width: 100%;
	font-weight: 500;
	color: #312F64;
	font-size: 19px;
}

.slide_cmmtn .txs_cm b i {
	color: #FFA60F;
	margin-left: 3px;
}

.slide_cmmtn .txs_cm span {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #767F93;
	font-weight: 500;
}

.slider_statisct {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: #FFF;
	padding: 27px 45px;
	position: relative;
	z-index: 2;
	margin-top: -124px;
	background: #fff;
}

.slider_static .box {
	float: left;
	width: 100%;
	border-right: 1px solid #EFEDEF;
}

.slider_static .swiper-slide:last-child .box {
	border-right: none;
}

.slider_static .icon {
	float: left;
	width: 68px;
	height: 68px;
	text-align: center;
	border-radius: 21.711px;
	background: rgba(242, 46, 108, 0.10);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

.slider_static .text {
	float: left;
	width: calc(100% - 68px);
	padding-left: 22px;
	min-height: 68px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.slider_static .text h4 {
	float: left;
	width: 100%;
	background: linear-gradient(270deg, #EB035F 34.97%, #FA4661 93.8%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 25px;
	margin-bottom: 4px;
	margin-top: 8px;
}

.slider_static .text p {
	float: left;
	width: 100%;
	color: #312F64;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.welcome_cnsarea {
	float: left;
	width: 100%;
	padding: 100px 0;
	position: relative;
}


.welcome_cnsarea .container::before {
	content: "";
	position: absolute;
	top: 90px;
	left: 200px;
	background: url(../img/welcomeleft.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	width: 350px;
	height: 350px;
}

.welcome_cnsarea .container::after {
	content: "";
	position: absolute;
	top: 90px;
	right: 50px;
	background: url(../img/welcomeright.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	width: 350px;
	height: 350px;
}

@keyframes moveImage {
	0% {
		transform: translate(0, 0);
		/* Başlangıç pozisyonu */
	}

	50% {
		transform: translate(20px, 20px);
		/* Orta nokta kayması */
	}

	100% {
		transform: translate(-20px, -20px);
		/* Bitiş pozisyonu */
	}
}


.tile_area {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
}

.tile_area .hiz {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
}

.tile_area .bg_title {
	margin: 0 auto;
	margin-bottom: 25px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.tile_area .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.tile_area .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.tile_area h3 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
	color: #312F64;
	font-weight: bold;
}

.tile_area h3 span {
	background: linear-gradient(270deg, #EB035F 34.97%, #FA4661 93.8%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tile_area p {
	color: rgba(0, 0, 0, 0.80);
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	margin: 0 auto;
	max-width: 730px;
}

.welcome_cnsarea .listarea {
	float: left;
	width: 100%;
}

.welcome_cnsarea .listarea .item {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.welcome_cnsarea .listarea .item .icon {
	width: 55px;
	height: 55px;
	border-radius: 77px;
	background: rgba(242, 46, 108, 0.10);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.welcome_cnsarea .listarea .item h4 {
	color: #1B1A35;
	font-weight: 500;
}

.welcome_cnsarea .listarea .item p {
	color: rgba(27, 26, 53, 0.40);
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin: 0 auto;
	max-width: 290px;
}

.regis_wlalan {
	float: left;
	width: 100%;
	border-radius: 35px;
	margin-top: 20px;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
	background: radial-gradient(67.15% 67.15% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(45.76% 45.76% at 46.82% 102.02%, rgba(242, 46, 108, 0.20) 0%, rgba(242, 46, 108, 0.00) 100%), #161934;
}

.regis_wlalan .img {
	float: left;
	width: 100%;
	margin-top: 50px;
	padding: 0px 90px;
	position: relative;
}

.regis_wlalan .img {
	--x: 0px;
	--y: 0px;
	position: relative;
	overflow: hidden;
}

.regis_wlalan .img::after {
	content: "";
	background: url(../img/map_ros_black.png);
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-size: contain;
}

.regis_wlalan .img img {
	width: 100%;
	height: 1000%;
	object-fit: contain;
	position: relative;
	z-index: 2;
}

.regis_wlalan .text {
	float: left;
	width: 100%;
	padding: 50px;
	color: #fff;
}

.regis_wlalan .text .hig_title {
	float: left;
	width: 100%;
	display: flex;
	color: rgba(255, 255, 255, 0.40);
	font-weight: 500;
	margin-bottom: 25px;
}

.regis_wlalan .text .hig_title b {
	color: #fff;
	font-weight: 500;
}

.regis_wlalan .text .hig_title i {
	color: #FFA60F;
	margin-left: 5px;
	margin-right: 15px;
}

.regis_wlalan .text h4 {
	color: #FFF;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: -0.35px;
	margin-bottom: 25px;
}

.regis_wlalan .text p {
	color: rgba(255, 255, 255, 0.80);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	text-align: left;
	margin-bottom: 25px;
}

.regis_wlalan .text a {
	float: left;
	display: flex;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 15px 25px;
}

.regis_wlalan .text a:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.regis_wlalan .text a img {
	margin-left: 20px;
}

.regis_wlalan .kayan_alan {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
}

.kayan_alan {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 50px;
}

.kayan_alan::before {
	content: "";
	background: #161934;
	background: linear-gradient(90deg, rgba(22, 25, 52, 1) 0%, rgba(22, 25, 52, 0) 100%);
	position: absolute;
	left: 0;
	top: -2px;
	width: 130px;
	height: 30px;
	z-index: 2;
}

.kayan_alan::after {
	content: "";
	background: #161934;
	background: linear-gradient(90deg, rgba(22, 25, 52, 0) 0%, rgb(22 25 52 / 5%) 100%);
	position: absolute;
	right: 0;
	top: -2px;
	width: 130px;
	height: 30px;
	z-index: 2;
}

.kayan_alan .marquee {
	overflow: hidden;
	width: 100%;
}

.kayan_alan .marquee-content {
	display: flex;
	animation: scroll 20s linear infinite;
}

.kayan_alan .marquee-content .item {
	flex: 0 0 auto;
	margin-right: 20px;
}

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

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

.price_landing {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.price_landing .tile_area {
	margin-bottom: 40px;
}

.price_landing .tile_area .icon img {
	height: 20px;
}

.price_landing .bg_title {
	margin-bottom: 15px;
}

.price_landing .tile_area h3 {
	margin-bottom: 15px;
}

.price_landing .price_list {
	float: left;
	width: 100%;
}

.price_landing .price_list .price_tab {
	float: left;
	width: 100%;
}

.price_landing .price_list .price_tab .col-md-3 {
	padding: 5px;
}

.price_landing .price_list .price_tab .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #E6EDF9;
	background: #FFF;
	padding: 18px 16px;
	cursor: pointer;
	transition: all 0.6s;
}

.price_landing .price_list .price_tab .item:hover {
	background: #F3F5F9;
	box-shadow: 0px 0px 0px 1px rgba(18, 55, 105, 0.08);
}

.price_landing .price_list .price_tab .item .icon {
	float: left;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	width: 40px;
	height: 40px;
	text-align: center;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #5d226c;
	font-size: 22px;
}

.price_landing .price_list .price_tab .item h4 {
	color: #172B48;
	font-weight: bold;
	font-size: 16px;
	float: left;
	line-height: 40px;
	margin-bottom: 0;
}

.price_landing .price_list .price_tab .item span {
	float: right;
	border-radius: 98.75px;
	background: rgba(242, 46, 108, 0.10);
	color: #5d226c;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 10px;
}

.price_landing .price_list .price_tab .item.active {
	border-radius: 15px;
	border: 1px solid #5d226c;
	background: #5d226c;
	box-shadow: 0px 0px 0px 4px rgba(242, 46, 108, 0.20);
}

.price_landing .price_list .price_tab .item.active h4 {
	color: #FFF;
}

.price_landing .price_list .price_tab .item.active span {
	color: #fff;
	border-radius: 98.75px;
	background: rgba(255, 255, 255, 0.25);
}

.price_landing .price_list .price_tab .item.active .icon {
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

.price_tabconnect {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.price_tabconnect .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: #14172F;
	color: #fff;
	padding: 20px 20px;
	text-align: center;
}

.price_tabconnect .item span.adet {
	border-radius: 98.75px;
	background: rgba(242, 46, 108, 0.25);
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 15px;
	display: inline-block;
}

.price_tabconnect .item h5 {
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 15px;
}

.price_tabconnect .item .price {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;
}

.price_tabconnect .item .price span {
	color: rgba(255, 255, 255, 0.25);
}

.price_tabconnect .item a {
	float: left;
	width: 100%;
	border-radius: 14.681px;
	background: #5d226c;
	color: #fff;
	padding: 15px 5px;
	font-weight: 600;
	font-size: 15px;
	transition: all 0.6s;
}

.price_tabconnect .item a:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.priceinfo {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: #271F41;
	margin-top: 15px;
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 25px 10px;
}

.priceinfo .is {
	float: left;
	margin: 0px 14px;
	font-size: 15px;
}

.priceinfo .is i {
	font-size: 20px;
	margin-right: 7px;
}

.landing_hepsisosyal {
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-top: 80px;
	position: relative;
}

.landing_hepsisosyal::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: radial-gradient(34.57% 34.57% at 50.94% 61.3%, rgba(235, 211, 255, 0.25) 0%, rgba(255, 211, 240, 0.00) 100%), radial-gradient(47.15% 47.15% at 49.22% 0%, rgba(235, 211, 255, 0.25) 0%, rgba(255, 211, 240, 0.00) 100%);
	height: 100%;
	z-index: -1;
}

.landing_hepsisosyal::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/who_ssafter.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 500px;
	z-index: -1;
}

.landing_hepsisosyal .tile_area .icon img {
	height: 22px;
	float: left;
}

.landing_hepsisosyal .area {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.landing_hepsisosyal .row {
	margin-bottom: 20px;
}

.arayuz_item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
	padding-left: 55px;
	padding-top: 55px;
	position: relative;
	overflow: hidden;
}

.arayuz_item::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/line-1.png);
	width: 50%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.arayuz_item .bg_title {
	float: left;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	z-index: 1;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.arayuz_item .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.arayuz_item .bg_title .icon img {
	height: 20px;
}

.arayuz_item .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.arayuz_item h4 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 15px;
	position: relative;
	z-index: 3;
}

.arayuz_item p {
	float: left;
	width: 100%;
	color: #75818D;
	font-weight: 500;
	max-width: 500px;
	line-height: 30px;
	position: relative;
	z-index: 3;
}

.arayuz_item img {
	float: right;
	width: 100%;
	object-fit: contain;
	position: relative;
	z-index: 1;
}

.platform_item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: #FFF;
	position: relative;
	overflow: hidden;
	padding: 7px;
	height: 100%;
}

.platform_item .as {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: #FDFAFB;
	overflow: hidden;
	padding: 30px 0;
	height: 100%;
	padding-bottom: 0;
}

.platform_item .kayanbar {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	width: fit-content;
}

.platform_item .kayanbar .item {
	float: left;
	border-radius: 19.382px;
	border: 2.057px solid #FDE7EE;
	background: #FFF;
	box-shadow: 0px 9.152px 35.772px 0px rgba(0, 0, 0, 0.03);
	width: 108px;
	height: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 10px;
	margin-bottom: 20px;
	min-width: 108px;
}

.platform_item .kayanbar .item img {
	width: 50%;
	object-fit: contain;
}

@keyframes slideLeft {
	from {
		transform: translateX(0);
	}

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

@keyframes slideRight {
	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(0);
	}
}

.list {
	overflow: hidden;
}

.kayanbar {
	animation-duration: 70s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.platform_item .text {
	float: left;
	width: 100%;
	padding: 30px 40px;
}

.platform_item .text h3 {
	float: left;
	width: 100%;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 45px;
	margin-bottom: 15px;
}

.platform_item .text p {
	float: left;
	width: 100%;
	color: #75818D;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 25px;
}

.platform_item .text a {
	float: left;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	padding: 15px 25px;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
}

.platform_item .text a:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.platform_item .text a i {
	float: right;
	margin-left: 15px;
	font-size: 22px;
}

.guvenirlik_item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: #1F1935;
	padding: 40px 40px;
	position: relative;
}

.ucretsiz_item .scroll-inner {
	overflow: hidden;
	animation-name: scroll-up;
	display: flex;
	flex-direction: column;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.guvenirlik_item .scroll-inner {
	animation-name: scroll-up;
	display: flex;
	flex-direction: column;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.guvenirlik_item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/guvenirlikafter.png);
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.5;
}

.guvenirlik_item .hiz {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
}

.guvenirlik_item .bg_title {
	margin: 0 auto;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	background: #fff;
	z-index: 1;
	display: flex;
	z-index: 2;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.guvenirlik_item .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.guvenirlik_item .bg_title .icon img {
	height: 20px;
}

.guvenirlik_item .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.guvenirlik_item h4 {
	float: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 43px;
	position: relative;
	z-index: 2;
}

.guvenirlik_item h4 span {
	background: linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.guvenirlik_item p {
	float: left;
	width: 100%;
	color: #75818D;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}

.guvenirlik_item .list {
	float: left;
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.guvenirlik_item .list::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 140px;
	background: linear-gradient(0deg, #1f1935f4 50%, rgba(31, 25, 53, 0.00) 100%);
	z-index: 2;
}

.guvenirlik_item .list .item {
	border-radius: 32.909px;
	border: 1.028px solid #EFEDEF;
	background: #fff;
	overflow: hidden;
	padding: 6px;
	margin: 5px 0;
	padding-right: 20px;
	box-shadow: 0px 719.88px 201.566px 0px rgba(0, 0, 0, 0.00), 0px 460.723px 184.084px 0px rgba(0, 0, 0, 0.00), 0px 259.157px 155.288px 0px rgba(0, 0, 0, 0.01), 0px 115.181px 115.181px 0px rgba(0, 0, 0, 0.02), 0px 28.795px 63.761px 0px rgba(0, 0, 0, 0.02);
}

.guvenirlik_item .list .item span {
	float: left;
	font-size: 14px;
	color: #142457;
	margin-left: 10px;
	line-height: 33px;
	margin-right: 15px;
}

.guvenirlik_item .list .item img {
	float: left;
	width: 33px;
	height: 33px;
	border-radius: 50%;
}

.guvenirlik_item .afterlist {
	position: relative;
	z-index: 2;
	padding: 7px;
	border-radius: 39.579px;
	border: 1.237px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	box-shadow: 0px 865.789px 242.421px 0px rgba(0, 0, 0, 0.00), 0px 554.105px 221.395px 0px rgba(0, 0, 0, 0.00), 0px 311.684px 186.763px 0px rgba(0, 0, 0, 0.01), 0px 138.526px 138.526px 0px rgba(0, 0, 0, 0.02), 0px 34.632px 76.684px 0px rgba(0, 0, 0, 0.02);
}

.guvenirlik_item .afterlist .icon {
	float: left;
	border-radius: 102.039px;
	background: rgba(46, 242, 113, 0.10);
	padding: 6px;
}

.guvenirlik_item .afterlist span {
	float: left;
	padding-left: 10px;
	padding-right: 15px;
	color: #142457;
	text-edge: cap;
	font-family: Inter;
	font-size: 17.316px;
	font-style: normal;
	font-weight: 700;
	margin-top: 8px;
}

.guvenirlik_item .afterlist .icon img {
	animation: rotate 10s linear infinite;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
		/* Başlangıçta 0 derece */
	}

	100% {
		transform: rotate(360deg);
		/* 360 derece dönüş */
	}
}

.destek_item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%), #FFF;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 50px;
	position: relative;
	height: 100%;
}

.destek_item .bg_title {
	float: left;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	z-index: 1;
	background: #fff;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.destek_item .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.destek_item .bg_title .icon img {
	height: 20px;
}

.destek_item .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.destek_item h4 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 15px;
}

.destek_item p {
	float: left;
	width: 100%;
	color: #75818D;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	max-width: 500px;
}

.destek_item .img {
	float: left;
	width: 100%;
	text-align: center;
}

.destek_item .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 500px;
}

.destek_item .brs {
	position: relative;
	margin-top: -90px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
}

.destek_item .brs::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(0deg, #FFF9FC 50%, rgba(255, 249, 252, 0.00) 100%);
	height: 315px;
	width: 100%;
	z-index: -1;
}

.ucretsiz_item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%);
	backdrop-filter: blur(50px);
	padding: 80px 35px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.ucretsiz_item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(255, 253, 254, 0.00) 0%, #FEF8FB 50%);
	width: 100%;
	height: 160px;
	position: absolute;

}

.ucretsiz_item::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/ucretsizafter.png);
	width: 100%;
	height: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

.ucretsiz_item .list {
	float: left;
	width: 100%;
	max-height: 350px;
	overflow: hidden;
}

.ucretsiz_item .list::after {
	content: "";
	position: absolute;
	bottom: 90px;
	left: 0;
	background: url(../img/ucretsiz02.png);
	width: 110px;
	height: 110px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}

.ucretsiz_item .list::before {
	content: "";
	position: absolute;
	top: 150px;
	right: 0;
	background: url(../img/ucretsiz01.png);
	width: 110px;
	height: 110px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	z-index: 3;
}

.ucretsiz_item h3 {
	float: left;
	width: 100%;
	text-align: center;
	color: #312F64;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 60px;
}

.ucretsiz_item .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 2px solid #FFF2F6;
	background: #FFF;
	margin-bottom: 10px;
	padding: 5px;
}

.ucretsiz_item .item .alan {
	float: left;
	width: 100%;
	padding: 7px;
	border-radius: 10px;
	background: #FFF9FC;
}

.ucretsiz_item .item .icon {
	float: left;
	border-radius: 11.839px;
	background: #FFF;
	width: 47px;
	height: 47px;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 11px;
}

.ucretsiz_item .item span {
	float: left;
	width: calc(100% - 60px);
	padding-left: 10px;
	min-height: 47px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #000;
	text-shadow: 5.704px 5.704px 5.704px rgba(0, 0, 0, 0.00);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
}

.apiitem {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%);
	backdrop-filter: blur(50px);
	height: 100%;
	padding: 80px 0;
	position: relative;
}

.apiitem h3 {
	float: left;
	width: 100%;
	text-align: center;
	color: #312F64;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 60px;
}

.apiitem .kayanbar {
	display: flex;
	flex-flow: nowrap;
	width: 300%;
}

.apiitem .altbar {
	float: left;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 20px;
}

.apiitem::before {
	content: "";
	background: url(../img/ucretsizafter2.png);
	position: absolute;
	left: 0;
	bottom: -90px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}

.apiitem .kayanbar .item {
	float: left;
	border-radius: 15px;
	border: 1px solid #FDE7EE;
	background: #FFF;
	display: flex;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 7px;
	position: relative;
	z-index: 3;
}

.apiitem .kayanbar .item .icon {
	border-radius: 15px;
	border: 0.803px solid #FDE7EE;
	background: #FFF;
	box-shadow: 0px 7.349px 28.726px 0px rgba(0, 0, 0, 0.03);
	float: left;
	width: 52px;
	height: 52px;
	padding: 10px;
}

.apiitem .kayanbar .item .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.apiitem .kayanbar .item .text {
	float: left;
	width: calc(100% - 52px);
	padding-left: 10px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-left: 8px;
	padding-right: 15px;
}

.apiitem .kayanbar .item .text h5 {
	float: left;
	width: 100%;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0px;
}

.apiitem .kayanbar .item .text span {
	float: left;
	width: 100%;
	color: #75818D;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
}

.apiitem .bankitem {
	padding: 15px;
}

.apiitem .bankitem img {
	height: 38px;
	object-fit: contain;
}

.bankofitem .altbar {
	bottom: 60px;
}

.apiitem.bankofitem {
	overflow: hidden;
}

.apiitem.bankofitem::before {
	background: url(../img/bankofafter.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	bottom: -130px;
}

.oyundunyaitem {
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%);
	backdrop-filter: blur(50px);
	position: relative;
	padding-top: 50px;
}

.swiper-slide {
	user-select: text !important;
}

.oyundunyaitem h3 {
	float: left;
	width: 100%;
	color: #312F64;
	text-align: center;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 40px;
}

.oyundunyaitem img {
	float: left;
	width: 100%;
	height: auto;
	object-fit: contain;
	position: absolute;
	bottom: 0;
	left: 0;
}

.sotckitem {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: radial-gradient(67.15% 67.15% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(45.76% 45.76% at 46.82% 102.02%, rgba(242, 46, 108, 0.20) 0%, rgba(242, 46, 108, 0.00) 100%), #13162C;
	backdrop-filter: blur(50px);
	height: 100%;
	padding-top: 50px;
	position: relative;
}

.sotckitem h3 {
	float: left;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px;
	margin-bottom: 40px;
	text-align: center;
	padding: 0px 40px;
}

.sotckitem img {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 70%;
	object-fit: contain;
}

.seoitem .bankitem img {
	height: 80px;
}

.seoitem img {
	width: 100%;
	object-fit: contain;
}

.seoitem .altbar {
	position: relative;
}

.seoitem {
	padding-bottom: 5px;
	padding-top: 50px;
}

.seoitem::before {
	content: "";
	background: url(../img/worlseo.png);
	background-size: cover;
	background-position: bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
}

.music_item {
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 35px;
	border: 1px solid #EFEDEF;
	background: radial-gradient(67.15% 67.15% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(45.76% 45.76% at 46.82% 102.02%, rgba(242, 46, 108, 0.20) 0%, rgba(242, 46, 108, 0.00) 100%), linear-gradient(0deg, #161934 0%, #161934 100%), linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%), #FFF;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	min-height: 740px;
}

.music_item h3 {
	float: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 35px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.music_item .bg_title {
	margin: 0 auto;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	background: #fff;
	z-index: 1;
	display: flex;
	z-index: 2;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.music_item .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.music_item .bg_title .icon img {
	height: 20px;
}

.music_item .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.music_item .hiz {
	float: left;
	width: 100%;
	display: flex;
}

.music_item p {
	width: 100%;
	color: #75818D;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	max-width: 350px;
	margin: 0 auto;
}

.music_item .img img {
	position: absolute;
	left: 11%;
	bottom: 0;
	width: 78%;
	height: 50%;
	object-fit: contain;
	object-position: bottom;
}

.telegram_item {
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 35px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%), #FFF;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.telegram_item h3 {
	float: left;
	width: 100%;
	color: #312F64;
	text-align: center;
	font-size: 35px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.telegram_item .bg_title {
	margin: 0 auto;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	background: #fff;
	z-index: 1;
	display: flex;
	z-index: 2;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.telegram_item .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.telegram_item .bg_title .icon img {
	height: 20px;
}

.telegram_item .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.telegram_item .hiz {
	float: left;
	width: 100%;
	display: flex;
}

.telegram_item p {
	width: 100%;
	color: #75818D;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	max-width: 350px;
	margin: 0 auto;
}

.telegram_item .img img {
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
	height: 50%;
	object-fit: contain;
	object-position: bottom;
}

.businer_area {
	float: left;
	width: 100%;
	border-radius: 35px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%), #FFF;
	padding-top: 20px;
	margin-bottom: 25px;
}

.businer_area .itext {
	float: left;
	width: 100%;
	padding-left: 80px;
	padding-top: 50px;
}

.businer_area .bg_title {
	float: left;
	margin: 0 auto;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	background: #fff;
	z-index: 1;
	display: flex;
	z-index: 2;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.businer_area .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.businer_area .bg_title .icon img {
	height: 20px;
}

.businer_area .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.businer_area h3 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.businer_area p {
	color: #75818D;
	float: left;
	width: 100%;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 70px;
}

.businer_area .img {
	float: left;
	width: 100%;
}

.businer_area .img img {
	float: left;
	width: 100%;
	height: 100%;
}

.rvr_servisler {
	float: left;
	width: 100%;
	border-radius: 35px;
	margin-bottom: 80px;
	background: radial-gradient(67.15% 67.15% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(45.76% 45.76% at 46.82% 102.02%, rgba(242, 46, 108, 0.20) 0%, rgba(242, 46, 108, 0.00) 100%), #161934;
}

.rvr_servisler .row {
	margin-bottom: 0;
}

.rvr_servisler .text {
	float: left;
	width: 100%;
	padding: 90px;
}

.rvr_servisler .text h3 {
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 50px;
}

.rvr_servisler .text h3 span {
	color: #FA4661;
}

.rvr_servisler .text a {
	float: left;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 17px 30px;
}

.rvr_servisler .text a:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.rvr_servisler .text a i {
	font-size: 22px;
	margin-left: 12px;
	line-height: 22px;
	margin-top: 0px;
	float: right;
}

.rvr_alan {
	float: left;
	width: calc(50% - 5px);
	position: relative;
	overflow: hidden;
	height: 480px;
}

.rvr_servisler .list {
	float: left;
	width: 100%;
	position: relative;
	height: 480px;
	overflow: hidden;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding-right: 50px;
}

.rvr_item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: #FFF;
	padding: 20px;
	text-align: center;
	display: flex;
	flex-flow: wrap;
	margin-bottom: 10px;
}

.rvr_item span {
	border-radius: 98.75px;
	background: rgba(242, 46, 108, 0.25);
	color: #5d226c;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	padding: 7px 12px;
	margin: 0 auto;
	margin-bottom: 13px;
}

.rvr_item h4 {
	width: 100%;
	color: #000;
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.00);
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.rvr_item .price {
	color: #5d226c;
	text-align: center;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}

.rvr_item a {
	border-radius: 14.681px;
	background: #5d226c;
	color: #fff;
	width: 100%;
	padding: 15px 5px;
	transition: all 0.6s;
}

.rvr_item a:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

@keyframes scroll-up {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-50%);
	}
}

@keyframes scroll-down {
	from {
		transform: translateY(-50%);
	}

	to {
		transform: translateY(0%);
	}
}

.rvr_alan .scroll-inner {
	display: flex;
	flex-direction: column;
	animation-duration: 40s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.rvr_alan.left .scroll-inner {
	animation-name: scroll-up;
}

.rvr_alan.right .scroll-inner {
	animation-name: scroll-down;
}

.sosyalgelir {
	float: left;
	width: 100%;
	position: relative;
}

.sosyalgelir::before {
	content: "";
	background: radial-gradient(34.57% 34.57% at 50.94% 61.3%, rgba(235, 211, 255, 0.25) 0%, rgba(255, 211, 240, 0.00) 100%), radial-gradient(47.15% 47.15% at 49.22% 0%, rgba(235, 211, 255, 0.25) 0%, rgba(255, 211, 240, 0.00) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sosyalgelir::after {
	content: "";
	background: url(../img/sosyalgelirbef.png);
	width: 100%;
	position: absolute;
	height: 700px;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.worl_mocs {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 150px;
	position: relative;
}

.worl_mocs::before {
	content: "";
	background: url(../img/worlcsbefore.png);
	width: 100%;
	height: 250px;
	position: absolute;
	left: 0;
	top: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.worl_mocs .bg_title {
	float: left;
	margin: 0 auto;
	margin-bottom: 20px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	background: #fff;
	z-index: 1;
	display: flex;
	z-index: 2;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.worl_mocs .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.worl_mocs .bg_title .icon img {
	height: 20px;
}

.worl_mocs .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.worl_mocs .hiz {
	float: left;
	width: 100%;
	display: flex;
	position: relative;
	z-index: 3;
}

.worl_mocs h3 {
	float: left;
	width: 100%;
	color: #312F64;
	text-align: center;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
	z-index: 3;
}

.worl_mocs p {
	color: #75818D;
	text-align: center;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	max-width: 560px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	letter-spacing: 0.86px;
}

.partnerarea {
	float: left;
	width: 100%;
	margin-top: 30px;
	z-index: 2;
	padding-bottom: 80px;
}

.partnerarea::before {
	content: "";
	background: #EBD3FF;
	background: radial-gradient(circle, #FCF7FE 0%, #fcf7fe3b 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.partnerarea .row {
	margin-bottom: 0;
}

.partnertabs {
	float: left;
	width: 100%;
	border-radius: 24px;
	border: 1px solid #15191e10;
	background: #FFF;
	padding: 10px;
	position: relative;
	z-index: 2;
}

.partnertabs button {
	float: left;
	width: 100%;
	border: 0;
	color: #312F64;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	background: transparent;
	padding: 18px 10px;
	border-radius: 15px;
}

.partnertabs button.active {
	background: rgba(237, 23, 106, 0.05);
	color: #ED176A;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.parnetcontact {
	float: left;
	width: 100%;
	border-radius: 35px;
	border: 1px solid #EFEDEF;
	background: linear-gradient(180deg, #FFF -1.39%, #FFF8FB 76.27%), #FFF;
	position: relative;
	z-index: 2;
	margin-top: 15px;
	overflow: hidden;
}

.parnetcontact .sts {
	position: relative;
	min-height: 434px;
}

.parnetcontact .img {
	float: left;
	width: 100%;
}

.parnetcontact .img::before {
	content: "";
	background: url(../img/goldbar.png);
	position: absolute;
	right: 0;
	bottom: 50px;
	width: 100%;
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 2;
}

.parnetcontact .img::after {
	content: "";
	background: linear-gradient(0deg, #FFF9FC 18.72%, rgba(255, 249, 252, 0.00) 100%);
	height: 110px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.parnetcontact .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	right: 0;
	object-position: right;
	top: 0;
}

.parnetcontact .text {
	float: left;
	width: 100%;
	padding: 90px 70px;
	min-height: 434px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	position: relative;
	z-index: 3;
}

.parnetcontact .text h3 {
	float: left;
	width: 100%;
	color: #24224A;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 45px;
	margin-bottom: 20px;
}

.parnetcontact .text p {
	float: left;
	width: 100%;
	color: #75818D;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 29px;
	margin-bottom: 25px;
}

.parnetcontact .text a {
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	float: left;
	color: #fff;
	padding: 14px 30px;
}

.parnetcontact .text a:hover {
	background: #EB035F;
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
}

.parnetcontact .text a i {
	font-size: 22px;
	margin-left: 12px;
	line-height: 22px;
	margin-top: 0px;
	float: right;
}

.faqsection {
	float: left;
	width: 100%;
	padding: 60px 0;
	position: relative;
	z-index: 2;
}

.faqsection .accordion-body {
	width: 100%;
	display: flex;
	padding-bottom: 10px;
}

.faqsection .text {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	min-height: 675px;
}

.faqsection .bg_title {
	float: left;
	margin: 0 auto;
	margin-bottom: 15px;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	position: relative;
	background: #fff;
	z-index: 1;
	display: flex;
	z-index: 2;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.faqsection .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.faqsection .bg_title .icon img {
	height: 20px;
}

.faqsection .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.faqsection h3 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 25px;
}

.faqsection p {
	float: left;
	width: 100%;
	color: #75818D;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.faqsection .accordion-item {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 12px;
	overflow: hidden;
	transition: all 0.7s;
}

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

.faqsection .accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #fff;
	box-shadow: none;
}

.faqsection .accordion-button:focus {
	border: 0;
	box-shadow: none;
}

.faqsection .accordion-button {
	font-weight: 500;
	padding: 25px;
}

.faqsection .accordion-body p {
	border-radius: 15px;
	background: #FFF9FC;
	padding: 20px 25px;
	color: #525866;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.faqsection h4 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
}

.faqsection a {
	float: left;
	border-radius: 100px;
	background: #22253E;
	color: #fff;
	font-weight: 600;
	padding: 15px 60px;
	margin-top: 20px;
	transition: all 0.6s;
}

.faqsection a:hover {
	background: #5d226c;
	color: #fff;
}

.musterilerimiz {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 100px;
}

.musterilerimiz .swiper-container {
	float: left;
	width: 120%;
	margin-left: -10%;
}

.musterilerimiz .bg_title {
	margin: 0 auto;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.musterilerimiz .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.musterilerimiz .bg_title .icon img {
	height: 20px;
}

.musterilerimiz .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.musterilerimiz .hiz {
	float: left;
	width: 100%;
	display: flex;
	position: relative;
	z-index: 3;
}

.musterilerimiz h3 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 3;
	color: #312F64;
	text-align: center;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 15px;
}

.musterilerimiz p {
	color: #75818D;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	max-width: 550px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
}

.remusitem {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 0px 1px #EFEDEF inset, 0px 8px 8px -8px #EFEDEF;
}

.remusitem .hed {
	float: left;
	width: 100%;
	padding: 25px;
	border-bottom: 1px solid #EFEDEF;
}

.remusitem .hed .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.remusitem .hed .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.remusitem .hed .text {
	float: left;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.remusitem .hed .text h5 {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 2px;
}

.remusitem .hed .text span {
	color: rgba(0, 0, 0, 0.25);
	font-size: 14px;
}

.remusitem .hed .star {
	float: right;
	color: #000;
	font-size: 16px;
	line-height: 50px;
	font-size: 18px;
}

.remusitem .hed .star i {
	color: #F47133;
}

.remusitem .bdy {
	float: left;
	width: 100%;
	padding: 25px;
}

.remusitem .bdy h6 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
}

.remusitem .bdy p {
	float: left;
	width: 100%;
	color: #75818D;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 29px;
	text-align: left;
	margin-bottom: 15px;
}

.remusitem .bdy .onay {
	float: left;
	border-radius: 98.75px;
	background: #F2FBFF;
	padding: 8px;
	padding-right: 20px;
	font-weight: 500;
}

.remusitem .bdy .onay img {
	margin-right: 5px;
}

.ftlandarea {
	float: left;
	width: 100%;
	margin-bottom: 60px;
}

footer {
	float: left;
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-bottom: 15px;
	padding-top: 50px;
	padding-bottom: 25px;
	border-radius: 35px;
	position: relative;
	overflow: hidden;
	background: radial-gradient(67.15% 67.15% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(45.76% 45.76% at 46.82% 102.02%, rgba(242, 46, 108, 0.20) 0%, rgba(242, 46, 108, 0.00) 100%), #161934;
}

footer .container {
	position: relative;
	z-index: 3;
}

footer::after {
	content: "";
	background: url(../img/footermap.png);
	position: absolute;
	right: 0;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	height: 100%;
}

.ftlogo {
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
}

.ftlogo img {
	float: left;
	width: 100%;
	height: 40px;
	object-fit: contain;
	object-position: left;
	margin-bottom: 25px;
}

.ftdesc {
	float: left;
	width: 100%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	max-width: 320px;
	position: relative;
	z-index: 2;
}

.ftsocial {
	float: left;
	width: 100%;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

.ftsocial ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}

.ftsocial ul li {
	float: left;
	margin-right: 15px;
}

.ftsocial ul li a {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	color: #5d226c;
	font-size: 20px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	transition: all 0.6s;
}

.ftsocial ul li a:hover {
	background: #fff;
}

.ftbottom {
	float: left;
	width: 100%;
	margin-top: 100px;
	color: rgba(255, 255, 255, 0.60);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	z-index: 2;
}

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

.footermenuitem label {
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 25px;
}

.footermenuitem ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}

.footermenuitem ul li {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.footermenuitem ul li a {
	float: left;
	width: 100%;
	color: #6E7586;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	transition: all 0.6s;
}

.footermenuitem ul li a:hover {
	color: #5d226c;
}

footer .contact {
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
}

footer .contact label {
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 25px;
}

footer .contact ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}

footer .contact ul li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	display: flex;
}

footer .contact ul li .icon {
	float: left;
	width: 44px;
	height: 44px;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.15);
	text-align: center;
	padding: 8px;
}

footer .contact ul li span {
	float: left;
	color: #fff;
	padding-left: 15px;
	line-height: 44px;
}

.ftbottom .applist {
	float: right;
}

.applist a {
	float: right;
	margin-left: 15px;
}

.applist a img {
	height: 40px;
	object-fit: contain;
}

@keyframes bounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-15px);
	}
}

.smile {
	animation: bounce 2s infinite ease-in-out;
}

@keyframes swing {

	0%,
	100% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(20px);
	}
}

.insslider {
	animation: swing 3s infinite ease-in-out;
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
	}
}

.tkpslider {
	animation: float 4s infinite ease-in-out;
}

.destek_item .list {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
}

.destek_item .list .hiz {
	max-width: 520px;
	max-height: 340px;
	overflow: hidden;
}

.destek_item .scroll-inner {
	overflow: hidden;
	animation-name: scroll-up;
	display: flex;
	flex-direction: column;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.destek_item .list .item {
	float: left;
	width: 100%;
	border-radius: 17.991px;
	border: 1.199px solid #F1E4EA;
	background: #FFF;
	padding: 18px 20px;
	margin-bottom: 10px;
}

.destek_item .list .item .lt {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.destek_item .list .item .lt span {
	font-size: 16px;
	color: #000;
	font-weight: 500;
	float: left;
	color: #312F64;
	font-size: 19.19px;
	font-style: normal;
	font-weight: 600;

}

.destek_item .list .item .lt .durum {
	float: right;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	border-radius: 118.44px;
	background: var(--Success-Success-50, #E8F7F0);
	padding: 8px 14px;
	color: #0A5030;
	text-align: center;
	font-size: 16.792px;
	font-style: normal;
	font-weight: 700;
}

.destek_item .list .item .lt .durum img {
	width: 20px;
	margin-right: 5px;
}

.destek_item .list .item .id {
	float: left;
	color: #BCC0C8;
}

.destek_item .list .item .id b {
	color: #000;
}

.destek_item .list .item .date {
	float: right;
	color: #BCC0C8;
}

.destek_item .list .item .date b {
	color: #000;
}

.telegram_item {
	position: relative;
}

.telegram_item .topluluk1 {
	position: absolute;
	bottom: 189px;
	right: -9px;
	width: 250px;
	height: 250px;
}

.telegram_item .topluluk2 {
	position: absolute;
	width: 200px;
	height: 210px;
	right: -19px;
	bottom: 90px;
}

.telegram_item .topluluk3 {
	position: absolute;
	width: 150px;
	height: 220px;
	left: 10px;
	bottom: 200px;
}

.telegram_item .topluluk4 {
	position: absolute;
	width: 220px;
	height: 360px;
	bottom: -13px;
	left: -11px;
}

.topluluk1 {
	animation: moveTopLeft 5s infinite alternate;
}

.topluluk2 {
	animation: moveTopRight 5s infinite alternate;
}

.topluluk3 {
	animation: moveBottomRight 5s infinite alternate;
}

.topluluk4 {
	animation: moveBottomLeft 5s infinite alternate;
}

@keyframes moveTopLeft {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate3d(-220px, 70px, 390px);
	}
}

@keyframes moveTopRight {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate3d(-220px, -50px, 10px);
	}
}

@keyframes moveBottomRight {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate3d(230px, 80px, 10px);
	}
}

@keyframes moveBottomLeft {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(217px, -80px);
	}
}

.telegram_item .tes::before {
	content: "";
	background: url(../img/telegrambox.png);
	width: 100%;
	height: 260px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9;
	bottom: 40px;
}

.regis_wlalan .item1 {
	position: absolute;
	top: 40px;
	right: 50px;
	z-index: 3;
}

.regis_wlalan .item1 img {
	height: 120px;
}

.regis_wlalan .item2 {
	position: absolute;
	top: 90px;
	left: 70px;
	z-index: 3;
}

.regis_wlalan .item2 img {
	height: 80px;
}

.regis_wlalan .item3 {
	position: absolute;
	bottom: 140px;
	right: 50px;
	z-index: 3;
}

.regis_wlalan .item3 img {
	height: 280px;
}

.regis_wlalan .item4 {
	position: absolute;
	bottom: 160px;
	left: 70px;
	z-index: 3;
}

.regis_wlalan .item4 img {
	height: 80px;
}

.regis_wlalan .item5 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.regis_wlalan .item5 img {
	height: 115px;
	object-fit: contain;
}

.blogcontent {
	float: left;
	width: 100%;
	padding: 60px 0;
}

.blogtitle {
	float: left;
	width: 100%;
	margin-bottom: 55px;
}

.blogtitle h1 {
	float: left;
	width: 100%;
	color: #312F64;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 15px;
}

.blogtitle p {
	float: left;
	width: 100%;
	color: #808BA3;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.bloglist {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}

.blogitem {
	float: left;
	width: 100%;
	position: relative;
}

.blogitem .img {
	float: left;
	width: 100%;
	height: 330px;
	overflow: hidden;
	border-radius: 25px;
	border: 1px solid #E4E4E7;
	background: rgba(255, 255, 255, 0.00);
	box-shadow: 3px 3px 0px 0px #E4E4E7;
	margin-bottom: 20px;
}

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

.blogitem .desc {
	float: left;
	width: 100%;
}

.blogitem .desc .yazar {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.blogitem .desc .yazar .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}

.blogitem .desc .yazar .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blogitem .desc .yazar h6 {
	float: left;
	width: 100%;
	color: #131315;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 0;
	margin-top: 4px;
}

.blogitem .desc .yazar span {
	float: left;
	width: 100%;
	color: #55555E;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20.4px;
}

.blogitem .desc .txs {
	float: left;
	width: calc(100% - 60px);
}

.blogitem h3 {
	float: left;
	width: 100%;
	color: #131315;
	font-family: Satoshi;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.8px;
	margin-bottom: 15px;
}

.blogitem p {
	float: left;
	width: 100%;
	color: #55555E;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

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

.blogcontent .ftlandarea::before {
	content: "";
	border-radius: 35px;
	background: radial-gradient(59.97% 59.97% at 50.94% 61.3%, rgba(235, 211, 255, 0.25) 0%, rgba(255, 211, 240, 0.00) 100%), #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 500px;
	z-index: 2;
	opacity: 0.5;
}

.blogcontent .ftlandarea {
	position: relative;
}

.blogdetail {
	float: left;
	width: 100%;
	margin-bottom: 120px;
}

.blogdetail .metatitle {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.blogdetail .metatitle .subtitle {
	border-radius: 32px;
	border: 1px solid #E6EDF9;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
	color: #142457;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 103.7%;
	padding: 15px 28px;
	margin-bottom: 25px;
}

.blogdetail .metatitle h1 {
	color: #312F64;
	text-align: center;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	max-width: 600px;
	margin-bottom: 20px;
}

.blogdetail .metatitle p {
	color: #808BA3;
	text-align: center;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	max-width: 600px;
}

.blogdetail .blogimg {
	float: left;
	width: 100%;
	margin-bottom: 35px;
	overflow: hidden;
	height: 500px;
}

.blogdetail .blogimg img {
	float: left;
	width: calc(100% - 200px);
	margin-left: 100px;
	height: 100%;
	object-fit: cover;
	border-radius: 25px;
	border: 3px solid #E4E4E7;
}

.blogdetail .blogicerik {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	color: #181A1F;
}

.blogdetail .blogicerik .alan {
	max-width: 880px;
}

.blogdetail .blogicerik .alan ul {
	padding-left: 23px;
}

.blogdetail .blogicerik .alan ul li {
	margin-bottom: 20px;
}

.blogdetail .blogicerik .alan h3 {
	color: #000;
	font-family: Satoshi;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 43px;
	margin-bottom: 20px;
}

.blogdetail .blogyazar {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-top: 40px;
	padding: 10px;
}

.blogdetail .blogyazar .yazarinfo {
	float: left;
}

.blogdetail .blogyazar .yazarinfo .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 15px;
	overflow: hidden;
}

.blogdetail .blogyazar .yazarinfo .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blogdetail .blogyazar .yazarinfo .txs {
	float: left;
	margin-left: 15px;
}

.blogdetail .blogyazar .yazarinfo .txs h5 {
	color: #131315;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0px;
	margin-top: 5px;
}

.blogdetail .blogyazar .yazarinfo .txs span {
	color: #55555E;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20.4px;
}

.blogdetail .blogyazar ul {
	float: right;
	list-style: none;
	display: flex;
	margin-bottom: 0;
	margin-top: 9px;
	padding-left: 0 !important;
}

.blogdetail .blogyazar ul li {
	float: right;
	margin-left: 8px;
	margin-bottom: 0 !important;
}

.blogdetail .blogyazar ul li a {
	border-radius: 81.991px;
	background: rgba(242, 46, 108, 0.15);
	width: 32px;
	height: 32px;
	float: left;
	text-align: center;
	line-height: 32px;
	color: #5d226c;
}

.apicontent {
	float: left;
	width: 100%;
	padding: 50px 0;
	padding-top: 10px;
}

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

.vertitle .container-full {
	float: left;
	width: 100%;
	padding: 0px 10%;
}

.vertitle .text {
	float: left;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-flow: column;
	border-radius: 30px;
	background: #f1eef3;
	padding: 60px 20px;
	align-items: center;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}

.vertitle .text::before {
	content: "";
	background: url(../img/vertbefore.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-size: 320px;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-left-radius: 32px;
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.vertitle .text::after {
	content: "";
	background: url(../img/vertiafter.png);
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-size: 320px;
	background-repeat: no-repeat;
	background-position: right top;
	opacity: 0.15;
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.vertitle .text .icn {
	display: flex;
	background: #fff;
	border-radius: 32px;
	border: 1px solid #F6EAF2;
	padding: 5px 5px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	transition: all 0.6s;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.vertitle .text .icn .icon {
	float: left;
	border-radius: 100px;
	background: rgb(241 238 243);
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #5d226c;
	font-size: 24px;
}

.vertitle .text .icn span {
	float: left;
	margin-left: 10px;
	color: #142457;
	font-weight: bold;
	font-size: 15px;
	font-family: Satoshi;
	line-height: 32px;
	margin-right: 10px;
}

.vertitle .text h1 {
	color: #3E1B3C;
	text-align: center;
	font-family: Satoshi;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}

.vertitle .text p {
	color: #3E1B3C;
	text-align: center;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 0px;
	max-width: 500px;
	position: relative;
	z-index: 2;
}

.apiarea {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: -50px;
	position: relative;
}

.apiarea .alan {
	width: 100%;
	max-width: 1150px;
}

.apiarea .alan table {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	overflow: hidden;
	margin-bottom: 25px;
}

.apiarea a {
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #5d226c 0.46%, #5e226c 99.54%);
	box-shadow: 0px 0px 0px 1px #5e226c, 0px 1px 2px 0px rgb(124 124 124 / 88%);
	color: #fff;
	padding: 12px 30px;
	margin-top: 40px;
}

.apiarea a:hover {
	color: #fff;
}

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

.samplepage_content .area {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
}

.samplepage_content .area .hiz {
	border-radius: 45px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 60px;
	max-width: 1200px;
	margin-top: -70px;
	position: relative;
}

.samplepage_content .area .hiz p {
	color: #40444C;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
}

.samplepage_content .area .hiz h3 {
	color: #000;
	font-family: Satoshi;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
}

.samplepage_content .area ul {
	padding-left: 23px;
}

.samplepage_content .area {
	margin-bottom: 120px;
}


.samplepage_content .ftlandarea::before {
	content: "";
	border-radius: 35px;
	background: radial-gradient(59.97% 59.97% at 50.94% 61.3%, rgba(235, 211, 255, 0.25) 0%, rgba(255, 211, 240, 0.00) 100%), #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 500px;
	z-index: 2;
	opacity: 0.5;
}

.samplepage_content .ftlandarea {
	position: relative;
}

.kosullarpage {
	float: left;
	width: 100%;
	padding: 20px 0;
}

.kosullarpage .vertitle .text {
	padding-bottom: 0px;
	overflow: inherit;
}

.vertmenu {
	position: relative;
	z-index: 2;
	margin-top: 25px;
	margin-bottom: -20px;
}

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

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

.vertmenu ul li a {
	border-radius: 15px;
	border: 1px solid #E8E8E8;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	float: left;
	padding: 8px;
	position: relative;
	transition: all 0.6s;
}

.vertmenu ul li a:hover {
	box-shadow: 0px 0px 0px 4px rgb(240 238 243);
	border: 1px solid #5d226c;
}

.vertmenu ul li a .icon {
	float: left;
	border-radius: 9.623px;
	background: rgba(128, 139, 163, 0.15);
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 31px;
}

.vertmenu ul li a span {
	color: #142457;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-left: 10px;
	line-height: 34px;
	padding-right: 15px;
}

.vertmenu ul li.active a {
	border-radius: 15px;
	border: 1px solid #5d226c;
	background: #FFF;
	box-shadow: 0px 0px 0px 4px rgb(240 238 243);
}

.vertmenu ul li.active a .icon {
	border-radius: 9.623px;
	background: rgb(240 238 243);
}

.vertmenu ul li.active a .icon img {
	filter: brightness(0) saturate(100%) invert(15%) sepia(27%) saturate(7141%) hue-rotate(279deg) brightness(84%) contrast(93%);
}

.kosullarpage .area {
	float: left;
	width: 100%;
	padding: 40px 10%;
	margin-bottom: 50px;
	margin-top: 25px;
}

.kosullarpage .area .alan {
	float: left;
	width: 100%;
	border-radius: 45px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 60px;
	transition: all 0.6s;
}

.kosullarpage .area .alan h3 {
	color: #000;
	font-family: Satoshi;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.kosullarpage .area .alan p {
	color: #000;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px;
}

.kosullarpage .area .alan {
	display: none;
}

.kosullarpage .area .alan.active {
	display: block;
}

.ssspages .alan {
	display: none;
}

.ssspages .alan.active {
	display: block;
}

.contacttitlemenu {
	float: left;
	width: 100%;
	margin-top: 50px;
	position: relative;
	z-index: 4;
}

.contacttitlemenu ul {
	list-style: none;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.contacttitlemenu ul li {
	float: left;
	width: calc(25% - 10px);
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	display: flex;
	padding: 10px;
}

.contacttitlemenu ul li .icon {
	float: left;
	border-radius: 7.625px;
	background: #f1eef3;
	width: 45px;
	height: 45px;
	line-height: 40px;
}

.contacttitlemenu ul li .icon img {
	filter: brightness(0) saturate(100%) invert(14%) sepia(46%) saturate(3374%) hue-rotate(275deg) brightness(96%) contrast(97%);
}

.contacttitlemenu ul li .textc {
	float: left;
	width: calc(100% - 45px);
	padding-left: 15px;
	text-align: left;
}

.contacttitlemenu ul li .textc h6 {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0px;
	margin-top: 4px;
}

.contacttitlemenu ul li .textc span {
	color: #22272F;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.contactpage {
	float: left;
	width: 100%;
	position: relative;
	z-index: 3;
	margin-bottom: 100px;
}

.contactpage .alan {
	float: left;
	width: 100%;
	margin-top: -80px;
}

.contactpage .form-group {
	display: block;
	margin-bottom: 15px;
}

.contactpage .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.contactpage .form-group label {
	position: relative;
	cursor: pointer;
	color: #454F5F;
	float: left;
	font-size: 14px;
}

.contactpage .form-group label a {
	color: #5d226c;
}

.contactpage .form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border-radius: 24px;
	border: 2px solid #C1C8D8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	width: 17px;
	height: 17px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px;
	float: left;
	margin-top: 2px;
}

.contactpage .form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #EB035F;
	border-radius: 50%;
}

.contactpage .form {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 25px;
}

.contactpage .form h4 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 3px;
}

.contactpage .form p {
	color: rgba(0, 0, 0, 0.80);
	float: left;
	width: 100%;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 25px;
}

.contactpage .form .item {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.contactpage .form .item label {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #1E293B;
	font-family: Satoshi;
	font-style: normal;
	font-weight: 700;
}

.contactpage .form .item input {
	float: left;
	width: 100%;
	border-radius: 16px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 17px;
}

.contactpage .form .item textarea {
	float: left;
	width: 100%;
	border-radius: 16px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 17px;
	min-height: 160px;
}

.contactpage .form button {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: #5d226c;
	box-shadow: 0px 0px 0px 1px #5d226c, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	margin-top: 25px;
	color: #fff;
	padding: 10px;
}

.contactpage .map {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 12px;
}

.contactpage .map iframe {
	float: left;
	width: 100%;
	height: 300px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.contactpage .map .item {
	float: left;
	width: 100%;
	padding-left: 5px;
}

.contactpage .map .item .icon {
	float: left;
	border-radius: 7.625px;
	background: #f1eef3;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 42px;
}

.contactpage .map .item .textc {
	float: left;
	width: calc(100% - 45px);
	padding-left: 15px;
}

.contactpage .map .item .textc h6 {
	color: #5d226c;
	margin-bottom: 2px;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
}

.contactpage .map .item .textc span {
	color: #000;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 19px;
}

.registerpage {
	float: left;
	width: 100%;
	position: relative;
}

.registerpage .gotoweb {
	position: absolute;
	left: 70px;
	top: 30px;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	color: #9CA2AE;
	transition: all 0.6s;
}

.registerpage .gotoweb:hover {
	color: #5d226c;
}

.registerpage .gotoweb i {
	float: left;
	font-size: 18px;
	margin-right: 15px;
}

.registerpage .row {
	margin: 0;
}

.registerpage .col-md-6 {
	padding: 0;
}

.registerarea .alan {
	max-width: 588px;
	padding: 20px 15px;
	margin: 0 auto;
}

.registerarea .hiz {
	float: left;
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.registerarea .log_regis {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.registerarea .log_regis img {
	height: 50px;
	object-fit: contain;
	margin-left: -7px;
}

.registerarea .logntext {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	color: #9CA2AE;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.registerarea .logntext a {
	margin-left: 10px;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.registerarea .item {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.registerarea .item label {
	float: left;
	width: 100%;
	font-family: Satoshi;
	font-size: 16x;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
}

.registerarea .item input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
	background: var(--Root-White, #FFF);
	padding: 15px;
}

.registerarea .item .showpass {
	position: absolute;
	right: 15px;
	background: transparent;
	border: 0;
	bottom: 17px;
}

.registerarea .form-group {
	margin-bottom: 30px;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.registerarea .form-group label {
	color: #9CA2AE;
}

.registerarea .submit {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 15px;
	margin-bottom: 20px;
}

.registerarea .submit i {
	margin-left: 10px;
	font-size: 20px;
	line-height: 16px;
	margin-top: 2px;
}

.registerarea .googlelogin {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
	background: var(--Root-White, #FFF);
	padding: 15px;
	text-align: center;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	transition: all 0.6s;
	cursor: pointer;
}

.registerarea .googlelogin:hover {
	background: #142457;
	color: #fff;
}

.registerarea .googlelogin img {
	margin-right: 10px;
	margin-top: -5px;
}

.reglgn_scs {
	float: left;
	width: calc(100% - 10px);
	min-height: calc(100vh - 20px);
	height: calc(100vh - 20px);
	border-radius: 35px;
	margin-top: 10px;
	text-align: center;
	position: relative;
	background: radial-gradient(67.15% 67.15% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(79.3% 79.3% at 46.82% 102.02%, rgba(242, 46, 108, 0.20) 0%, rgba(242, 46, 108, 0.00) 100%), #161934;
}

.reglgn_scs .alan {
	float: left;
	width: 100%;
	position: relative;
	height: 100%;
}

.reglgn_scs .alan::before {
	content: "";
	background: url(../img/kayitbg.png);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.reglgn_scs .img {
	position: relative;
	max-width: 489px;
	margin: 0 auto;
	height: 100%;
}

.reglgn_scs .img img {
	width: 100%;
	object-fit: contain;
	object-position: bottom;
	height: 100%;
}

.imgobje2 {
	position: absolute;
	bottom: 90px;
	left: -150px;
	animation: bounce 5s infinite ease-in-out;
}

.reglgn_scs .imgobje2 img {
	height: 120px;
	object-fit: contain;
}

.imgobje3 {
	position: absolute;
	bottom: 720px;
	right: -80px;
	animation: bounce 2s infinite ease-in-out;
}

.reglgn_scs .imgobje3 img {
	height: 110px;
	object-fit: contain;
}

.imgobje4 {
	position: absolute;
	bottom: 230px;
	left: -160px;
	animation: swing 3s infinite
}

.reglgn_scs .imgobje4 img {
	height: 330px;
	object-fit: contain;
}

.imgobje5 {
	position: absolute;
	bottom: 410px;
	right: -33px;
	animation: swing 5s infinite
}

.reglgn_scs .imgobje5 img {
	height: 65px;
	object-fit: contain;
}

.registerpage .sifremiunuttum {
	float: right;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #5d226c;
}

.samplepage_content .ssstext {
	float: left;
	width: 100%;
	display: block;
	padding: 0px;
}

.samplepage_content .ssstext::after {
	height: 450px;
}

.samplepage_content .ssstext::before {
	height: 350px;
}

.ssstext .img {
	float: right;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-right: -40px;
}

.ssstext .img img {
	float: left;
	width: 100%;
	height: 500px;
	object-fit: contain;
}

.ssstitle .texta {
	float: left;
	text-align: left;
	position: relative;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.ssstitle .texta .subtitle {
	float: left;
	border-radius: 32px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 7px;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.ssstitle .texta .subtitle .icon {
	float: left;
	width: 28px;
	height: 28px;
	border-radius: 100px;
	background: rgb(240 238 243);
	text-align: center;
	line-height: 25px;
}

.ssstitle .texta .subtitle .icon i {
	color: #631c6d;
	font-size: 18px;
	line-height: 28px;
}

.ssstitle .texta .subtitle .icon img {
	width: 17px;
	filter: brightness(0) saturate(100%) invert(15%) sepia(27%) saturate(7141%) hue-rotate(279deg) brightness(84%) contrast(93%);
}

.ssstitle .texta .subtitle span {
	float: left;
	margin-left: 10px;
	color: #142457;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	margin-top: 3px;
	padding-right: 20px;
}

.ssstitle .texta h1 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 15px;
}

.ssstitle .texta p {
	float: left;
	width: 100%;
	color: rgba(0, 0, 0, 0.80);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	text-align: left;
}

.cekiliscontent {
	float: left;
	width: 100%;
	margin-top: -80px;
	position: relative;
	z-index: 2;
	padding-bottom: 100px;
}

.cekiliscontent .col-md-6 {
	margin-bottom: 20px;
}

.cekiliscontent .cekilitem {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
	padding: 35px;
	height: 100%;
}

.cekiliscontent .cekilitem .icon {
	float: left;
	border-radius: 77px;
	background: rgb(240 238 243);
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #5d226c;
	font-size: 24px;
}

.cekiliscontent .cekilitem h3 {
	float: left;
	width: 100%;
	color: #1B1A35;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
	margin-top: 8px;
}

.cekiliscontent .cekilitem h3 b {
	color: #5d226c;
}

.cekiliscontent .cekilitem .info {
	float: left;
	width: 100%;
	margin: 10px 0;
	margin-bottom: 20px;
}

.cekiliscontent .cekilitem .info .i {
	float: left;
	border-radius: 48.853px;
	background: rgb(240 238 243);
	width: 33px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #5d226c;
	font-size: 20px;
}

.cekiliscontent .cekilitem .info span {
	float: left;
	margin-left: 15px;
	color: #1B1A35;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	max-width: calc(100% - 48px);
	min-height: 33px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.cekiliscontent .cekilitem ul {
	float: left;
	width: 100%;
	list-style: none;
}

.cekiliscontent .cekilitem ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 32px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	padding: 5px;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.cekiliscontent .cekilitem ul li .i {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background: rgb(240 238 243);
	text-align: center;
	line-height: 30px;
	color: #5d226c;
	font-size: 19px;
}

.cekiliscontent .cekilitem ul li span {
	float: left;
	width: calc(100% - 30px);
	padding-left: 10px;
	min-height: 30px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.cekiliscontent .cekilitem .desc {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: rgb(240 238 243);
	padding: 25px;
	color: #000;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 15px;
}

.cekilissartlar {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
	padding: 25px;
	margin-bottom: 25px;
}

.cekilissartlar .itemc {
	float: left;
	width: 100%;
	margin: 7px;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	padding: 15px;
}

.cekilissartlar h3 {
	float: left;
	width: 100%;
	color: #1B1A35;
	margin-bottom: 15px;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
}

.cekilissartlar .itemc .icon {
	float: left;
	border-radius: 48.853px;
	background: rgb(240 238 243);
	width: 33px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #5d226c;
	font-size: 20px;
}

.cekilissartlar .itemc h6 {
	float: left;
	width: calc(100% - 33px);
	padding-left: 10px;
	min-height: 33px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin-bottom: 0;
	color: #1B1A35;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.cekilissartlar .itemc p {
	float: left;
	width: 100%;
	margin-top: 15px;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0;
}

.yasaluy {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
	padding: 25px;
	margin-bottom: 25px;
}

.yasaluy h5 {
	float: left;
	width: 100%;
	color: #1B1A35;
	margin-bottom: 15px;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
}

.yasaluy p {
	float: left;
	width: 100%;
	margin-bottom: 0;
	color: #142457;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

/*Dashcss*/
.dashboardcontent {
	float: left;
	width: 100%;
	position: relative;
}

.dashboardcontent .dashsidebar {
	float: left;
	width: 280px;
	border-right: 1px solid #F6EAF2;
	min-height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	transition: all 0.6s;
	z-index: 9;
	background: #fff;
}

.dashboardcontent.active .dashalan {
	width: calc(100% - 70px);
	margin-left: 70px;
}

.dashboardcontent.active img.kas {
	display: none;
}

.dashboardcontent.active img.favi {
	display: block !important;
	width: 100%;
}

.dashboardcontent.active .dashsidebar {
	width: 70px;
}

.dashboardcontent.active .sidesocial img {
	width: 35px;
	height: 35px;
}

.dashboardcontent.active .dashsidebar .dashmenu ul li.active::after {
	display: none;
}

.dashboardcontent.active .dashsidebar .dashmenu ul li a span {
	display: none;
}

.dashboardcontent.active .dashsidebar .dashmenu ul li a {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.dashboardcontent.active .dashsidebar .dashmenu ul li {
	margin-bottom: 7px;
}

.dashboardcontent.active .dashsidebar .dashmenu ul li.submenu::after {
	display: none;
}

.dashboardcontent.active .dashsidebar .dashmenu {
	padding: 20px 8px;
}

.dashboardcontent.active .dashsidebar .dashmenu ul li a img {
	float: inherit;
	margin: 0 auto;
}

.dashtopbar .left .icon {
	float: left;
	width: 47px;
	height: 47px;
	border-radius: 10px;
	cursor: pointer;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 45px;
	transition: all 0.6s;
}

.dashtopbar .left .icon.active {
	position: fixed;
	z-index: 99999;
	transform: translateX(269px);
	background: #fff;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.dashtopbar .left .icon i {
	font-size: 22px;
	color: #5d226c;
}

.dashtopbar .left .icon.active i {
	display: block;
	font-size: 22px;
	color: #fff;
}

.dashtopbar .left .icon.active {
	position: fixed;
	z-index: 99999;
	transform: translateX(209px);
	background: #fff;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: 0;
}

.dashboardcontent .dashalan {
	float: left;
	width: calc(100% - 280px);
	margin-left: 280px;
}

.dashboardcontent .dashalan .tummodullercontent .container-full {
	padding: 0;
}

.dashsidebar .dash_logo {
	float: left;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.dashsidebar .dash_logo img {
	height: 50px;
	object-fit: contain;
}

.dashsidebar .dashmenu {
	float: left;
	width: 100%;
	padding: 20px;
	overflow: scroll;
	max-height: calc(100vh - 154px);
	padding-top: 0;
}

.dashsidebar .dashmenu ul {
	float: left;
	width: 100%;
	list-style: none;
}

.dashsidebar .dashmenu ul li {
	float: left;
	width: 100%;
	margin-bottom: 18px;
	position: relative;
}

.dashsidebar .dashmenu ul li.active::after {
	content: "";
	background: url(../img/chevron-right.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 15px;
	filter: brightness(0) saturate(100%) invert(18%) sepia(12%) saturate(7313%) hue-rotate(259deg) brightness(100%) contrast(99%);
}

.dashsidebar .dashmenu ul li.active::before {
	content: "";
	border-radius: 0px 5px 5px 0px;
	background: #5d226c;
	width: 5px;
	height: 23px;
	position: absolute;
	left: 0;
	top: 13px;
}

.dashsidebar .dashmenu ul li.active a img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.dashsidebar .dashmenu ul li.active li a {
	background: transparent;
	border-radius: 0;
}

.dashsidebar .dashmenu ul li a {
	float: left;
	width: 100%;
	padding: 13px 15px;
	position: relative;
	z-index: 2;
	transition: all 0.6s;
}

.dashsidebar .dashmenu ul li.active a {
	border-radius: 10px;
	background: #f1eef3;
}

.dashsidebar .dashmenu ul li.active a span {
	color: #5d226c;
}

.dashsidebar .dashmenu ul li a img {
	float: left;
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.dashsidebar .dashmenu ul li a span {
	float: left;
	margin-left: 15px;
	color: #142457;
	font-family: Satoshi;
	font-size: 15apx;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.dashsidebar .dashmenu ul li.submenu ul {
	float: left;
	width: 100%;
}

.dashsidebar .dashmenu ul li.submenu ul li {
	margin-bottom: 0px;
}

.dashsidebar .dashmenu ul li.submenu ul li a {
	float: left;
	width: 100%;
	padding-left: 30px;
}

.dashsidebar .dashmenu ul li.submenu::after {
	content: "";
	background: url(../img/chevron-right.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 9;
	transition: all 0.4s;
	filter: brightness(0) saturate(100%) invert(3%) sepia(18%) saturate(337%) hue-rotate(97deg) brightness(98%) contrast(104%);
}

.dashsidebar .dashmenu ul li.submenu.open::after {
	transform: rotate(90deg);
}

.dashmenu li.submenu ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease;
}

.dashmenu li.submenu.open ul {
	max-height: 500px;
}

.sidesocial {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 25px 0;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	width: 100%;

}

.sidesocial a {
	margin: 0px 8px;
}

.sidesocial img {
	height: 52px;
	width: 52px;
}

.dashtopbar {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	padding: 20px 25px;
	padding-right: 30px;
	border-bottom: 1px solid #F6EAF2;
	transition: all 0.6s;
}

.dashtopbar .left {
	float: left;
}

.dashtopbar .left .tcs {
	float: left;
	margin-left: 15px;
	min-height: 47px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.dashtopbar .left .tcs h5 {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0px;
}

.dashtopbar .left .tcs span {
	color: var(--Neutral-N-300, #6F7789);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.dashtopbar .right {
	float: right;
	position: relative;
}

.dashtopbar .userbar {
	float: right;
	border-radius: 100px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	padding: 5px;
	position: relative;
	cursor: pointer;
	transition: all 0.6s;
}

.dashtopbar .userbar::after {
	content: "";
	background: url(../img/iconb-ttm.svg);
	width: 18px;
	height: 18px;
	position: absolute;
	right: 11px;
	top: 11px;
	transition: all 0.6s;
}

.dashtopbar .userbar.active::after {
	transform: rotate(-180deg);
}

.dashtopbar .userbar .icon {
	float: left;
	height: 32px;
	width: 32px;
	border-radius: 94.118px;
	background: #F3F5F9;
	text-align: center;
	line-height: 29px;
	transition: all 0.6s;
}

.dashtopbar .userbar span {
	float: left;
	margin-left: 10px;
	min-height: 32px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #312F64;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-right: 35px;
	transition: all 0.6s;
}

.dashtopbar .userbar .downmenu {
	position: absolute;
	width: 235px;
	border-radius: 15px;
	border: 1px solid #ECEFF6;
	background: var(--Root-White, #FFF);
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	right: 0;
	top: 50px;
	display: none;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out;
	max-height: 0;
	z-index: 99;
}

.dashtopbar .userbar .downmenu .inf {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ECEFF6;
	padding: 10px;
}

.dashtopbar .userbar .downmenu .inf .userimg {
	float: left;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: url(<path-to-image>) lightgray -11.775px 3.633px / 151.466% 175.706% no-repeat, #FFF;
	width: 50px;
	height: 50px;
}

.dashtopbar .userbar .downmenu .inf .userimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dashtopbar .userbar .downmenu .inf .username {
	float: left;
	width: calc(100% - 50px);
	padding-left: 10px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	min-height: 50px;
}

.dashtopbar .userbar .downmenu .inf .username b {
	color: #142457;
	float: left;
	width: 100%;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik {
	float: left;
	width: 100%;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	position: relative;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik a {
	color: #5d226c;
}

.dashtopbar .userbar .downmenu .inf .username .uyelik img {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
}

.dashtopbar .userbar .downmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
	padding: 5px;
}

.dashtopbar .userbar .downmenu ul li {
	float: left;
	width: 100%;
}

.dashtopbar .userbar .downmenu ul li a {
	float: left;
	width: 100%;
	padding: 13px;
	color: #312F64;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	transition: all 0.6s;
}

.dashtopbar .userbar .downmenu ul li a:hover {
	border-radius: 10px;
	background: #f0eef3;
}

.dashtopbar .userbar .downmenu ul li a img {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 1.4px;
	margin-right: 15px;
}

.darkdashbutton {
	float: right;
	width: 44px;
	height: 44px;
	border-radius: 100px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	margin-right: 10px;
	text-align: center;
	padding: 4px;
	cursor: pointer;
	transition: all 0.5s;
}

.darkdashbutton:hover {
	border: 1px solid #252A56;
}

.darkdashbutton img:hover {
	background: #252a563b;
}

.darkdashbutton img {
	float: left;
	width: 34px;
	height: 34px;
	border-radius: 100px;
	background: #F3F5F9;
	padding: 7px;
	transition: all 0.6s;
}

.langdashbutton {
	float: right;
	width: 44px;
	height: 44px;
	border-radius: 100px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	margin-right: 10px;
	text-align: center;
	padding: 4px;
	cursor: pointer;
	position: relative;
	transition: all 0.6s;
}

.langdashbutton:hover {
	border: 1px solid #252A56;
}

.langdashbutton:hover img {
	background: #252a563b;
}

.langdashbutton img {
	float: left;
	width: 34px;
	height: 34px;
	border-radius: 100px;
	background: #F3F5F9;
	padding: 7px;
	transition: all 0.6s;
}

.bakiyetopbar {
	float: right;
	padding: 5px;
	border-radius: 100px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	transition: all 0.6s;
}

.bakiyetopbar .icon {
	float: left;
	border-radius: 94.118px;
	background: #F3F5F9;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 28px;
	transition: all 0.6s;
}

.bakiyetopbar span {
	float: left;
	color: #312F64;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding: 4px 10px;
	transition: all 0.6s;
}

.bakiyetopbar::after {
	content: "";
	background: url(../img/iconb-ttm.svg);
	width: 18px;
	height: 18px;
	position: absolute;
	right: 11px;
	top: 11px;
	transition: all 0.6s;
	display: none;
}

.dashboardsearch {
	float: right;
	margin-right: 10px;
	border-radius: 9999px;
	border: 1px solid #E6EDF9;
	background: #FFF;
	padding: 6px;
	transition: all 0.6s;
}

.dashboardsearch input {
	float: left;
	border: 0;
	min-width: 370px;
	padding: 4px;
	font-size: 14px;
	background: transparent;
}

.dashboardsearch input::placeholder {
	color: var(--Neutral-N-300, #6F7789);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.dashboardsearch button {
	border-radius: 80.556px;
	background: rgba(242, 46, 108, 0.10);
	border: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 0;
}

.dashboardsearch button img {
	margin-top: -5px;
}

.dashcontentalan {
	float: left;
	width: 100%;
	padding: 25px;
	padding-top: 0;
	min-height: calc(100vh - 250px);
}

.dashcontentalan .blogcontent {
	padding: 0;
	margin-bottom: 50px;
}

.dashcontentalan .blogtitle {
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #f1eef3;
	float: left;
	width: 100%;
	padding: 75px 95px;
}

.dashcontentalan .blogdetail {
	margin-top: 20px;
}

.langmenu {
	position: absolute;
	right: 0;
	border-radius: 15px;
	border: 1px solid #ECEFF6;
	background: var(--Root-White, #FFF);
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 2px 7px;
	z-index: 99;
	top: 50px;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.4s ease;
	display: none;
}

.langmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
}

.langmenu ul li {
	float: left;
	width: 100%;
	display: flex;
	margin: 5px 0;
}

.langmenu ul li img {
	padding: 3px;
	object-fit: cover;
	object-position: center;
}

.langmenu ul li span {
	float: left;
	color: #312F64;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 33px;
	padding: 0px 10px;
	text-align: left;
}

.dashboardtitle {
	float: left;
	width: 100%;
	padding: 90px;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #f1eef3;
	position: relative;
	transition: all 0.6s;
	overflow: hidden;
}

.dashboardtitle::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/dashtitleafter.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	opacity: 0.15;
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.dashboardtitle::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/dashtitlebefore.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	opacity: 0.15;
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.dashboardtitle h1 {
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
}

.dashboardtitle h1 span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
}

.dashboardtitle p {
	position: relative;
	z-index: 2;
	color: #808BA3;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	max-width: 670px;
}

.dashboardtitle p a {
	color: #5d226c;
	margin-left: 5px;
}

.dashkategoriler {
	float: left;
	width: 100%;
	padding: 0px 40px;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	margin-top: -28px;
}

.dashkategoriler .scroll-alan {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: nowrap;
	gap: 5px;
	z-index: 9999;
}

.dashkategoriler .item {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	width: 100%;
	float: left;
	padding: 7px;
	position: relative;
}

.dashkategoriler .item .icon {
	float: left;
	border-radius: 9.623px;
	background: rgba(128, 139, 163, 0.15);
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 29px;
	transition: all 0.6s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dashkategoriler .item .icon i {
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	font-size: 21px;
	color: #5d226c;
}

.dashkategoriler .item .icon img {
	height: 20px;
	width: 20px;
}

.dashkategoriler .item:nth-child(2):hover .icon i {
	color: #E1306C;
}

.dashkategoriler .item:nth-child(3):hover .icon i {
	color: #229ED9;
}

.dashkategoriler .item span {
	float: left;
	margin-left: 10px;
	min-height: 34px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-right: 15px;
}

.dashkategoriler .item i {
	position: absolute;
	color: #000000;
	font-size: 20px;
	top: 9px;
	right: 20px;
}

.dashkategoriler .item.diger {
	padding-right: 35px;
}

.dashkategoriler .item.diger a {
	float: left;
	width: 100%;
	justify-content: center;
	display: flex;
}

.dashkategoriler .item a {
	float: left;
	width: 100%;
	display: flex;
}

.dashkategoriler .item.active .icon {
	background: rgb(241 238 243);
}

.dashkategoriler .item.active .icon img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.dashkategoriler .item:hover .icon {
	background: rgb(241 238 243);
}

.dashkategoriler .item:hover .icon img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.newordercontent {
	float: left;
	width: 100%;
	margin-top: 30px;
	padding: 0px 20px;
	margin-bottom: 100px;
}

.neworderalan {
	float: left;
	width: 100%;
	border: 1px solid #F6EAF2;
	background: #FFF;
	border-radius: 25px;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	height: 100%;
}

.newordertab {
	float: left;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #F6EAF2;
}

.newordertab .tabs {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.newordertab .tabs .tabitem {
	float: left;
	width: calc(24% - 10px);
	display: flex;
	justify-content: center;
	padding: 15px 6px;
	cursor: pointer;
	transition: all 0.6s;
	align-items: center;
}

.newordertab .tabs .tabitem:hover {
	border-radius: 10px;
	background: #f1eef3;
}

.newordertab .tabs .tabitem.active {
	border-radius: 10px;
	background: #f1eef3;
}

.newordertab .tabs .tabitem img {
	float: left;
	width: 23px;
	height: 23px;
	margin-right: 10px;
}

.newordertab .tabs .tabitem.active img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.newordertab .tabs .tabitem span {
	color: #142457;
	text-align: center;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	text-align: left;
	min-height: 24px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.newordertab .tabs .tabitem:nth-child(4) {
	width: 30%;
}

.newordersiparis {
	float: left;
	width: 100%;
	padding: 20px 15px;
}

.newordersiparis .item {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}

.newordersiparis .pxtitle {
	float: left;
	width: 100%;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 10px;
}

.newordersiparis input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 15px;
}

.newordersiparis input::placeholder {
	color: #75818D;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.newordersiparis .item.ara img {
	position: absolute;
	right: 20px;
	width: 20px;
	height: 20px;
	bottom: 20px;
}

.newordersiparis .custom-select {
	float: left;
	width: 100%;
}

.newordersiparis .custom-select span {
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
}

.custom-select {
	position: relative;
	width: 100%;
	border: 1px solid #F6EAF2;
	border-radius: 15px;
	background: #FFF;
}

.select-header {
	display: flex;
	align-items: center;
	padding: 10px;
	cursor: pointer;
}

.select-header .selected-option {
	display: flex;
	align-items: center;
	flex: 1;
}

.select-header .selected-option img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	object-fit: contain;
}

.select-header .selected-option span {
	font-size: 14px;
	color: #142457;
}

.select-header i {
	margin-left: 10px;
	font-size: 20px;
	color: #808BA3;
}

.select-options {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	max-height: 260px;
	overflow-y: auto;
	border: 1px solid #F6EAF2;
	border-radius: 15px;
	background: #FFF;
	z-index: 10;
}

.select-options::-webkit-scrollbar {
	width: 5px;
}

.select-options::-webkit-scrollbar-thumb {
	background-color: #5d226c;
	border-radius: 10px;
}

.select-options::-webkit-scrollbar-thumb:hover {
	background-color: #D91E5C;
}

.select-options::-webkit-scrollbar-track {
	background: #F6EAF2;
	border-radius: 10px;
}

.select-options .select-search-container {
	float: left;
	width: 100%;
	padding: 10px;
}

.select-options .select-search {
	width: 100%;
	border-radius: 10px;
	padding: 15px;
	font-size: 14px;
	outline: none;
	border-radius: 15px;
	border: 1px solid rgba(0, 99, 142, 0.10);
	background: #FAFCFF;
}

.select-options .select-option {
	padding: 10px 20px;
	cursor: pointer;
	transition: background 0.3s;
	float: left;
	width: 100%;
}

.newordersiparis .item.servis .select-options .select-option {
	padding: 10px;
	cursor: pointer;
	transition: background 0.3s;
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid rgba(0, 99, 142, 0.10);
	margin-bottom: 10px;
}

.newordersiparis .item.servis .selected-option .lis {
	display: none;
}

.select-options .select-option:hover {
	background: #fafcff;
}

.select-options .select-option img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.select-options .select-option span {
	font-size: 14px;
	color: #142457;
}

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

.servisselectitem .id {
	float: left;
	border-radius: 10px;
	background: rgb(93 34 108 / 19%);
	padding: 5px 10px;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	margin-right: 15px;
}

.servisselectitem span {
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	float: left;
	min-height: 35px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.newordersiparis .select-option .lis {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.newordersiparis .select-option .lis .fiy {
	float: left;
	border-radius: 10px;
	border: 1px solid #94C6B0;
	background: #DAFFEF;
	color: #2F7A6D;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 8px 13px 8px 10px;
	margin-right: 12px;
}

.newordersiparis .select-option .lis .min {
	float: left;
	border-radius: 10px;
	border: 1.006px solid #F0E2D8;
	background: #FEF8F2;
	color: #753C07;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 8px 13px 8px 10px;
	margin-right: 12px;
}

.newordersiparis .select-option .lis .max {
	float: left;
	border-radius: 10px;
	border: 1px solid #D8E6F0;
	background: #F2F9FE;
	color: #09597C;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 8px 13px 8px 10px;
	margin-right: 12px;
}

.newordersiparis .select-option .lis .zaman {
	float: left;
	border-radius: 10px;
	border: 1.006px solid #F0D8E2;
	background: #f1eef3;
	color: #A80E3F;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 8px 13px 8px 10px;
}

.newordersiparis .select-option .lis .zaman.orta {
	border-radius: 10px;
	border: 1.006px solid #F0E2D8;
	background: #FEF8F2;
	color: #915105;
}

.newordersiparis .select-option .lis .zaman.dusuk {
	border-radius: 10px;
	border: 1.006px solid #94C6B0;
	background: #DAFFEF;
	color: #2F7A6D;
}

.newordersiparis .item.servis .select-options {
	max-height: 585px;
	padding: 0px 10px;
}

.newordersiparis .item.servis .select-search-container {
	padding: 10px 3px;
}

.newordersiparis .item.totalfiyat {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 12px 10px;
	margin-top: 15px;
}

.newordersiparis .item.totalfiyat .icon {
	float: left;
	border-radius: 10px;
	background: rgb(93 34 108 / 19%);
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin-right: 15px;
}

.newordersiparis .item.totalfiyat .icon img {
	filter: brightness(0) saturate(100%) invert(14%) sepia(46%) saturate(3341%) hue-rotate(271deg) brightness(95%) contrast(91%);
}

.newordersiparis .item.totalfiyat b {
	float: left;
	color: var(--Primary-Color-950, #142457);
	text-align: center;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	min-height: 40px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin-right: 15px;
}

.newordersiparis .item.totalfiyat span {
	float: left;
	color: var(--Neutral-N-300, #6F7789);
	text-align: center;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	min-height: 40px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.newordersiparis .sparisbutton {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #b39fb8;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding: 15px 5px;
	margin-top: 5px;
}

.newordersiparis .sparisbutton img {
	margin-left: 10px;
}

.siparisservisdetail {
	float: left;
	width: 100%;
	border: 1px solid #F6EAF2;
	background: #FFF;
	border-radius: 25px;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
}

.siparisservisdetail .sdsdetaitab {
	float: left;
	width: 100%;
	border-bottom: 1px solid #F6EAF2;
}

.siparisservisdetail .sdsdetaitab .item {
	float: left;
	width: 100%;
	padding: 25px 5px;
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
}

.siparisservisdetail .sdsdetaitab .item img {
	margin-right: 5px;
}

.siparisservisdetail .sdsdetaitab .item span {
	color: rgba(0, 23, 72, 0.50);
	text-align: center;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.siparisservisdetail .sdsdetaitab .item.active {
	border-bottom: 1px solid #5d226c;
}

.siparisservisdetail .sdsdetaitab .item.active span {
	color: #5d226c;
	text-align: center;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.siparisservisdetail .sdsdetaitab .item.active img {
	filter: brightness(0) saturate(100%) invert(18%) sepia(12%) saturate(7313%) hue-rotate(259deg) brightness(100%) contrast(99%);
}

.sdtailalan {
	float: left;
	width: 100%;
	padding: 20px;
}

.sdtailalan .servisaciklama {
	float: left;
	width: 100%;
	padding: 50px 5px;
	padding-top: 10px;
	text-align: center;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.sdtailalan .servisaciklama img {
	margin-bottom: 15px;
	width: 46px;
	height: 46px;
}

.sdtailalan .servisaciklama span.id {
	float: left;
	width: 100%;
	text-align: center;
	color: #5d226c;
	text-align: center;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
}

.sdtailalan .servisaciklama h3 {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 10px;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	max-width: 380px;
}

.sdtailalan .servisaciklama .icon {
	width: 46px;
	height: 46px;
	border-radius: 13.627px;
	background: #F3F5F9;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 15px;
}

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

.sdtailalan .servisaciklama .row {
	min-width: 100%;
}

.sdtailalan .servisaciklama h5 {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.sdtailalan .servisaciklama b {
	color: #142457;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.sdtailalan .newordericerik {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	padding: 20px 25px;
	margin-bottom: 20px;
}

.sdtailalan .newordericerik .tis {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.sdtailalan .newordericerik .tis .icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 10.096px;
	background: rgb(93 34 108 / 19%);
	padding: 6px;
	line-height: 15px;
	margin-right: 15px;
}

.sdtailalan .newordericerik .tis .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(14%) sepia(46%) saturate(3341%) hue-rotate(271deg) brightness(95%) contrast(91%);
}

.sdtailalan .newordericerik .tis h6 {
	float: left;
	min-height: 35px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin-bottom: 0;
	color: #142457;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.sdtailalan .newordericerik p {
	color: #000;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 33px;
	margin-bottom: 0;
}

.sdtailalan .inf {
	float: left;
	width: 100%;

}

.sdtailalan .inf img {
	float: left;
	width: 35px;
	height: 50px;
	object-fit: contain;
}

.sdtailalan .inf span {
	float: left;
	width: calc(100% - 35px);
	padding-left: 15px;
	color: #000;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.sdtailalan .inf span a {
	color: #5d226c;
}

.dashfooter {
	float: left;
	width: 100%;
	padding: 20px 25px;
	transition: all 0.6s;
}

.dashfooter .alan {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding: 25px;
}

.dashfooter .alan .logo {
	float: left;
	height: 30px;
}

.dashfooter .alan .logo img {
	float: left;
	height: 100%;
	object-fit: contain;
}

.dashfooter .alan .dashftmenu ul {
	list-style: none;
	margin-bottom: 0;
	margin-top: 5px;
}

.dashfooter .alan .dashftmenu ul li {
	float: left;
	margin: 0px 20px;
}

.dashfooter .alan .dashftmenu ul li a {
	color: #808BA3;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.dashfooter .alan span {
	float: right;
	color: #808BA3;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 5px;
}

.sdtailalan .accordion-item {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 12px;
	overflow: hidden;
	transition: all 0.7s;
}

.sdtailalan .accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #fff;
	box-shadow: none;
}

.sdtailalan .accordion-button:focus {
	box-shadow: none;
	outline: 0;
}

.sdtailalan .accordion-button {
	font-weight: 500;
	padding: 25px;
	font-size: 15px;
}

.sdtailalan .accordion-body {
	width: 100%;
	display: flex;
	padding-bottom: 10px;
}

.sdtailalan .accordion-body p {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: #FFF9FC;
	padding: 20px 25px;
	color: #525866;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.toplusiparisinfo {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
	color: #484C56;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 30px;
}

.newordersiparis .item textarea {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 17px;
	min-height: 185px;
}

.newordersiparis .item textarea::placeholder {
	color: rgba(72, 76, 86, 0.80);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.toplusiparisbilgi {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 10px;
}

.toplusiparisbilgi .baslik {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
}

.toplusiparisbilgi .accordion {
	float: left;
	width: 100%;
}

.toplusiparisbilgi .accordion-item {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 12px;
	overflow: hidden;
	transition: all 0.7s;
}

.toplusiparisbilgi .accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #fff;
	box-shadow: none;
}

.toplusiparisbilgi .accordion-button:focus {
	box-shadow: none;
	outline: 0;
}

.toplusiparisbilgi .accordion-button {
	font-weight: 500;
	padding: 25px;
	font-size: 15px;
}

.toplusiparisbilgi .accordion-body {
	width: 100%;
	display: flex;
	padding: 10px;
}

.toplusiparisbilgi .accordion-body p {
	float: left;
	width: 100%;
	border-radius: 15px;
	border-radius: 15px;
	background: #F6F8FB;
	padding: 20px 25px;
	color: #525866;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 0;
}

.toplusiparisbilgi .baslik h4 {
	color: #292D35;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.toplusiparisbilgi .baslik span {
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

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

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

.profilsidebar .hsthed {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.profilsidebar .sidemenu {
	float: left;
	width: 100%;
}

.profilsidebar .hsthed .userimg {
	float: left;
	height: 65px;
	height: 65px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	margin-bottom: 15px;
}

.profilsidebar .hsthed .userimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profilsidebar .hsthed b {
	float: left;
	width: 100%;
	color: #031700;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
}

.profilsidebar .hsthed b img {
	margin-left: 5px;
	margin-top: -5px;
}

.profilsidebar .hsthed span {
	float: left;
	width: 100%;
	color: var(--Neutral-N-300, #6F7789);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 20px;
}

.profilsidebar .hsthed .uyelik {
	float: left;
	width: 100%;
	color: #5d226c;
	line-height: 34px;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	position: relative;
}

.profilsidebar .hsthed .uyelik img {
	float: left;
	width: 34px;
	height: 34px;
	margin-right: 10px;
}

.profilsidebar .sidemenu {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.profilsidebar .sidemenu .nav-link {
	color: #142457;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	text-align: left;
	padding: 15px 20px;
	margin-bottom: 15px;
	border-radius: 15px;
	border: 1px solid transparent;
	background: transparent;
	transition: all 0.5s;
}

.profilsidebar .sidemenu .nav-link.active {
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
}

.profilsidebar .sidemenu .nav-link img {
	float: left;
	margin-right: 15px;
	width: 24px;
	height: 24px;
}

.profilsidebar .sidemenu .nav-link.active img {
	filter: brightness(0) invert(1);
}

.profilebox {
	float: left;
	width: 100%;
	border-radius: 20px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #F6EAF2;
	background: #FFF;
}

.profilebox .title {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
	margin-bottom: 10px;
}

.profilebox .title h5 {
	float: left;
	width: 100%;
	color: #292D35;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.profilebox .title span {
	float: left;
	width: 100%;
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.profilebox .arcon {
	float: left;
	width: 100%;
	padding: 25px;
}

.profilebox .inptsitem {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.profilebox .inptsitem label {
	float: left;
	width: 100%;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 12px;
}

.profilebox .inptsitem input {
	float: left;
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #E6E8EC;
	padding: 0 20px;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.profilebox .inptsitem select {
	float: left;
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #E6E8EC;
	padding: 0 20px;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.profilebox .inptsitem button {
	float: left;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 12px 30px;
	color: var(--Root-White, #FFF);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.profilebox .inptsitem button img {
	width: 20px;
	height: 20px;
	margin-left: 10px;
	filter: brightness(0) invert(1);
}

.switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 26px;
	vertical-align: middle;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #E4EAF2;
	transition: .4s;
	border-radius: 26px;
	border: 1px solid #E4EAF2;
}

.slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 2px;
	bottom: 3px;
	transition: .4s;
	border-radius: 50%;
	background: #fff;
}

.switch input:checked+.slider {
	background: #5d226c;
}

.switch input:checked+.slider:before {
	background: #fff;
	transform: translateX(20px);
	border: 2px solid #fff;
}

.togleswitchalan {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #E6EDF9;
	background: var(--Root-White, #FFF);
}

.radicheckitem {
	float: left;
	width: 100%;
	border-bottom: 1px solid #E6EDF9;
	padding: 25px;
}

.radicheckitem .text {
	float: left;
}

.radicheckitem .text h5 {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.radicheckitem .text span {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.radicheckitem .ls {
	float: right;
	display: flex;
}

.radicheckitem .ls .it {
	display: flex;
	flex-flow: column;
	margin-left: 20px;
}

.radicheckitem .ls .it b {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}

.kosullarpage .alan {
	float: left;
	width: 100%;
}

.sssalan-accordion {
	max-width: 768px;
	margin: 50px auto;
}

.sssalan-accordion .accordion-item {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 12px;
	overflow: hidden;
	transition: all 0.7s;
}

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

.sssalan-accordion .accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #fff;
	box-shadow: none;
}

.sssalan-accordion .accordion-button:focus {
	border: 0;
	box-shadow: none;
}

.sssalan-accordion .accordion-button {
	font-weight: 500;
	padding: 25px;
}

.sssalan-accordion .accordion-body p {
	border-radius: 15px;
	background: #f0eef3;
	padding: 20px 25px;
	color: #525866;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.serivsdetailmodal .modalhelp a {
	float: right;
	border-radius: 15px;
	border: 1px solid #907497;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding: 9px 20px;
}

.serivsdetailmodal .modalhelp {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: rgb(103 48 117 / 11%);
	padding: 10px;
	margin-top: 30px;
}

.serivsdetailmodal .modalhelp .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	line-height: 43px;
}

.serivsdetailmodal .modalhelp span {
	float: left;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	min-height: 45px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-left: 15px;
}

.servismodaldetail .paketinfo {
	float: left;
	width: 100%;
	padding: 25px;
	margin-bottom: 10px;
}

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

.servismodaldetail .paketdetail {
	float: left;
	width: 100%;
	padding: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
}

.servismodaldetail .paketdetail i {
	font-size: 35px;
	color: #5d226c;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

.servismodaldetail .paketdetail h3 {
	color: #000;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

.servismodaldetail .paketdetail span {
	float: left;
	width: 100%;
	color: var(--Neutral-N-300, #6F7789);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 20px;
}

.servismodaldetail .paketdetail a {
	float: left;
	border-radius: 15px;
	border: 1px solid #907497;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 11px 25px;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	color: #fff;
	margin-top: 18px;
}

.servismodaldetail .paketdetail a i {
	font-size: 16px;
	width: auto;
	float: right;
	color: #fff;
	margin-left: 20px;
	margin-bottom: 0;
}

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

.serivsdetailmodal .modal-content {
	border-radius: 25px;
	border: 1px solid #E9EAEB;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
}

.serivsdetailmodal .modal-content .modal-header {
	border-bottom: none;
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
}

.serivsdetailmodal .modal-content .modal-header .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 11.905px;
	background: rgb(107 53 120 / 26%);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.serivsdetailmodal .modalhelp .icon img {
	filter: brightness(0) saturate(100%) invert(19%) sepia(42%) saturate(1645%) hue-rotate(254deg) brightness(98%) contrast(103%);
}

.serivsdetailmodal .modal-content .modal-header .icon img {
	filter: brightness(0) saturate(100%) invert(19%) sepia(42%) saturate(1645%) hue-rotate(254deg) brightness(98%) contrast(103%);
}

.serivsdetailmodal .modal-content .modal-header span {
	float: left;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.serivsdetailmodal .modal-content .modal-header button {
	float: right;
	border-radius: 10px;
	background: var(--Root-White, #FFF);
	border: 0;
	opacity: 1;
	font-size: 25px;
}

.serivsdetailmodal .modal-body {
	padding: 0;
}

.servislistesi .hiz {
	padding: 60px 0;
}

.servislistesi .vertitle .text::before {
	display: none;
}

.servislistesi .vertitle .text {
	padding-bottom: 30px;
}

.serviscontent {
	float: left;
	width: 100%;
	margin-bottom: 60px;
	margin-top: -35px;
	position: relative;
	z-index: 2;
}

.filterbar {
	display: flex;
	gap: 10px;
	/* Öğeler arasında az boşluk */
	align-items: center;
	width: 100%;
}

.filterbar .filterselect {
	display: flex;
	align-items: center;
	border-radius: 100px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 7px 15px 7px 7px;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
}

.filterbar .filterselect::after {
	content: "";
	position: absolute;
	background: url(/assets/img/chevron-down.svg);
	width: 19px;
	height: 19px;
	background-size: contain;
	background-repeat: no-repeat;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.filterbar .filterselect .icon {
	border-radius: 100px 15px 15px 100px;
	background: #f1eef3;
	padding: 6px;
	text-align: center;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.filterbar .filterselect .icon img {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.filterbar .filterselect span {
	color: #142457;
	font-size: 15px;
	font-weight: 500;
	line-height: 36px;
	padding: 0px 10px;
	margin-right: 20px;
}

.filtersearchbar {
	flex-grow: 1;
	border-radius: 9999px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	position: relative;
	padding: 8px 10px;
}

.filtersearchbar input {
	width: 100%;
	height: 36px;
	border: none;
	padding-left: 15px;
	font-size: 15px;
	font-weight: 500;
	color: #142457;
	outline: none;
}

.filtersearchbar button {
	position: absolute;
	width: 36px;
	height: 36px;
	right: 10px;
	border-radius: 100px;
	background: rgb(241 238 243);
	border: none;
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 8px;
}

.filtersearchbar button img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	filter: brightness(0) saturate(100%) invert(18%) sepia(12%) saturate(7313%) hue-rotate(259deg) brightness(100%) contrast(99%);
}

.filterbar .filterselect .droplist {
	position: absolute;
	top: 100%;
	left: 0;
	top: 60px;
	width: auto;
	background: #FFF;
	border-radius: 15px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	display: block;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-10px) scaleY(0.95);
	transition: opacity 0.25s, transform 0.25s;
	z-index: 99;
	min-width: 235px;
}

.filterbar .filterselect.active .droplist {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scaleY(1);
}

.filterbar .filterselect:not(.active) .droplist {
	transition: opacity 0.2s, transform 0.2s;
}

.filterbar .filterselect .droplist ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

.filterbar .filterselect .droplist ul li a {
	float: left;
	width: 100%;
	cursor: pointer;
	padding: 7px 15px;
	transition: all 0.6s;
	color: #312F64;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.filterbar .filterselect .droplist ul li:hover {
	background: rgba(242, 46, 108, 0.05);
}

.servis_tabloliste {
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: -10px;
	border-radius: 15px;
	border: 1px solid var(--Gray-200, #E9EAEB);
	background: var(--Base-White, #FFF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
	overflow: hidden;
}

.servis_tabloliste .servistitle {
	text-align: center;
	background: #13162D;
	color: #fff;
	float: left;
	width: 100%;
	padding: 15px 10px;
}

.servis_tabloliste .servistitle h2 {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.servis_tabloliste .servistitle h2 img {
	height: 25px;
}

.servistablobaslik {
	float: left;
	width: 100%;
	border-bottom: 1px solid #E9EAEB;
	padding: 20px;
}

.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 {
	background-color: #f9f9f9;
	color: #142457;
}

.servistablobaslik span,
.servistabloitem span {
	display: block;
	padding: 7px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.servistablobaslik span {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

/* 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.3;
	text-align: right;
	padding-right: 40px;
}

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

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

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

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

.favoribtnlist span.button {
	float: left;
	border-radius: 10px;
	background: #F3F5F9;
	width: 40px;
	height: 40px;
	border: 0;
	text-align: center;
	display: block;
	margin-right: 5px;
	text-align: center;
	line-height: 18px;
	transition: all 0.6s;
	text-overflow: inherit;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.favoribtnlist button {
	float: left;
	border-radius: 10px;
	background: #F3F5F9;
	width: 40px;
	height: 40px;
	border: 0;
	text-align: center;
	display: block;
	margin-right: 5px;
	text-align: center;
	line-height: 18px;
	transition: all 0.6s;
}

.favoribtnlist button:hover {
	background: rgba(242, 46, 108, 0.05);
}

.favoribtnlist span.button:hover {
	background: rgba(242, 46, 108, 0.05);
}

.favoribtnlist button img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.servistabloitem .idtet {
	color: #5d226c;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

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

.servistabloitem .serivsname img {
	margin-right: 10px;
}

.servistabloitem .serivsname h5 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0;
}

.servistabloitem .serivsname i {
	margin-right: 15px;
	color: #5d226c;
	font-size: 24px;
	float: left;
	margin-top: -1px;
}

.servistabloitem .cart-btn {
	float: left;
	border-radius: 100px;
	background: #f1eef3;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 30px;
	transition: all 0.6s;
}

.servistabloitem .cart-btn:hover {
	background: #5d226c;
}

.servistabloitem .cart-btn:hover img {
	filter: brightness(0) invert(1);
}

.servistabloitem .cart-btn img {
	height: 22px;
	filter: brightness(0) saturate(100%) invert(19%) sepia(42%) saturate(1645%) hue-rotate(254deg) brightness(98%) contrast(103%);
}

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

.servistabloitem .minadet {
	float: left;
	width: 100%;
	color: #7B501E;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.servistabloitem .minadet b {
	color: rgba(86, 87, 20, 0.20);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.servistabloitem .teslimsure {
	float: left;
	width: 100%;
	color: #9E4614;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.2px;
}

.servistabloitem .teslimsure.hizli {
	color: #149E64;
}

.servistabloitem .teslimsure.kisa {
	color: #149E64;
}

.servistabloitem .teslimsure.orta {
	color: #B54708;
}

.servistabloitem .sDetayBtn {
	border-radius: 100px;
	background: rgba(128, 139, 163, 0.13);
	color: #525B6E;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	padding: 11px 24px;
	transition: all 0.6s;
	cursor: pointer;
}

.servistabloitem .sDetayBtn:hover {
	background: rgba(242, 46, 108, 0.05);
	color: #5d226c;
}

.servislistesi .ftlandarea .hiz {
	padding: 0px;
}

.dashboardservis {
	padding: 0px 50px;
}

.dashcontentalan .text.gorevlertitles {
	padding-top: 0;
	padding-bottom: 0;
}

.yorumuretici_alan {
	float: left;
	width: 100%;
	margin-top: -50px;
	position: relative;
	z-index: 2;
	border-radius: 35px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
	margin-bottom: 140px;
	margin-top: -70px;
}

.yorumuretici_alan .textgiris {
	float: left;
	width: 100%;
	border-radius: 25px;
	background: #f1eef3;
	padding: 40px;
}

.yorumuretici_alan .icn {
	display: flex;
	float: left;
	background: #fff;
	border-radius: 32px;
	border: 1px solid #F6EAF2;
	padding: 5px 5px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.yorumuretici_alan .icn .icon {
	float: left;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #5d226c;
	font-size: 24px;
}

.yorumuretici_alan .icn span {
	float: left;
	margin-left: 10px;
	color: #142457;
	font-weight: bold;
	font-size: 15px;
	font-family: Satoshi;
	line-height: 32px;
	margin-right: 10px;
}

.yorumuretici_alan h3 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 25px;
}

.yorumuretici_alan ul {
	float: left;
	width: 100%;
	margin-bottom: 0;
	list-style: none;
}

.yorumuretici_alan ul li {
	float: left;
	width: 100%;
	border-radius: 32px;
	border: 1px solid #F3E2ED;
	background: var(--Root-White, #FFF);
	padding: 7px;
	margin-bottom: 10px;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.yorumuretici_alan ul li .sn {
	float: left;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.yorumuretici_alan ul li span {
	float: left;
	width: calc(100% - 35px);
	padding-left: 12px;
	min-height: 35px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.yorumuretici_alan .form {
	float: left;
	width: 100%;
	padding: 30px;
}

.yorumuretici_alan .form .item {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.yorumuretici_alan .form .item label {
	float: left;
	width: 100%;
	color: var(--Neutral-N-900, #111621);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 8px;
}

.yorumuretici_alan .form .item input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 15px;
	margin-bottom: 10px;
}

.yorumuretici_alan .form .item span {
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.yorumuretici_alan .form button {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 15px;
	font-family: Satoshi;
	font-style: normal;
	font-weight: 700;
}

.refferal_content {
	float: left;
	width: 100%;
	padding: 20px;
}

.refferal_content .info {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 15px;
	position: relative;
}

.refferal_content .text {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: column;
	padding: 30px;
}

.refferal_content .text .icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 62px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 55px;
	margin-bottom: 20px;
}

.refferal_content .text .icon img {
	filter: brightness(0) saturate(100%) invert(19%) sepia(42%) saturate(1645%) hue-rotate(254deg) brightness(98%) contrast(103%);
}

.refferal_content .text h4 {
	color: #312F64;
	font-family: Satoshi;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 12px;
}

.refferal_content .text p {
	color: #808BA3;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 20px;
}

.refferal_content .text .urls {
	float: left;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	display: flex;
	padding: 8px;
}

.refferal_content .text .urls input {
	width: 100%;
	border: 0;
	padding: 10px 10px 10px 25px;
	border-radius: 15px;
}

.refferal_content .text .urls .copybtn {
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	display: flex;
	flex-flow: nowrap;
	color: #fff;
	flex: none;
	padding: 15px 25px;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.refferal_content .text .urls .copybtn i {
	font-weight: normal;
	float: right;
	font-size: 20px;
	margin-left: 15px;
	margin-top: 4px;
	line-height: 15px;
}

.refferal_content .video {
	float: right;
	width: calc(100% - 50px);
	position: relative;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
}

.refferal_content .video iframe {
	width: 100%;
	height: 100%;
}

.refferal_content .video::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 25px;
	background: #1B1A38;
	opacity: 0.9;
}

.refferal_content .video button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #fff;
	font-size: 70px;
}

.refistatistik {
	float: left;
	width: 100%;
	padding: 30px 0;
}

.refistatistik .title {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.refistatistik .title .icon {
	float: left;
	width: 47px;
	height: 47px;
	border-radius: 10px;
	background: rgba(235, 3, 95, 0.05);
	text-align: center;
	line-height: 45px;
}

.refistatistik .title .tcs {
	float: left;
	padding-left: 20px;
	min-height: 47px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.refistatistik .title .tcs h5 {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 1px;
}

.refistatistik .title .tcs p {
	color: var(--Neutral-N-300, #6F7789);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.refistatistik a.cekimtalebi {
	float: right;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 12px 25px;
	font-size: 15px;
}

.refistatistik .list {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	margin-top: 5px;
	float: left;
	width: 100%;
}

.refistatistik .list .item {
	flex: 0 0 33.3333%;
	box-sizing: border-box;
	padding: 25px;
	display: flex;
	align-items: center;
	background: #fff;
	border-right: 1px solid #F6EAF2;
	border-bottom: 1px solid #F6EAF2;
}

.refistatistik .list .item:nth-child(3n) {
	border-right: none;
}

.refistatistik .list .item:nth-last-child(-n+3) {
	border-bottom: none;
}

.refistatistik .list .item .icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 17.5px;
	background: rgba(235, 3, 95, 0.05);
	text-align: center;
	line-height: 55px;
}

.refistatistik .list .item .tvs {
	float: left;
	padding-left: 20px;
	min-height: 60px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.refistatistik .list .item span {
	color: #9CA2AE;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
}

.refistatistik .list .item b {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
}

.refferal_content .video.playing::before {
	display: none !important;
}

.refferal_content .talepler {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 10px;
	margin-bottom: 30px;
}

.refferal_content .talepler .title {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 20px;
}

.refferal_content .talepler .title h3 {
	color: #292D35;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.refferal_content .talepler .title span {
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-top: 6px;
	float: left;
	width: 100%;
}

.refferal_content .talepler .item {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	border-radius: 15px;
	border: 1px solid #E6EDF9;
	background: var(--Root-White, #FFF);
	padding: 19px 20px;
}

.refferal_content .talepler .item .status {
	float: right;
	border-radius: 10px;
	background: #E9FFF0;
	padding: 12px 15px;
	color: #096E43;
	text-align: center;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	min-width: 130px;
}

.refferal_content .talepler .item .status i {
	margin-left: 10px;
	font-size: 17px;
	line-height: 15px;
	margin-top: 1px;
	float: right;
}

.refferal_content .talepler .item .status.red {
	border-radius: 10px;
	background: #FFD0D0;
	color: #8C0000;
}

.talepler-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.talepler-flex .talepler-left {
	display: flex;
	flex-direction: column;
	margin-right: 30px;
	min-width: 120px;
}

.talepler-flex .talepler-status {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.talepler-flex b {
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 8px;
}

.talepler-flex h6 {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0;
}

.talepler p {
	float: left;
	width: 100%;
	padding: 10px 20px;
	color: #1B2A55;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
}

.talepler ul {
	padding-left: 40px;
	color: #1B2A55;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
}

.talepler .alan {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #F9FAFC;
	padding: 20px;
}

.talepler .alan li {
	padding-left: 20px;
}

.talepler .alan strong {
	float: left;
	width: 100%;
	padding: 15px;
}

.refferal_content .text .adsunucu {
	float: left;
	width: 100%;
	display: flex;
}

.refferal_content .text .adsunucu .icon {
	width: 50px;
	height: 50px;
	line-height: 47px;
	margin-bottom: 0;
	min-width: 50px;
}

.refferal_content .text .adsunucu .icon img {
	filter: brightness(0) saturate(100%) invert(14%) sepia(46%) saturate(3341%) hue-rotate(271deg) brightness(95%) contrast(91%);
}

.refferal_content .text .adsunucu b {
	float: left;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #292D35;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.refferal_content .text .adsunucu span {
	float: left;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: rgba(20, 36, 87, 0.40);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.bayistep {
	float: left;
	width: 100%;
	border-radius: 25px;
	background: #5d226c17;
	padding: 32px;
	margin: 30px 0;
}

.bayistep h4 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
}

.bayistep p {
	float: left;
	width: 100%;
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.childstep-swiper-container {
	float: left;
	width: 100%;
}

.childstep-swiper-container .step-icon {
	float: left;
	width: 57px;
	height: 57px;
	border-radius: 15px;
	background: #5d226c;
	text-align: center;
	line-height: 50px;
}

.childstep-swiper-container .step-card {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #EFEDEF;
	background: #FFF;
	padding: 15px;
}

.childstep-swiper-container .txa {
	float: left;
	width: calc(100% -57px);
	padding-left: 18px;
	min-height: 57px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.childstep-swiper-container .txa h5 {
	background: linear-gradient(270deg, #5d226c 34.97%, #742289 93.8%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 16px;
	font-family: Satoshi;
	font-weight: 500;
	margin-bottom: 5px;
}

.childstep-swiper-container .txa p {
	color: #312F64;
	text-align: center;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.bayilikcreate {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.bayilikcreate .boxs {
	float: left;
	width: 100%;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	border-radius: 25px;
	padding: 10px;
}

.bayilikcreate .title {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
}

.bayilikcreate .title h5 {
	color: #292D35;
	margin-bottom: 5px;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.bayilikcreate .title p {
	color: rgba(76, 81, 91, 0.40);
	margin-bottom: 0;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.bayilikcreate .form {
	float: left;
	width: 100%;
	padding: 20px;
}

.bayilikcreate .form .item {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.bayilikcreate .form .item label {
	float: left;
	width: 100%;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 15px;
}

.bayilikcreate .form .item input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 15px;
}

.bayilikcreate .form .item select {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 15px;
}

.bayilikcreate .form .item .showpass {
	position: absolute;
	right: 10px;
	bottom: 4px;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	cursor: pointer;
}

.bayilikcreate .form .aln {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bayilikcreate .form .aln #price {
	background: transparent;
	border: 0;
	float: left;
	padding-left: 15px;
	color: #142457;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	min-height: 40px;
	display: flex;
	align-items: center;
	width: auto;
}

.bayilikcreate .form .aln .icon {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 11.429px;
	background: #6e387b85;
	text-align: center;
	line-height: 36px;
}

.bayilikcreate .form .aln .icon img {
	filter: brightness(0) saturate(100%) invert(14%) sepia(46%) saturate(3341%) hue-rotate(271deg) brightness(95%) contrast(91%);
}

.bayilikcreate .form .aln span {
	float: left;
	padding-left: 15px;
	color: #142457;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	min-height: 40px;
	display: flex;
	align-items: center;
}

.bayilikcreate .form .aln span b {
	margin-left: 10px;
}

.bayilikcreate .form .aln a {
	float: right;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 10px 25px;
	font-size: 15px;
}

.bayilikcreate .form .aln button {
	float: right;
	border-radius: 15px;
	border: 1px solid #76607c;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 10px 25px;
	font-size: 15px;
}

.bayilikcreate .form .aln a i {
	margin-left: 10px;
}

.bayilikcreate .accordion {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.bayilikcreate .accordion-item {
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 12px;
	overflow: hidden;
	transition: all 0.7s;
}

.bayilikcreate .accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #fff;
	box-shadow: none;
}

.bayilikcreate .accordion-button:focus {
	box-shadow: none;
	outline: 0;
}

.bayilikcreate .accordion-button {
	font-weight: 500;
	padding: 25px;
	font-size: 15px;
}

.bayilikcreate .accordion-body {
	width: 100%;
	display: flex;
	padding: 10px;
}

.bayilikcreate .accordion-body p {
	float: left;
	width: 100%;
	border-radius: 15px;
	border-radius: 15px;
	background: #F6F8FB;
	padding: 20px 25px;
	color: #525866;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 0;
}

#childVideosSwiper {
	float: left;
	width: 100%;
	margin-top: 15px;
}

#childVideosSwiper .video {
	float: left;
	width: 100%;
	height: 280px;
}

.childetay .text {
	padding: 0;
}

.childetay .info {
	background: transparent;
	border: 0;
	box-shadow: none;
	margin-bottom: 25px;
}

.aktifbayiler {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.aktifbayiler .item {
	float: left;
	width: 100%;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 20px;
}

.aktifbayiler .item .head {
	float: left;
	width: 100%;
	padding: 20px 25px;
	border-bottom: 1px solid #F6EAF2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.aktifbayiler .item .head span {
	float: left;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.aktifbayiler .item .head .durum {
	float: right;
	border-radius: 10px;
	background: var(--Success-Success-50, #E8F7F0);
	padding: 10px 15px;
	color: var(--Success-Sucess-800, #0A5030);
	text-align: center;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.aktifbayiler .item .head .durum.kapali {
	color: #861111;
	background: #F7E8E8;
}

.aktifbayiler .item .head .durum i {
	margin-right: 15px;
}

.aktifbayiler .item .bdy {
	float: left;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.aktifbayiler .item .bdy .divsa {
	float: left;
	margin-right: 25px;
	display: flex;
	align-items: center;
}

.aktifbayiler .item .bdy .divsa .icon {
	float: left;
	width: 42px;
	height: 42px;
	border-radius: 73.5px;
	background: rgb(29 30 52 / 10%);
	color: #5d226c;
	font-size: 22px;
	text-align: center;
	line-height: 40px;
}

.aktifbayiler .item .bdy .divsa b {
	margin-left: 10px;
	margin-right: 10px;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.aktifbayiler .item .bdy .divsa span {
	color: var(--Secondary-Text, #767F93);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.aktifbayiler .item .bdy .yonlogin {
	float: right;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 13px 25px;
	font-weight: 500;
	font-size: 14px;
}

.aktifbayiler .item .bdy .yonlogin i {
	float: right;
	margin-left: 15px;
	font-size: 18px;
	line-height: 15px;
	margin-top: 4px;
}

.supportcontent {
	float: left;
	width: 100%;
	padding: 10px;
}

.supportcontent .supporthead {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.supportcontent .supporthead h3 {
	float: left;
	color: #312F64;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0;
}

.supportcontent .supporthead a {
	float: right;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 13px 25px;
	font-size: 14px;
	font-weight: 500;
}

.supportcontent .supportmessagealan {
	float: left;
	width: 100%;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	background: #fff;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
}

.supportcontent .supportmessagealan .supportfilter {
	float: left;
	width: 100%;
}

.supportcontent .supportmessagealan .supportfilter ul {
	float: left;
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
}

.supportcontent .supportmessagealan .supportfilter ul li {
	width: 25%;
	position: relative;
}

.supportcontent .supportmessagealan .supportfilter ul li a {
	float: left;
	width: 100%;
	padding: 20px 15px;
	text-align: center;
	border-bottom: 1px solid #F6EAF2;
	color: rgba(0, 23, 72, 0.50);
	text-align: center;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.supportcontent .supportmessagealan .supportfilter ul li.active a {
	border-bottom: 1px solid #5d226c;
	color: #5d226c;
}

.supportcontent .supportmessagealan .supportsearch {
	float: left;
	width: 100%;
	padding: 5px;
	position: relative;
	border-bottom: 1px solid #F6EAF2;
}

.supportcontent .supportmessagealan .supportsearch input {
	float: left;
	width: 100%;
	border: 0;
	padding: 10px 15px;
}

.supportcontent .supportmessagealan .supportsearch input::placeholder {
	color: var(--Neutral-N-300, #6F7789);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.supportcontent .supportmessagealan .supportsearch button {
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	border: 0;
	right: 10px;
	top: 7px;
	color: #5d226c;
}

.supportcontent .supportmessagealan .supportlist {
	float: left;
	width: 100%;
}

.supportcontent .supportmessagealan .supportlist .item {
	float: left;
	width: 100%;
	margin-bottom: 12px;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	overflow: hidden;
	cursor: pointer;
}

.supportcontent .supportmessagealan .supportlist .item.active {
	border-radius: 15px;
	border: 1px solid #5d226c;
	background: #FFF;
	box-shadow: 0px 0px 0px 4px rgba(242, 46, 108, 0.14);
}

.supportcontent .supportmessagealan .supportlist .item .txt {
	float: left;
	width: 100%;
	padding: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.supportcontent .supportmessagealan .supportlist .item .txt h5 {
	float: left;
	width: 100%;
	color: #000;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
}

.supportcontent .supportmessagealan .supportlist .item .txt .id {
	float: left;
	border-radius: 75px;
	background: #5d226c;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	color: #fff;
	padding: 5px 10px;
	color: #FFF;
	text-align: center;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
}

.supportcontent .supportmessagealan .supportlist .item .txt .status {
	float: left;
	border-radius: 75px;
	border: 1px solid #E5CFBD;
	background: #FFF3E9;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 5px 15px;
	color: #6E4609;
	text-align: center;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	margin-left: 10px;
}

.supportcontent .supportmessagealan .supportlist .item .txt .status.reply {
	border: 1px solid #A6D4B5;
	background: #E9FFF0;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	color: #096E43;
}

.supportcontent .supportmessagealan .supportlist .item .txt .status.closed {
	border: 1px solid #D99D9D;
	background: #FFD0D0;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	color: #8C0000;
}

.supportcontent .supportmessagealan .supportlist .item .det {
	float: left;
	width: 100%;
	border-top: 1px solid #F6EAF2;
	background: #fff;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.supportcontent .supportmessagealan .supportlist .item.active .det {
	background: #FFF7FA;
}

.supportcontent .supportmessagealan .supportlist .item .det .order {
	float: left;
	border-radius: 100px;
	border: 1px solid #E6EDF9;
	background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(154, 162, 187, 0.11);
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 5px;
}

.supportcontent .supportmessagealan .supportlist .item .det .order .icon {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background: #F3F5F9;
	text-align: center;
	line-height: 27px;
}

.supportcontent .supportmessagealan .supportlist .item.active .det .order .icon {
	background: rgba(242, 46, 108, 0.10);
}

.supportcontent .supportmessagealan .supportlist .item.active .det .order .icon img {
	filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.supportcontent .supportmessagealan .supportlist .item.active .det .date .icon {
	background: rgba(242, 46, 108, 0.10);
}

.supportcontent .supportmessagealan .supportlist .item.active .det .date .icon img {
	filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

.supportcontent .supportmessagealan .supportlist .item .det .order span {
	float: left;
	color: #1C2D60;
	text-align: center;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	padding-left: 10px;
	line-height: 30px;
	padding-right: 20px;
}

.supportcontent .supportmessagealan .supportlist .item .det .date {
	float: right;
	border-radius: 100px;
	border: 1px solid #E6EDF9;
	background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(154, 162, 187, 0.11);
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 5px;
}

.supportcontent .supportmessagealan .supportlist .item .det .date .icon {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background: #F3F5F9;
	text-align: center;
	line-height: 27px;
}

.supportcontent .supportmessagealan .supportlist .item .det .date span {
	float: left;
	color: #1C2D60;
	text-align: center;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	padding-left: 10px;
	line-height: 30px;
	padding-right: 20px;
}

.supportcontent .supportmessagealan .supportlist .scroll-over {
	float: left;
	width: 100%;
	max-height: 806px;
	overflow: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 18px;
	padding-bottom: 0;
}

.supportcontent .supportmessagealan .supportlist .scroll-over::-webkit-scrollbar {
	display: none;
}

#talepOlusturModal .modal-dialog {
	max-width: 693px;
}

.opensupportmodal {
	float: left;
	width: 100%;
	padding: 10px;
}

.opensupportmodal .title {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
}

#talepOlusturModal .modal-content {
	border-radius: 20px;
}

.opensupportmodal .title h5 {
	color: #292D35;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.opensupportmodal .title span {
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.opensupportmodal .item {
	float: left;
	width: 100%;
	padding: 7px;
}

.opensupportmodal #ticket-fields .form-group {
	float: left;
	width: 100%;
	padding: 7px;
}

.opensupportmodal .item label,
.opensupportmodal #ticket-fields .form-group label {
	float: left;
	width: 100%;
	color: var(--Neutral-N-900, #111621);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 8px;
}

.opensupportmodal .item select,
.opensupportmodal #ticket-fields .form-group select {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 13px 15px;
}

.opensupportmodal .item input,
.opensupportmodal #ticket-fields .form-group input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 13px 15px;
}

.opensupportmodal .item textarea,
.opensupportmodal #ticket-fields .form-group textarea {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 13px 15px;
	min-height: 204px;
}

.opensupportmodal button.gonder {
	float: left;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #9b7aa3;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	font-size: 15px;
	padding: 13px;
	margin-top: 12px;
}

.opensupportmodal .uploadbar {
	float: left;
	width: 100%;
	padding: 5px;
	cursor: pointer;
}

.opensupportmodal .uploadbar .icon {
	float: left;
	border-radius: 94.595px;
	background: rgba(242, 46, 108, 0.15);
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 33px;
}

.opensupportmodal .uploadbar span {
	float: left;
	margin-left: 15px;
	min-height: 35px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #1C2D60;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.supportcontent .col-md-4 {
	padding-right: 0;
}

.supportcontent .col-md-8 {
	padding-left: 0;
}

.supportcontent .supportmessages {
	float: left;
	width: 100%;
	border-left: 1px solid #F6EAF2;
}

.supportcontent .supportmessages .messagestitle {
	float: left;
	width: 100%;
	padding: 20px 25px;
}

.supportcontent .supportmessages .messagestitle h4 {
	float: left;
	width: 100%;
	color: #191835;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
}

.supportcontent .supportmessages .messagestitle p {
	float: left;
	width: 100%;
	color: rgba(25, 24, 53, 0.30);
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.supportcontent .supportmessages .messagesifo {
	float: left;
	width: 100%;
	padding: 20px 25px;
	padding-top: 0;
}

.supportcontent .supportmessages .messagesifo .scroll-bar {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.supportcontent .supportmessages .messagesifo .item {
	float: left;
	width: calc(33% - 10px);
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
}

.supportcontent .supportmessages .messagesifo .item .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 7.625px;
	background: #f1eef3;
	text-align: center;
	line-height: 40px;
}

.supportcontent .supportmessages .messagesifo .item .tcs {
	float: left;
	width: calc(100% - 55px);
	padding-left: 15px;
	min-height: 45px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.supportcontent .supportmessages .messagesifo .item .tcs span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 11.813px;
	font-style: normal;
	font-weight: 500;
}

.supportcontent .supportmessages .messagesifo .item .tcs b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.supportcontent .messagelistalan {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF7FA;
	padding: 25px;
	min-height: 640px;
}

.supportcontent .padsportcn {
	float: left;
	width: 100%;
	padding: 0px 25px;
}

.supportcontent .messagelistalan .item {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

.supportcontent .messagelistalan .item.right::after {
	content: "";
	background: url(/assets/img/supportitemafter.png);
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.supportcontent .messagelistalan .item .hiz {
	float: left;
	width: 50%;
}

.supportcontent .messagelistalan .item.right .hiz {
	float: right;
	padding-right: 60px;
}

.supportcontent .messagelistalan .item p {
	float: left;
	border-radius: 15px 15px 15px 0px;
	border: 1px solid #EBF2FA;
	background: var(--Root-White, #FFF);
	padding: 17px;
	color: var(--Root-Black, #000);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	width: 100%;
	margin-bottom: 10px;
}

.supportcontent .messagelistalan .item.right p {
	border-radius: 0px 15px 15px 15px;
	background: #121127;
	color: #fff;
}

.supportcontent .messagelistalan .item.right .user {
	color: var(--Secondary-Text, #767F93);
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.supportcontent .messagelistalan .item.right .date {
	color: var(--Secondary-Text, #767F93);
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.supportcontent .messagelistalan .item .user {
	float: left;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
}

.supportcontent .messagelistalan .item .date {
	float: right;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
}

.supportcontent .messagelistalan .scroll-key {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
}

.supportcontent .messagereplyarea {
	float: left;
	width: 100%;
	padding: 10px 25px;
}

.supportcontent .messagereplyarea .alan {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #EBF2FA;
	background: #FFF;
	padding: 10px 15px;
	position: relative;
}

.supportcontent .messagereplyarea .alan .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 9.574px;
	background: rgba(235, 3, 95, 0.05);
	text-align: center;
	line-height: 42px;
}

.supportcontent .messagereplyarea .alan .input {
	float: left;
	width: calc(100% - 60px);
}

.supportcontent .messagereplyarea .alan .input input {
	float: left;
	width: 100%;
	border: 0;
	padding: 10px 20px;
}

.supportcontent .alan .rplybtns {
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	display: flex;
}

.supportcontent .alan .rplybtns .dosyayukle {
	float: right;
	border-radius: 15px;
	background: #F3F5F9;
	padding: 14px 20px;
	color: #4C515B;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	border: 1px solid #F3F5F9;
	margin-right: 10px;
}

.supportcontent .alan .rplybtns .dosyayukle i {
	margin-right: 10px;
	font-size: 22px;
	line-height: 15px;
	float: left;
	margin-top: 4px;
}

.supportcontent .alan .rplybtns .gonder {
	float: right;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	padding: 14px 20px;
	color: #fff;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	border: 1px solid #F3F5F9;
	margin-right: 10px;
}

.supportcontent .alan .rplybtns .gonder i {
	margin-left: 10px;
	font-size: 22px;
	line-height: 15px;
	float: right;
	margin-top: 4px;
}

.addfundscontent {
	float: left;
	width: 100%;
	padding: 0px 50px;
	margin-top: -34px;
	position: relative;
}

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

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

.addfunstab ul {
	float: left;
	list-style: none;
	padding: 5px;
	border-radius: 20px;
	border: 1px solid #EBF2FA;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	display: flex;
	gap: 13px;
}

.addfunstab ul li {
	float: left;
}

.addfunstab ul li a {
	border-radius: 15px;
	float: left;
	padding: 14px 25px;
}

.addfunstab ul li a img {
	float: left;
	margin-right: 10px;
	margin-top: -3px;
}

.addfunstab ul li a span {
	float: left;
	color: #808BA3;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.addfunstab ul li.active a {
	background: #f1eef3;
}

.addfunstab ul li.active a span {
	color: #000;
}

.addfunstab ul li.active a img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.addfundsyontemler {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.addfundsyontemler .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 10px 15px;
	padding-left: 50px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	cursor: pointer;
	margin-bottom: 15px;
}

.addfundsyontemler .item::before {
	content: "";
	border-radius: 100px;
	border: 2px solid #F6EAF2;
	background: #FAF5F9;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 20px;
}

.addfundsyontemler .item.active {
	border-radius: 15px;
	border: 1px solid #5d226c;
	background: #FFF;
	box-shadow: 0px 0px 0px 4px rgb(241 238 243);
}

.addfundsyontemler .item.active::before {
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 100px;
	border: 2px solid #662574;
	background: #5d226c;
	position: absolute;
	left: 20px;
}

.addfundsyontemler .item img {
	float: left;
	height: 22px;
	object-fit: contain;
}

.addfundsyontemler .item span {
	float: left;
	color: #4C515B;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	margin-left: 10px;
}

.addfundsyontemler .item .min {
	float: right;
	border-radius: 10px;
	background: linear-gradient(0deg, #F3F5F9 0%, #F3F5F9 100%), rgba(242, 46, 108, 0.10);
	color: #4C515B;
	font-family: Satoshi;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	padding: 10px 7px;
}

.addfundsyontemler input[type="radio"] {
	display: none;
}

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

.addfundsdetail .boxs {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 10px;
}

.addfundsdetail .boxs .title {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
}

.addfundsdetail .boxs .title h5 {
	color: #292D35;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.addfundsdetail .boxs .title span {
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.addfundsdetail .bakiyeeklealan {
	float: left;
	width: 100%;
	padding: 20px;
}

.addfundsdetail .bakiyeeklealan .item {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

.addfundsdetail .bakiyeeklealan .item label {
	float: left;
	width: 100%;
	color: #0E2B2F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 7px;
}

.addfundsdetail .bakiyeeklealan .item .list {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	flex-flow: wrap;
	justify-content: space-between;
	padding: 4px;
}

.addfundsdetail .bakiyeeklealan .item .list span {
	position: relative;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 10px 15px;
	width: 100%;
	flex: 1;
	color: #312F64;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	cursor: pointer;
}

.addfundsdetail .bakiyeeklealan .item .list span b {
	font-weight: normal;
	color: #5d226c;
	font-size: 15px;
	float: left;
	line-height: 21px;
	margin-right: 12px;
}

.addfundsdetail .bakiyeeklealan .item .list span.active {
	border-radius: 15px;
	border: 1px solid #5d226c;
	background: #FFF;
	box-shadow: 0px 0px 0px 2px rgba(242, 46, 108, 0.25);
}

.addfundsdetail .bakiyeeklealan .item input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
}

.addfundsdetail .bakiyeeklealan .item b.birim {
	position: absolute;
	left: 15px;
	bottom: 16px;
	color: #000;
	font-size: 15px;
	font-weight: normal;
}

.addfundsdetail .bakiyeeklealan .form-group .control-label {
	float: left;
	width: 100%;
	color: #0E2B2F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 7px;
}

.addfundsdetail .bakiyeeklealan .form-group {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

.addfundsdetail .bakiyeeklealan .form-group input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
}

#tutar {
	padding-left: 40px;
	color: #768194;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.14px;
}

.addfundsdetail .bonusalan {
	position: relative;
}

.addfundsdetail .bonusalan input {
	color: #5d226c;
	font-weight: bold;
	padding-left: 50px !important;
}

.addfundsdetail .bonusalan::before {
	content: "";
	background: url(/assets/img/bonusicon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 14px;
	top: 46px;
}

.addfundsdetail .bonusalan input::placeholder {
	color: #5d226c;
	font-weight: bold;
}

.addfundsdetail button.gonder {
	float: left;
	width: 100%;
	margin-top: 10px;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 13px 5px;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
}

.addfundsdetail button.gonder img {
	margin-left: 10px;
	margin-top: -4px;
}

.addfundsdetail .asdl {
	float: left;
	width: 100%;
	padding: 25px;
	text-align: left;
}

.addfundsdetail .asdl img {
	height: 40px;
	object-fit: contain;
	margin-bottom: 20px;
}

.addfundsdetail .asdl p {
	margin-bottom: 0;
	color: #292D35;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.addfundsdetail .asdl ul {
	padding-left: 20px;
}

.addfundsdetail .asdl ul li {
	color: #4C515B;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 29px;
}

.addfundskurumlar {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	margin-top: 30px;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 10px;
}

.addfundskurumlar span {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: #F6F8FB;
	padding: 10px 20px;
	color: #292D35;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.addfundskurumlar .item {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	height: 82px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
}

.addfundskurumlar .item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.addfunds-kurumlar-swiper {
	float: left;
	width: 100%;
	margin-top: 14px;
}

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

.odemelergecmis .boxs {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 10px;
}

.odemelergecmis .boxs .title {
	float: left;
	width: 100%;
	border-radius: 20px;
	background: #F6F8FB;
	padding: 25px;
}

.odemelergecmis .boxs .title h5 {
	color: #292D35;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.odemelergecmis .boxs .title span {
	color: rgba(76, 81, 91, 0.40);
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.odemelergecmis .list {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.odemelergecmis .item {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 15px;
	border: 1px solid #E6EDF9;
	background: #FFF;
	padding: 20px;
	display: flex;
	gap: 20px;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}

.odemelergecmis .item .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 13.991px;
	background: #5d226c;
	text-align: center;
	line-height: 44px;
	margin-right: 20px;
}

.odemelergecmis .item .txs {
	float: left;
}

.odemelergecmis .item .txs .bstext {
	float: left;
	min-height: 45px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	margin-right: 50px;
}

.odemelergecmis .item .txs .bstext b {
	color: rgba(20, 36, 87, 0.40);
	float: left;
	width: 100%;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.odemelergecmis .item .txs .bstext span {
	color: #1C2D60;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
}

.odemelergecmis .item .btnlist {
	float: right;
	display: flex;
}

.odemelergecmis .item .btnlist .tutar {
	float: left;
	border-radius: 10px;
	border: 1px solid #E6EDF9;
	background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(154, 162, 187, 0.11);
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 5px;
}

.odemelergecmis .item .btnlist .tutar .is {
	float: left;
	width: 37px;
	height: 37px;
	border-radius: 10px;
	background: rgb(94 37 109 / 19%);
	text-align: center;
	line-height: 37px;
	color: #5d226c;
	font-size: 19px;
}

.odemelergecmis .item .btnlist .tutar span {
	float: left;
	color: #1C2D60;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	padding: 8px 10px;
}

.odemelergecmis .item .btnlist .fatura {
	float: right;
	border-radius: 10px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	margin-left: 14px;
	display: flex;
	padding: 0px 25px;
	align-items: center;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	cursor: pointer;
}

.odemelergecmis .item .btnlist .fatura img {
	margin-left: 10px;
	filter: brightness(0) invert(1);
	width: 20px;
	height: 20px;
}

.faturatalepmodal {
	float: left;
	width: 100%;
	padding: 25px;
}

.faturatalepmodal .item {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.faturatalepmodal .item label {
	float: left;
	width: 100%;
	margin-bottom: 6px;
	color: #0E2B2F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.faturatalepmodal .item input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
}

.faturatalepmodal .item input::placeholder {
	color: #808BA3;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.faturatalepmodal button {
	float: left;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	padding: 10px;
	text-align: center;
	color: #fff;
}

.faturatalepmodal button img {
	filter: brightness(0) invert(1);
	width: 23px;
	margin-left: 10px;
	margin-top: -2px;
}

.iadelist {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.iadelist .iadeitem {
	float: left;
	width: 100%;
	padding: 13px 20px;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 15px;
}

.iadelist .iadeitem .bx {
	float: left;
	margin-right: 30px;
}

.iadelist .iadeitem .bx .icon {
	float: left;
	width: 47px;
	height: 47px;
	border-radius: 10px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 45px;
}

.iadelist .iadeitem .bx .tstext {
	float: left;
	padding-left: 15px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.iadelist .iadeitem .bx .tstext span {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.iadelist .iadeitem .bx .tstext .copybtn {
	float: left;
	background: transparent;
	padding: 0;
	border: 0;
	margin-right: 6px;
	margin-top: -3px;
}

.iadelist .sipnumber {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	float: left;
	margin-top: 4px;
}

.iadelist .iadeitem .sorun {
	float: right;
	border-radius: 15px;
	border: 1px solid #E9EAEB;
	background: #FFF;
	padding: 10px 25px;
	color: #142457;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.iadelist .iadeitem .sorun i {
	font-weight: normal;
	font-size: 20px;
	margin-left: 15px;
	float: right;
}

.sorunBildirModal .modal-dialog {
	max-width: 550px;
}

.sorunBildirModal .modal-content {
	border-radius: 25px;
	border: 1px solid #E9EAEB;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
}

.sorunBildirModal .modal-content .modal-header {
	border-bottom: none;
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
}

.sorunBildirModal .modal-content .modal-header .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 11.905px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sorunBildirModal .modal-content .modal-header span {
	float: left;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.sorunBildirModal .modal-content .modal-header button {
	float: right;
	border-radius: 10px;
	background: var(--Root-White, #FFF);
	border: 0;
	opacity: 1;
	font-size: 25px;
}

.sorunBildirModal .modal-body {
	padding: 0;
}

.sorunbildirmodal {
	float: left;
	width: 100%;
	padding: 20px;
}

.sorunbildirmodal .item {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.sorunbildirmodal .item label {
	color: #0E2B2F;
	margin-bottom: 7px;
	float: left;
	width: 100%;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.sorunbildirmodal .item select {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	color: #1B1A35;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding: 15px;
}

.sorunbildirmodal .item textarea {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	color: #1B1A35;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding: 15px;
	min-height: 200px;
}

.sorunbildirmodal button {
	float: left;
	width: 100%;
	padding: 14px;
	color: #fff;
	font-weight: 500;
	border-radius: 10px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	font-size: 14px;
}

.upadtelist {
	float: left;
	width: 100%;
	padding: 0px 50px;
	margin-top: -30px;
}

.upadtelist .filterbar {
	margin-bottom: 15px;
}

.upadtelist .hiz {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 50px 0;
}

.pagination {
	margin: 0 auto;
}

.pagination ul {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
}

.pagination ul li a {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	padding: 15px;
	border-top: 1px solid #E9EAEB;
	border-right: 1px solid #E9EAEB;
	border-bottom: 1px solid #E9EAEB;
	background: #FFF;
	float: left;
	min-width: 58px;
	text-align: center;
	transition: all 0.6s;
}

.pagination ul li a:hover {
	color: #5d226c;
	background: #F6EAF2;
}

.pagination ul li a i {
	font-size: 19px;
	color: #00000040;
}

.pagination ul li.active a {
	color: #5d226c;
}

.pagination ul li:nth-child(1) a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-left: 1px solid #E9EAEB;
}

.pagination ul li:nth-last-child(1) a {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.updateitem {
	float: left;
	width: 100%;
	display: flex;
	gap: 5%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	margin-top: 15px;
	padding: 15px;
	align-items: center;
	position: relative;
}

.updateitem .name {
	float: left;
	flex: 2;
	display: flex;
}

.updateitem .name .icon {
	float: left;
	width: 47px;
	height: 47px;
	border-radius: 10px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 47px;
	color: #5d226c;
	font-size: 25px;
}

.updateitem .name span {
	float: left;
	width: 100%;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.updateitem .name h5 {
	float: left;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 0;
}

.updateitem .name h5 b {
	color: #5d226c;
}

.updateitem .name .txs {
	float: left;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding-left: 14px;
	min-height: 47px;
}

.updateitem .date {
	float: left;
	flex: 1;
}

.updateitem .astek {
	flex: 1;
}

.updateitem .date .icon {
	float: left;
	width: 47px;
	height: 47px;
	border-radius: 10px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 47px;
	color: #5d226c;
	font-size: 25px;
}

.updateitem .date span {
	float: left;
	width: 100%;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.updateitem .date b {
	float: left;
	width: 100%;
	color: #767F93;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.updateitem .date .txs {
	float: left;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 47px);
	padding-left: 14px;
	min-height: 47px;
}

.updateitem .durum {
	margin-left: auto;
	border-radius: 10px;
	background: #F9F3F3;
	padding: 11px 30px;
	color: #7E0404;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	float: right;
}

.updateitem .durum.dustu {
	color: #047E68;
	background: #F3F9F6;
}

.updateitem .durum.yeni {
	color: #7E0446;
	background: #F9F3F8;
}

.orderscontent {
	float: left;
	width: 100%;
	padding: 0px 30px;
	margin-top: -29px;
}

.orderscontent .hiz {
	float: left;
	width: 100%;
}

.orderslisttitle .hiz,
.orderstablo .item {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	font-family: Satoshi;
	font-weight: 500;
	color: #142457;
	position: relative;
}

.orderslisttitle {
	background-color: #fff;
}

.orderslisttitle .hiz span,
.orderstablo .item span {
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 5px 10px;
}

.orderslisttitle .hiz span {
	font-weight: 600;
}

/* Flex oranları (toplam 13) */
.orderslisttitle .hiz span:nth-child(1),
.orderstablo .item span:nth-child(1) {
	flex: 1.2;
}

/* ID */

.orderslisttitle .hiz span:nth-child(2),
.orderstablo .item span:nth-child(2) {
	flex: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.4em;
	max-width: 110px;
}

/* Tarih */

.orderslisttitle .hiz span:nth-child(3),
.orderstablo .item span:nth-child(3) {
	flex: 3;
}

/* Servis */

.orderslisttitle .hiz span:nth-child(4),
.orderstablo .item span:nth-child(4) {
	flex: 2.5;
	padding-left: 30px;
}

/* Link */

.orderslisttitle .hiz span:nth-child(5),
.orderstablo .item span:nth-child(5) {
	flex: 1.5;
}

/* Tutar */

.orderslisttitle .hiz span:nth-child(6),
.orderstablo .item span:nth-child(6) {
	flex: 1;
	justify-content: center;
}

/* Başlangıç */

.orderslisttitle .hiz span:nth-child(7),
.orderstablo .item span:nth-child(7) {
	flex: 1;
	justify-content: center;
}

/* Adet */

.orderslisttitle .hiz span:nth-child(8),
.orderstablo .item span:nth-child(8) {
	flex: 1;
	justify-content: center;
}

/* Kalan */

.orderslisttitle .hiz span:nth-child(9),
.orderstablo .item span:nth-child(9) {
	flex: 2.4;
}

.orderslisttitle .hiz span:nth-child(3),
.orderstablo .item span:nth-child(3),
.orderslisttitle .hiz span:nth-child(4),
.orderstablo .item span:nth-child(4) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.4em;
}

.orderslist {
	float: left;
	width: 100%;
	margin-top: 30px;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--Gray-200, #E9EAEB);
}

.orderstablo button.copybtn {
	background: none;
	border: none;
	cursor: pointer;
	float: left;
	margin-top: -2px;
	margin-right: 4px;
}

.orderstablo button.copybtn img {
	filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
}

.orderstablo .copyalan {
	float: left;
	color: #5d226c;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	display: flex;
}

.orderstablo .copyalan span {
	padding-left: 0;
}

.orderstablo .tutar {
	border-radius: 100px;
	background: linear-gradient(0deg, #F2F1F1 0%, #F2F1F1 100%), #F2F1F1;
	padding: 8px 15px;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
}

.orderstablo .adet {
	color: #9E1414;
	font-style: normal;
	font-weight: 500;
}

.orderstablo .status {
	float: left;
	border-radius: 10px;
	background: #E9FFF0;
	margin-right: 6px;
	padding: 12px 12px;
	color: #096E43;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
}

.orderstablo .status i {
	font-size: 18px;
	float: right;
	line-height: 18px;
	margin-left: 10px;
}

.orderstablo .status img {
	float: right;
	margin-left: 5px;
}

.orderstablo .status.iptal {
	background: #FFD0D0;
	color: #8C0000;
}

.orderstablo .status.isleniyor {
	background: #EFF9FF;
	color: #1EA1F2;
}

.orderstablo .status.yukleniyor {
	background: #E6F2FF;
	color: #123BA5;
}

.orderstablo .status.kismi {
	background: #FFF2E6;
	color: #FF9C55;
}

.orderstablo .status.beklemede {
	background: #EFEFEF;
	color: #555B6D;
}

.orderstablo .refillbtn {
	float: left;
	border-radius: 10px;
	background: #FFF3E9;
	border: 0;
	width: 40px;
	height: 40px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	min-width: 40px;
}

.orderstablo .refillbtn img {
	width: 21px;
	height: 21px;
}

.orderstablo .iptalet {
	float: left;
	border-radius: 10px;
	background: linear-gradient(0deg, #FFD0D0 0%, #FFD0D0 100%), #FFF3E9;
	border: 0;
	width: 40px;
	height: 40px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	color: #8C0000;
}

input[type="range"].custom-range {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 6px;
	background: transparent;
	border-radius: 4px;
	outline: none;
	margin: 0;
	padding: 0;
}

input[type="range"].custom-range::-webkit-slider-runnable-track {
	height: 6px;
	background: linear-gradient(90deg,
			#5d226c 0%,
			#5d226c var(--percent, 0%),
			#E7E7E7 var(--percent, 0%),
			#E7E7E7 100%);
	border-radius: 4px;
}

input[type="range"].custom-range::-moz-range-track {
	height: 6px;
	background: linear-gradient(90deg,
			#5d226c 0%,
			#5d226c var(--percent, 0%),
			#E7E7E7 var(--percent, 0%),
			#E7E7E7 100%);
	border-radius: 4px;
}

input[type="range"].custom-range::-ms-fill-lower {
	background: linear-gradient(90deg,
			#5d226c 0%,
			#5d226c var(--percent, 0%));
	border-radius: 4px;
}

input[type="range"].custom-range::-ms-fill-upper {
	background: #E7E7E7;
	border-radius: 4px;
}

input[type="range"].custom-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: linear-gradient(135deg, #fff 60%, #fff 100%);
	border: 3px solid #5d226c;
	box-shadow: 0 2px 8px rgba(231, 76, 60, 0.2);
	cursor: pointer;
	transition: background 0.2s;
	margin-top: -5px;
}

input[type="range"].custom-range::-moz-range-thumb {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e74c3c 60%, #f1c40f 100%);
	border: 4px solid #fff;
	box-shadow: 0 2px 8px rgba(231, 76, 60, 0.2);
	cursor: pointer;
	transition: background 0.2s;
}

input[type="range"].custom-range::-ms-thumb {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e74c3c 60%, #f1c40f 100%);
	border: 4px solid #fff;
	box-shadow: 0 2px 8px rgba(231, 76, 60, 0.2);
	cursor: pointer;
	transition: background 0.2s;
}

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

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

input[type="range"].custom-range::-moz-focus-outer {
	border: 0;
}

.sliderValue {
	position: absolute;
	bottom: 114px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 8px;
	font-weight: bold;
	z-index: 10;
	border-radius: 100px;
	color: #fff;
	background: #5d226c;
	padding: 5px 12px;
	font-family: Satoshi;
	font-size: 13px;
}

.sliderValue::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -7px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #5d226c;
}

.yotubuegelirhesaplama {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.youtubegelirhesap {
	float: left;
	width: 100%;
	padding: 20px;
}

.youtubegelirhesap .izlenme {
	float: left;
	width: 100%;
	position: relative;
}

.youtubegelirhesap h4 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.youtubegelirhesap h6 {
	float: left;
	width: 100%;
	color: #8D8D8D;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.yotubuegelirhesaplama {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 13px;
	margin-top: -80px;
	position: relative;
}

.yorumgelirlist {
	float: left;
	width: 100%;
	padding: 10px;
	border-radius: 25px;
	background: #f1eef3;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	text-align: center;
	gap: 6px;
}

.yorumgelirlist .item {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	height: 100%;
	align-items: center;
	display: flex;
	text-align: center;
	flex-flow: column;
	justify-content: center;
}

.yorumgelirlist .item span {
	float: left;
	width: 100%;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 10px;
}

.yorumgelirlist .item b {
	float: left;
	width: 100%;
	color: #22272F;
	font-family: Satoshi;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.youtubegelirhesap .izlenme {
	float: left;
	width: 100%;
}

.youtubegelirhesap .izlenme .title {
	float: left;
	width: 100%;
	margin-bottom: 55px;
	margin-top: 25px;
}

.youtubegelirhesap .izlenme .title .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 15px;
	background: #f1eef3;
	text-align: center;
	line-height: 40px;
}

.youtubegelirhesap .izlenme .title b {
	float: left;
	margin-left: 20px;
	color: #000;
	text-align: right;
	font-family: Satoshi;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
}

.youtubegelirhesap .izlenme .title span {
	float: left;
	margin-left: 15px;
	color: #6E7586;
	text-align: right;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 16px;
}

.youtubegelirhesap .etkilesimist {
	float: left;
	margin-top: 30px;
}

.youtubegelirhesap .etkilesimist .ls {
	float: left;
	margin-right: 40px;
}

.youtubegelirhesap .etkilesimist .ls b {
	float: left;
	color: #000;
	text-align: right;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
}

.youtubegelirhesap .etkilesimist .ls span {
	float: left;
	margin-left: 10px;
	color: #6E7586;
	text-align: right;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 20px;
}

.boxcomptexsection {
	float: left;
	width: 100%;
	padding: 70px 0;
}

.boxcomptexsection .img {
	float: left;
	width: 90%;
	border-radius: 35px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	padding-top: 80px;
	position: relative;
	overflow: hidden;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
}

.boxcomptexsection .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	z-index: 3;
	position: relative;
}

.boxcomptexsection .img::before {
	content: "";
	background: url(/assets/img/whiteworldmap.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.boxcomptexsection .text {
	float: left;
	width: 100%;
	padding: 30px;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.boxcomptexsection .text .icn {
	display: flex;
	background: #fff;
	border-radius: 32px;
	border: 1px solid #F6EAF2;
	padding: 5px 5px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	float: left;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.boxcomptexsection .text .icn .icon {
	float: left;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #5d226c;
	font-size: 24px;
}

.boxcomptexsection .text .icn span {
	float: left;
	margin-left: 10px;
	color: #142457;
	font-weight: bold;
	font-size: 15px;
	font-family: Satoshi;
	line-height: 32px;
	margin-right: 10px;
}

.boxcomptexsection .text h3 {
	float: left;
	width: 100%;
	color: #312F64;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 15px;
}

.boxcomptexsection .text p {
	float: left;
	width: 100%;
	color: #75818D;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 40px;
}

.boxcomptexsection .text ul {
	float: left;
	width: 100%;
	margin-bottom: 0;
	list-style: none;
}

.boxcomptexsection .text ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 32px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	padding: 5px;
	box-shadow: 0px 700px 196px 0px rgba(0, 0, 0, 0.00), 0px 448px 179px 0px rgba(0, 0, 0, 0.00), 0px 252px 151px 0px rgba(0, 0, 0, 0.01), 0px 112px 112px 0px rgba(0, 0, 0, 0.02), 0px 28px 62px 0px rgba(0, 0, 0, 0.02);
}

.boxcomptexsection .text ul li .is {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 35px;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.boxcomptexsection .text ul li span {
	float: left;
	padding: 5px 10px;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.boxcomptexsection .text ul li img {
	margin-top: -4px;
}

.boxcomptexsection .text .info {
	padding: 15px;
	border-radius: 15px;
	margin-top: 15px;
}

.youtubesercisler {
	float: left;
	width: 100%;
	margin-bottom: 80px;
	margin-top: 50px;
}

.youtubesercisler .price_tabconnect {
	margin-top: 10px;
}

.youtubesercisler .priceinfo {
	border-radius: 20px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	color: #312F64;
}

.youtubesercisler .price_tabconnect .item {
	border-radius: 15px;
	border: 1px solid #5d226c3b;
	background: #FFF;
	color: #312F64;
}

.youtubesercisler .price_tabconnect .item .price span {
	color: rgba(49, 47, 100, 0.25);
}

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

.youtubesercisler .bg_title .icon i {
	color: #5d226c;
}

.youtubeStep {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.youtubeStep .item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #EFEDEF;
	background: #FFF;
	padding: 25px;
}

.youtubeStep .item .icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 18.199px;
	background: #5d226c;
	text-align: center;
	line-height: 56px;
}

.youtubeStep .item h3 {
	float: left;
	width: 100%;
	color: #312F64;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	margin-top: 20px;
}

.youtubeStep .item span {
	float: left;
	width: 100%;
	color: #6E7586;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.youtubesteplist .tile_area {
	margin-bottom: 30px;
}

.youtubesteplist .btnlist {
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
	float: left;
	width: 100%;
	gap: 10px;
}

.youtubesteplist .btnlist .fiyatlar {
	border-radius: 100px;
	background: #22253E;
	padding: 12px 35px;
	color: #fff;
}

.youtubesteplist .btnlist .register {
	border-radius: 100px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	padding: 12px 35px;
	color: #fff;
}

.ucuzservislerslider {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.ucuzservislerslider .ucuzserivsswiperalan {
	float: left;
	width: 100%;
}

.ucuzservislerslider .tile_area,
.tile_area h3 {
	text-align: left;
	margin-bottom: 13px;
}

.welcome_cnsarea .tile_area,
.welcome_cnsarea .tile_area h3,
.welcome_cnsarea .tile_area p,
.price_landing .tile_area h3,
.price_landing .tile_area p,
.landing_hepsisosyal .tile_area h3,
.landing_hepsisosyal .tile_area p,
.youtubesteplist .tile_area h3,
.youtubesteplist .tile_area p {
	text-align: center;
}

.welcome_cnsarea .tile_area p,
.price_landing .tile_area p,
.landing_hepsisosyal .tile_area p,
.youtubesteplist .tile_area p {
	margin: 0 auto;
	margin-top: 20px;
}

.tile_area p {
	margin: 0;
	text-align: left;
}

.ucuzservislerslider .tile_area .bg_title {
	float: left;
	margin: 0;
	margin-bottom: 25px;
}

.ucuzservislerslider .tile_area .hiz {
	justify-content: flex-start;
}

.ucuzserivsswiperalan {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 10px 0;
	margin-bottom: 80px;
}

.ucuzserivsswiperalan .marquee-row {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.ucuzserivsswiperalan .marquee-row:last-child {
	margin-bottom: 0;
}

.ucuzserivsswiperalan .marquee-track {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	width: max-content;
	will-change: transform;
	align-items: center;
}

.ucuzserivsswiperalan .item {
	min-width: 290px;
	border-radius: 20px;
	border: 1px solid #EFEDEF;
	background: #FFF;
	margin-bottom: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 12px 18px;
	gap: 10px;
}

.ucuzserivsswiperalan .item .icon {
	font-size: 22px;
	color: #5d226c;
	margin-right: 8px;
	border-radius: 15px;
	background: rgba(242, 46, 108, 0.10);
	width: 50px;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 50px;
}

.ucuzserivsswiperalan .item .txt h5 {
	color: #1B1A35;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0px;
	text-align: left;
}

.ucuzserivsswiperalan .item .txt span {
	color: rgba(27, 26, 53, 0.40);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
}

.kullanicipaneli .text {
	padding-bottom: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.kpanellist {
	float: left;
	width: 100%;
	background: #f1eef3;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 20px;
}

.kpanelinfolist {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.kpanelinfolist .item {
	float: left;
	width: 100%;
	padding: 15px 25px;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-bottom: 10px;
	transition: all 0.6s;
}

.kpanelinfolist .item .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 15px;
	background: #f1eef3;
	text-align: center;
	line-height: 46px;
}

.kpanelinfolist .item .icon img {
	width: 26px;
	height: 26px;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(15%) sepia(27%) saturate(7141%) hue-rotate(279deg) brightness(84%) contrast(93%);
}

.kpanelinfolist .item .txt {
	float: left;
	width: calc(100% - 50px);
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.kpanelinfolist .item .txt span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 13.003px;
	font-style: normal;
	font-weight: 500;
}

.kpanelinfolist .item .txt b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 16.613px;
	font-style: normal;
	font-weight: 700;
}

.hesapayricaliklar {
	float: left;
	width: 100%;
	border-radius: 35px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 10px;
}

.hesapayricaliklar .textb {
	float: left;
	width: 100%;
	padding: 30px;
}

.hesapayricaliklar .textb h3 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.hesapayricaliklar .textb p {
	float: left;
	width: 100%;
	color: rgba(0, 0, 0, 0.80);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.hesapayricaliklar .textb .status {
	float: left;
	width: 100%;
	padding: 30px 0;
}

.hesapayricaliklar .textb .status .icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 96px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 55px;
}

.hesapayricaliklar .textb .status .icon img {
	height: 50px;
}

.hesapayricaliklar .textb .status .txt {
	float: left;
	width: calc(100% - 60px);
	padding-left: 20px;
	display: flex;
	flex-flow: column;
}

.hesapayricaliklar .textb .status .txt span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 13.003px;
	font-style: normal;
	font-weight: 500;
}

.hesapayricaliklar .textb .status .txt b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.hesapayricaliklar .textb .list {
	float: left;
	width: 100%;
}

.hesapayricaliklar .textb .list h4 {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
}

.hesapayricaliklar .textb .list ul {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	flex-flow: wrap;
}

.hesapayricaliklar .textb .list ul li {
	float: left;
	list-style: none;
	padding: 6px;
	border-radius: 32px;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	line-height: 35px;
	font-weight: 500;
	padding-right: 20px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
}

.hesapayricaliklar .textb .list ul li .icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 35px;
	color: #5d226c;
	font-size: 20px;
	margin-right: 10px;
}

.vip-progress-bar {
	display: flex;
	align-items: center;
	gap: 4px;
	height: 40px;
	width: 100%;
	margin-bottom: 30px;
}

.vip-progress-bar .bar-segment {
	width: 8px;
	height: 40px;
	border-radius: 4px;
	background: #EAEAEA;
	opacity: 0.3;
	transition: background 0.3s, opacity 0.3s;
	flex: 0 0 auto;
}

.vip-progress-bar .bar-segment.filled {
	background: #5d226c;
}

.ayricaliksayac {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 25px;
	transition: all 0.6s;
}

.ayricaliksayac .title {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.ayricaliksayac .title .sp {
	display: flex;
	flex-direction: column;
	align-items: left;
}

.ayricaliksayac .title .sp span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 13.003px;
	font-style: normal;
	font-weight: 500;
}

.ayricaliksayac .title .sp b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
}

.ayricaliksayac .bardetail {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.ayricaliksayac .bardetail .lf {
	float: left;
}

.ayricaliksayac .bardetail .lf b {
	color: var(--Dark-100, #282828);
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
}

.ayricaliksayac .bardetail .lf p {
	margin-bottom: 0;
	color: #6E7586;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.ayricaliksayac .bardetail .deger {
	float: right;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
}

.ayricaliksayac .info {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: #f1eef3;
	padding: 25px;
}

.ayricaliksayac .info .icon {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #FFF;
	text-align: center;
	line-height: 37px;
}

.ayricaliksayac .info h4 {
	float: left;
	padding-left: 10px;
	margin-bottom: 0;
	color: #3E1B3C;
	line-height: 40px;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
}

.ayricaliksayac .info p {
	float: left;
	width: 100%;
	color: #580821;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 0;
}

.hesapseviyeler {
	float: left;
	width: 100%;
	padding: 15px;
	border-radius: 35px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	margin-top: 15px;
}

.hesapseviyeler .title {
	float: left;
	width: 100%;
	padding: 25px;
}

.hesapseviyeler .title h3 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.hesapseviyeler .title p {
	float: left;
	width: 100%;
	color: rgba(0, 0, 0, 0.80);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.seviyerozetler {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: end;
	height: 100%;
}

.seviyerozetler ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}

.seviyerozetler ul li {
	float: left;
	width: 100%;
	margin-top: 10px;
	border-radius: 20px;
	border: 1px solid #EFEDEF;
	padding: 7px;
	cursor: pointer;
}

.seviyerozetler ul li.active {
	border-radius: 20px;
	border: 1px solid #5d226c;
	background: #FFF;
	box-shadow: 0px 0px 0px 5px rgb(241 238 243);
}

.seviyerozetler ul li.active .icon {
	background: rgb(241 238 243);
}

.seviyerozetler ul li .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 15px;
	background: #F3F5F9;
	text-align: center;
	line-height: 43px;
}

.seviyerozetler ul li .icon img {
	height: 35px;
}

.seviyerozetler ul li span {
	float: left;
	padding: 8px;
	padding-left: 18px;
	color: #000;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
}

.seviyerozetler ul li .aktif {
	float: right;
	border-radius: 15px;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	background: #f1eef3;
	padding: 11px 20px;
}

.seviyerozetler ul li .aktif i {
	color: #5d226c;
	font-size: 16px;
	margin-right: 5px;
}

.seviyebarhesap {
	float: left;
	width: 100%;
	padding: 25px;
	border-radius: 35px;
	border: 1px solid #F6EAF2;
	background: #FFF;
}

.seviyebarhesap .ls {
	float: left;
	max-width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	min-height: 237px;
}

.seviyebarhesap .ls .icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 96px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 55px;
}

.seviyebarhesap .ls .icon img {
	height: 50px;
}

.seviyebarhesap .ls .txs {
	float: left;
	width: calc(100% - 60px);
	padding-left: 20px;
	display: flex;
	flex-flow: column;
	min-height: 60px;
	justify-content: center;
}

.seviyebarhesap .info {
	float: left;
	width: 100%;
	border-radius: 25px;
	background: #f1eef3;
	padding: 30px;
	margin-top: 25px;
}

.seviyebarhesap .info h4 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
}

.seviyebarhesap .info ul {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	flex-flow: wrap;
	margin-bottom: 0;
}

.seviyebarhesap .info ul li {
	float: left;
	list-style: none;
	margin-bottom: 0px;
	padding: 6px;
	border-radius: 32px;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	line-height: 35px;
	font-weight: 500;
	padding-right: 20px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
}

.seviyebarhesap .info ul li .icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background: rgb(241 238 243);
	text-align: center;
	line-height: 35px;
	color: #5d226c;
	font-size: 20px;
	margin-right: 10px;
}

.seviyebarhesap .ls .txs span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 13.003px;
	font-style: normal;
	font-weight: 500;
}

.seviyebarhesap .ls .txs b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.seviyebarhesap .ls .veri {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.seviyebarhesap .ls .veri b {
	float: left;
	width: 100%;
	color: var(--Dark-100, #282828);
	font-family: Satoshi;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
}

.seviyebarhesap .ls .veri b span {
	color: rgba(110, 117, 134, 0.50);
}

.seviyebarhesap .ls .veri p {
	margin-bottom: 0;
	color: #6E7586;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-top: 10px;
}

.seviyebarhesap .ls .veri p span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.progress-circle {
	position: relative;
	width: 237px;
	height: 237px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
	margin-right: 30px;
}

.progress-circle svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 237px;
	height: 237px;
	transform: rotate(105deg);
}

.progress-circle .circle-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.progress-circle .circle-label span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	margin-top: 15px;
}

.progress-circle .circle-label b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
}

.kariyercontent {
	padding: 60px 0;
	float: left;
	width: 100%;
	position: relative;
}

.kariyercontent .ftlandarea {
	margin-top: 80px;
}

.kariyertitle {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	margin-bottom: 50px;
}

.kariyertitle span {
	border-radius: 29px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	margin: 0 auto;
	padding: 8px 16px;
	color: #1E293B;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 15px;
}

.kariyercontent .kariyertitle h1 {
	color: #312F64;
	text-align: center;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 18px;
}

.kariyercontent .kariyertitle p {
	color: rgba(0, 0, 0, 0.80);
	text-align: center;
	font-family: Satoshi;
	font-size: 15px;
	font-weight: 500;
	max-width: 620px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.kariyertitle a {
	border-radius: 100px;
	background: #22253E;
	color: #fff;
	margin: auto;
	padding: 12px 25px;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	transition: all 0.6s;
}

.kariyertitle a:hover {
	background: #ee2165;
	color: #fff;
}

.kariyerinfolist {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.kariyerinfolist .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	padding: 25px;
	margin-bottom: 25px;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
}

.kariyerinfolist .item .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 77px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 49px;
}

.kariyerinfolist .item .icon img {
	width: 26px;
	height: 26px;
}

.kariyerinfolist .item h3 {
	float: left;
	width: 100%;
	color: #1B1A35;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-top: 25px;
}

.kariyerinfolist .item p {
	float: left;
	width: 100%;
	color: rgba(27, 26, 53, 0.40);
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.kariyerdessc {
	float: left;
	width: 100%;
	padding: 50px 0;
	margin-bottom: 70px;
}

.kariyerdessc .img {
	float: left;
	width: 100%;
	height: 600px;
	overflow: hidden;
	border-radius: 35px;
}

.kariyerdessc .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kariyerdessc .text {
	float: left;
	width: calc(100% + 100px);
	padding: 40px;
	border-radius: 25px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	box-shadow: -50px 50px 50px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(45px);
	top: 10%;
	position: relative;
	height: 80%;
	left: -100px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.kariyerdessc .text span {
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	color: #5d226c;
	padding: 6px 13px;
	margin-bottom: 20px;
	text-align: center;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	float: left;
}

.kariyerdessc .text h2 {
	float: left;
	width: 100%;
	color: #183B56;
	font-family: Satoshi;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
}

.kariyerdessc .text p {
	float: left;
	width: 100%;
	color: #5A7184;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.kariyerdessc .text .mail {
	float: left;
	width: 100%;
	padding: 25px;
	border-radius: 15px;
	background: #FFF9FC;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

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

.kariyerekip h3 {
	color: #312F64;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.kariyerekip p {
	color: rgba(0, 0, 0, 0.80);
	text-align: center;
	font-family: Satoshi;
	font-size: 15px;
	font-weight: 500;
	max-width: 620px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.kariyerekip .list {
	float: left;
	width: 100%;
}

.kariyerekip .list .filterserach {
	float: left;
	margin-bottom: 20px;
	border-radius: 15px;
	border: 1px solid #E5EAF4;
	background: #FFF;
	padding: 7px;
	min-width: 400px;
	position: relative;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.kariyerekip .list .filterserach input {
	border: 0;
	padding: 5px 10px;
	width: 100%;
}

.kariyerekip .list .filterserach input::placeholder {
	color: #B3BAC5;
}

.kariyerekip .list .filterserach button {
	position: absolute;
	right: 4px;
	bottom: 5px;
	background: #5d226c;
	color: #FFF;
	border: 0;
	padding: 9px 33px;
	border-radius: 10px;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
}

.kariyerekip .list .item {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	margin-bottom: 10px;
	padding: 15px 35px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	padding-right: 15px;
}

.kariyerekip .list .item h4 {
	float: left;
	color: #1E293B;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0;
}

.kariyerekip .list .item .lokasyon {
	float: left;
	margin-left: 50px;
	border-radius: 27px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;
	padding: 10px 20px;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.kariyerekip .list .item .lokasyon img {
	margin-right: 10px;
	height: 22px;
	float: left;
}

.kariyerekip .list .item .lf {
	display: flex;
	align-items: center;
}

.kariyerekip .list .item a {
	float: right;
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: var(--Gray-800, #1E293B);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	padding: 15px 20px;
}

.kariyerekip .hiz {
	float: left;
	width: 100%;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 50px;
}

.kariyerekip .hiz a {
	border-radius: 100px;
	background: #22253E;
	color: #fff;
	padding: 15px 25px;
}

.youtubegelirhesap .selectbar {
	float: left;
	width: 100%;
	margin-bottom: 70px;
	margin-top: 40px;
}

.youtubegelirhesap .selectbar label {
	float: left;
	width: 100%;
	color: var(--Neutral-N-900, #111621);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 7px;
}

.youtubegelirhesap .selectbar select {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 15px 20px;
}

.youtubegelirhesap .selectbar input {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 15px 20px;
}

.youtubegelirhesap .analizbar .item {
	float: left;
	width: 100%;
	min-height: 210px;
	padding: 40px 10px;
	text-align: center;
	border-radius: 20px;
	background: #FFF7FA;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.youtubegelirhesap .analizbar span {
	color: #5d226c;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.youtubegelirhesap .analizbar {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.youtubegelirhesap .analizbar b {
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
}

.yotubuegelirhesaplama .hesaplabtn {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 13px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 28px;
}

.youtubegelirhesap .selectbar.instagram {
	margin-bottom: 30px;
}

.youtubegelirhesap .infobar {
	float: left;
	width: 100%;
	border-radius: 25px;
	background: #f1eef3;
	padding: 13px;
}

.youtubegelirhesap .infobar .item {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	min-height: 110px;
	margin-bottom: 10px;
}

.youtubegelirhesap .infobar .item span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 7px;
}

.youtubegelirhesap .infobar .item b {
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.yotubuegelirhesaplama .hesaplabtn i {
	font-size: 22px;
	line-height: 15px;
	margin-left: 12px;
}

.muziktelifhesaplama {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: -70px;
	position: relative;
	margin-bottom: 70px;
}

.muziktelifhesaplama .boxc {
	border-radius: 35px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	max-width: 530px;
	width: 100%;
	padding: 22px;
}

.muziktelifhesaplama .boxc h3 {
	float: left;
	width: 100%;
	color: #3E1B3C;
	text-align: center;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.muziktelifhesaplama .boxc p {
	color: #8D8D8D;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	margin-bottom: 25px;
}

.muziktelifhesaplama .boxc .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Primary-Colors-White, #FFF);
	padding: 5px;
	padding-left: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.muziktelifhesaplama .boxc .item i {
	float: left;
	font-size: 24px;
	color: #F33B75;
}

.muziktelifhesaplama .boxc .item span {
	float: left;
	margin-left: 10px;
	color: #000;
	margin-top: 5px;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.muziktelifhesaplama .boxc .item .deger {
	border-radius: 10px;
	background: #f1eef3;
	float: right;
	padding: 10px 10px;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	min-width: 130px;
	display: flex;
	justify-content: space-between;
}

.muziktelifhesaplama .boxc .item .deger button {
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
	border: 0;
	color: #5d226c;
	line-height: 0px;
	font-weight: bold;
}

.muziktelifhesaplama .boxc .item .deger button.minus {
	margin-right: 5px;
}

.muziktelifhesaplama .boxc .item .deger button.plus {
	margin-left: 5px;
}

.muziktelifhesaplama .parabirimleribar {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #EBF2FA;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 5px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-top: 5px;
	margin-bottom: 18px;
}

.muziktelifhesaplama .parabirimleribar .paraitem {
	color: #808BA3;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	cursor: pointer;
	padding: 15px 25px;
	border-radius: 15px;
	transition: all 0.6s;
}

.muziktelifhesaplama .parabirimleribar .paraitem:hover {
	background: #FEEAF0;
	color: #5d226c;
	border-radius: 15px;
}

.muziktelifhesaplama .parabirimleribar .paraitem.active {
	border-radius: 15px;
	background: #FEEAF0;
	color: #5d226c;
}

.muziktelifhesaplama .kazancinfo {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
	text-align: center;
	min-height: 110px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.muziktelifhesaplama .kazancinfo span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.muziktelifhesaplama .kazancinfo b {
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
}

.muziktelifhesaplama .col-md-4 {
	padding: 5px;
}

.muziktelifhesaplama .desc {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #808BA3;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.mobilmenubtn {
	float: right;
	width: 42px;
	height: 42px;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	text-align: center;
	color: #142457;
	font-size: 22px;
	line-height: 39px;
	margin-right: 10px;
}

.guncelbakiye {
	float: left;
	width: 100%;
	border-radius: 15px;
	background: #F3F5F9;
	padding: 15px 25px;
	margin-top: 15px;
	display: none;
}

.guncelbakiye span {
	float: left;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.guncelbakiye .value {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	float: right;
}

.web-none {
	display: none !important;
}

.dashcontentalan {
	position: relative;
}

.ticketcontent {
	float: left;
	width: 100%;
	padding: 0px 50px;
}

.tickettitle {
	float: left;
	width: 100%;
	padding: 70px 0;
}

.tickettitle::before {
	content: "";
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: linear-gradient(180deg, #FAF4F8 0%, rgba(250, 244, 248, 0.00) 75.45%);
	width: calc(100% - 30px);
	position: absolute;
	left: 15px;
	top: 0;
	height: 350px;
	z-index: -1;
}

.tickettitle h1 {
	float: left;
	width: 100%;
	color: #312F64;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
}

.tickettitle p {
	color: #808BA3;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.ticketbox {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 5px;
}

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

.tickettaleplist .item {
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	padding: 13px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.tickettaleplist .item .icon {
	width: 50px;
	height: 50px;
	border-radius: 15px;
	background: #5d226c;
	text-align: center;
	line-height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tickettaleplist .item span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.tickettaleplist .item span:nth-child(1) {
	flex: 0 0 60px;
	max-width: 60px;
}

.tickettaleplist .item span:nth-child(2),
.tickettaleplist .item span:nth-child(3) {
	flex: 1 1 0;
	min-width: 0;
}

.tickettaleplist .item span:nth-child(4) {
	flex: 2;
}

.tickettaleplist .item span:nth-child(5) {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: end;
	min-width: 120px;
}

.tickettaleplist .item h6 {
	color: #767F93;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin: 0;
}

.tickettaleplist .item b {
	color: #142457;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tickettaleplist .item .status {
	float: right;
	border-radius: 15px;
	background: rgba(12, 97, 175, 0.20);
	backdrop-filter: blur(10px);
	padding: 15px 25px;
	color: #082C70;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	min-width: 130px;
	text-align: center;
}

.tickettaleplist .item .status.reply {
	background: rgba(12, 175, 87, 0.20);
	backdrop-filter: blur(10px);
	color: #087038;
}

.tickettaleplist .item .status.closed {
	background: rgba(175, 12, 12, 0.20);
	backdrop-filter: blur(10px);
	color: #700808;
}

.ticketdetailcontent {
	float: left;
	width: 100%;
	padding: 10px 30px;
}

.ticketdetailcontent .alan {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	padding: 10px;
}

.ticketdetailcontent .title {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	padding: 40px;
	background: linear-gradient(180deg, #FAF5F9 0%, rgba(250, 245, 249, 0.00) 135.08%);
	display: flex;
	align-items: center;
	gap: 20px;
}

.ticketdetailcontent .title .back-off {
	display: flex;
	align-items: center;
	border-radius: 8px;
	background: #f0eef3;
	width: 40px;
	height: 40px;
	justify-content: center;
}

.ticketdetailcontent .title h3 {
	margin-bottom: 0;
	color: #191835;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	max-width: 300px;
}

.ticketdetaillist {
	float: left;
	width: 100%;
	padding: 10px 0;
}

.ticketdetaillist .item {
	float: left;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 15px;
}

.ticketdetaillist .item .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 7.625px;
	background: #f1eef3;
	text-align: center;
	line-height: 40px;
}

.ticketdetaillist .item .icon img {
	filter: brightness(0) saturate(100%) invert(15%) sepia(27%) saturate(7141%) hue-rotate(279deg) brightness(84%) contrast(93%);
}

.ticketdetaillist .item .text {
	float: left;
	width: calc(100% - 45px);
	padding-left: 15px;
	min-height: 45px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.ticketdetaillist .item h5 {
	color: #5d226c;
	margin-bottom: 0px;
	font-family: Satoshi;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	margin-top: 4px;
}

.ticketdetaillist .item span {
	color: #22272F;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.ticketdetailcontent .supportmessages {
	float: left;
	width: 100%;
}

.ticketdetailcontent .messagelistalan {
	float: left;
	width: 100%;
	border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: linear-gradient(0deg, rgba(250, 245, 249, 0.00) 0%, #FAF5F9 100%);
	padding: 25px;
	min-height: 640px;
}

.ticketdetailcontent .padsportcn {
	float: left;
	width: 100%;
}

.ticketdetailcontent .messagelistalan .item {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

.ticketdetailcontent .messagelistalan .item.right::after {
	content: "";
	background: url(/assets/img/supportitemafter.png);
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.ticketdetailcontent .messagelistalan .item .hiz {
	float: right;
	width: 50%;
}

.ticketdetailcontent .messagelistalan .item.right .hiz {
	float: left;
	padding-left: 60px;
}

.ticketdetailcontent .messagelistalan .item .messagebox {
	float: left;
	border-radius: 15px 15px 15px 0px;
	border: 1px solid #EBF2FA;
	background: var(--Root-White, #FFF);
	padding: 17px;
	color: var(--Root-Black, #000);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	width: 100%;
	margin-bottom: 10px;
}

.ticketdetailcontent .messagelistalan .item .messagebox p {
	margin-bottom: 0;
}

.ticketdetailcontent .messagelistalan .item.right .messagebox {
	border-radius: 0px 15px 15px 15px;
	background: #121127;
	color: #fff;
}

.ticketdetailcontent .messagelistalan .item.right .user {
	color: var(--Secondary-Text, #767F93);
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.ticketdetailcontent .messagelistalan .item.right .date {
	color: var(--Secondary-Text, #767F93);
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.ticketdetailcontent .messagelistalan .item .user {
	float: left;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
}

.ticketdetailcontent .messagelistalan .item .date {
	float: right;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 14.769px;
	font-style: normal;
	font-weight: 500;
}

.ticketdetailcontent .messagelistalan .scroll-key {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
}

.ticketdetailcontent .messagereplyarea {
	float: left;
	width: 100%;
	padding: 10px 0px;
}

.ticketdetailcontent .messagereplyarea .alan {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #EBF2FA;
	background: #FFF;
	padding: 10px 15px;
	position: relative;
}

.ticketdetailcontent .messagereplyarea .alan .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 9.574px;
	background: rgba(235, 3, 95, 0.05);
	text-align: center;
	line-height: 42px;
}

.ticketdetailcontent .messagereplyarea .alan .input {
	float: left;
	width: calc(100% - 60px);
}

.ticketdetailcontent .messagereplyarea .alan .input input {
	float: left;
	width: 100%;
	border: 0;
	padding: 10px 20px;
}

.ticketdetailcontent .alan .rplybtns {
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	display: flex;
}

.ticketdetailcontent .alan .rplybtns .dosyayukle {
	float: right;
	border-radius: 15px;
	background: #F3F5F9;
	padding: 14px 20px;
	color: #4C515B;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	border: 1px solid #F3F5F9;
	margin-right: 10px;
}

.ticketdetailcontent .alan .rplybtns .dosyayukle i {
	margin-right: 10px;
	font-size: 22px;
	line-height: 15px;
	float: left;
	margin-top: 4px;
}

.ticketdetailcontent .alan .rplybtns .gonder {
	float: right;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	padding: 14px 20px;
	color: #fff;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	border: 1px solid #F3F5F9;
	margin-right: 10px;
}

.ticketdetailcontent .alan .rplybtns .gonder i {
	margin-left: 10px;
	font-size: 22px;
	line-height: 15px;
	float: right;
	margin-top: 4px;
}

.harcakazancontent .tablos {
	float: left;
	width: 100%;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

.harcakazancontent .tablos .tablostab {
	display: flex;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	border-bottom: 0;
}

.harcakazancontent .tabscontent {
	float: left;
	width: 100%;
	border: 1px solid #E9EAEB;
	background: #FFF;
	border-radius: 25px;
	overflow: hidden;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.harcakazancontent .tablostabhead {
	float: left;
	width: 100%;
	border-right: 1px solid #E9EAEB;
	background: #FFF5F9;
	display: flex;
	text-align: left;
}

.harcakazancontent .tablostabhead span {
	padding: 20px 10px;
}

.harcakazancontent .tablostabhead span:nth-child(1) {
	flex: 9;
	padding-left: 25px;
}

.harcakazancontent .tablostabhead span:nth-child(2) {
	flex: 3;
}

.harcakazancontent .tablostabhead span:nth-child(3) {
	flex: 3;
}

.harcakazancontent .tablostabhead span:nth-child(4) {
	flex: 3;
}

.harcakazancontent .tablosalan {
	float: left;
	width: 100%;
}

.harcakazancontent .tablositem {
	float: left;
	width: 100%;
	display: flex;
	border-bottom: 1px solid #E9EAEB;
	text-align: left;
	align-items: center;
}

.harcakazancontent .tablositem span:nth-child(1) {
	flex: 9;
	padding-left: 25px;
}

.harcakazancontent .tablositem span:nth-child(2) {
	flex: 3;
}

.harcakazancontent .tablositem span:nth-child(3) {
	flex: 3;
}

.harcakazancontent .tablositem span:nth-child(4) {
	flex: 3;
}

.harcakazancontent .tablositem span {
	padding: 15px 10px;
}

.harcakazancontent .tablositem .icon {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 49.333px;
	background: rgba(9, 110, 67, 0.10);
	text-align: center;
}

.harcakazancontent .tablositem h5 {
	float: left;
	margin-left: 15px;
	margin-bottom: 0;
	color: #096E43;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
}

.harcakazancontent .tablositem .tutar {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.harcakazancontent .tablositem .sutatus {
	border-radius: 10px;
	background: #E9FFF0;
	padding: 12px 15px;
	text-align: center;
	max-width: 150px;
	color: #096E43;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
}

.harcakazancontent .tablositem .sutatus i {
	float: right;
	font-size: 20px;
	line-height: 15px;
	margin-top: 4px;
	margin-left: 10px;
}

.harcakazancontent .tablositem .sutatus.wait {
	background: #FFF2E6;
	color: #E77C2E;
}

.harcakazancontent .tablositem .date {
	border-radius: 100px;
	background: #F3F5F9;
	padding: 15px;
	text-align: center;
	color: #4C515B;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.harcakazancontent .tablositem .date img {
	margin-right: 10px;
}

.tablos .tablostabitem {
	margin-right: 20px;
	cursor: pointer;
	padding: 15px;
}

.tablos .tablostabitem.active .icon {
	background: rgba(242, 46, 108, 0.10);
}

.tablos .tablostabitem.active {
	border-bottom: 1px solid #5d226c;
}

.tablos .tablostabitem .icon {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(88, 96, 116, 0.10);
	line-height: 36px;
}

.tablos .tablostabitem .icon img {
	width: 100%;
	height: 24px;
}

.tablos .tablostabitem span {
	float: left;
	line-height: 40px;
	color: rgba(110, 117, 134, 0.50);
	margin-left: 15px;
	margin-right: 10px;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.tablos .tablostabitem.active span {
	color: #000000;
}

.vertitle .text.harcakazan {
	padding-bottom: 20px;
}

.harcakazancontent {
	float: left;
	width: 100%;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

.harcakazancontent .veriler {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	border-radius: 35px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 14px;
}

.harcakazancontent .veriler .item {
	float: left;
	width: 100%;
	flex: 1;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 30px;
	text-align: left;
}

.harcakazancontent .veriler .item .icon {
	float: left;
	border-radius: 73.333px;
	border: 0.733px solid #F6EAF2;
	width: 50px;
	background: rgba(242, 46, 108, 0.10);
	height: 50px;
	text-align: center;
	line-height: 45px;
}

.harcakazancontent .veriler .item h6 {
	float: left;
	width: 100%;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 10px;
}

.harcakazancontent .veriler .item span {
	float: left;
	width: 100%;
	color: #3E1B3C;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 15px;
}

.harcakazancontent .veriler .item button.bakiyecevir {
	float: left;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 10px 15px;
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.harcakazancontent .veriler .item button.bakiyecevir i {
	margin-left: 5px;
	font-size: 20px;
	float: right;
	line-height: 16px;
}

.harcakazancontent .veriler .item a.bakiyecevir {
	float: left;
	border-radius: 15px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 10px 15px;
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.harcakazancontent .veriler .item a.bakiyecevir i {
	margin-left: 5px;
	font-size: 20px;
	float: right;
	line-height: 16px;
}

.harcakazancontent .veriler .item .hiz {
	float: left;
	width: 100%;
	display: flex;
}

.harcakazancontent .veriler .item .hiz span {
	margin-right: 15px;
}

.harcakazancontent .vip-progress-bar {
	float: left;
	margin-bottom: 0;
}

.harcakazancontent .vip-progress-bar .bar-segment {
	width: 4px;
	height: 20px;
}

.tablos .tablostabitem.active .icon img {
	filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

#bakiyeCevirModal .modal-dialog {
	max-width: 650px;
}

#bakiyeCevirModal .modal-content {
	border-radius: 25px;
	border: 1px solid #E9EAEB;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
}

#bakiyeCevirModal .modal-content .modal-header {
	border-bottom: none;
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
}

#bakiyeCevirModal .modal-content .modal-header .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 11.905px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#bakiyeCevirModal .modal-content .modal-header span {
	float: left;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

#bakiyeCevirModal .modal-content .modal-header button {
	float: right;
	border-radius: 10px;
	background: var(--Root-White, #FFF);
	border: 0;
	opacity: 1;
	font-size: 25px;
}

#bakiyeCevirModal .modal-body {
	padding: 0;
}

.hepsidonusarea {
	float: left;
	width: 100%;
	padding: 15px 20px;
}

.hepsidonusarea .item {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.hepsidonusarea .item label {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	color: #0E2B2F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.hepsidonusarea .item .input {
	float: left;
	width: 100%;
	position: relative;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	padding: 5px;
	display: flex;
}

.hepsidonusarea .item .input .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 12px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 44px;
	min-width: 45px;
}

.hepsidonusarea .item .input input {
	padding: 10px;
	border: none;
	width: 100%;
}

.hepsidonusarea .toplam {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}

.hepsidonusarea .toplam span {
	color: var(--Gray-13, #637592);
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
}

.hepsidonusarea .toplam b {
	color: #000;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.hepsidonusarea .toplam button {
	background: transparent;
	padding: 0;
	border: 0;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.hepsidonusarea .sonuc {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 80px;
	margin-bottom: 10px;
}

.hepsidonusarea .sonuc::before {
	content: "";
	width: 100%;
	background: url(/assets/img/arrow-down-swap.svg);
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	bottom: 115px;
}

.hepsidonusarea .sonuc label {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	color: #0E2B2F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.hepsidonusarea .sonuc .ins {
	float: left;
	width: 100%;
	padding: 5px;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: #FFF5F9;
}

.hepsidonusarea .sonuc .ins .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 12px;
	background: #fff;
	text-align: center;
	line-height: 44px;
	min-width: 45px;
}

.hepsidonusarea .sonuc .ins span {
	color: #0E2B2F;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	float: left;
	padding-left: 15px;
	min-height: 45px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.hepsidonusarea button.donustur {
	float: left;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #a477ae;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
	box-shadow: 0px 0px 0px 2px #5d226c;
	color: #fff;
	padding: 12px 5px;
	margin-top: 5px;
}

#kazanoranlarıModal .modal-dialog {
	max-width: 650px;
}

#kazanoranlarıModal .modal-content {
	border-radius: 25px;
	border: 1px solid #E9EAEB;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
}

#kazanoranlarıModal .modal-content .modal-header {
	border-bottom: none;
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--Stroke-Stroke-Soft, #E6EDF9);
}

#kazanoranlarıModal .modal-content .modal-header .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 11.905px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#kazanoranlarıModal .modal-content .modal-header span {
	float: left;
	color: var(--Neutral-N-900, #111621);
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-left: 15px;
	min-height: 50px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

#kazanoranlarıModal .modal-content .modal-header button {
	float: right;
	border-radius: 10px;
	background: var(--Root-White, #FFF);
	border: 0;
	opacity: 1;
	font-size: 25px;
}

#kazanoranlarıModal .modal-body {
	padding: 0;
}

.kazanoranlarilist {
	float: left;
	width: 100%;
	padding: 15px;
}

.kazanoranlarilist .item {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 15px;
	border: 1px solid #E2E6ED;
	background: #F3F5F9;
	padding: 5px;
	padding-right: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.kazanoranlarilist .item .lf {
	float: left;
	flex: 3;
}

.kazanoranlarilist .item .rg {
	float: right;
	flex: 2;
}

.kazanoranlarilist .item .icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 15px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
}

.kazanoranlarilist .item .text {
	float: left;
	min-height: 60px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-left: 15px;
}

.kazanoranlarilist .item .text span {
	color: #A7B6D3;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
}

.kazanoranlarilist .item .text b {
	color: #000;
	font-family: Satoshi;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}

.kazanoranlarilist .item .is {
	float: left;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 62px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 33px;
}

.kazanoranlarilist .item .rg span {
	float: left;
	padding-left: 10px;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	min-height: 40px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.kazanoranlarilist .item.activegold {
	border: 1px solid #DFCFA9;
	background: rgba(214, 166, 49, 0.25);
}

.kazanoranlarilist .item.activegold .text span {
	color: #B5A374;
}

.kazanoranlarilist .item.activegold .text b {
	color: #573E00;
}

.kazanoranlarilist .item.activegold .is img {
	filter: invert(36%) sepia(97%) saturate(848%) hue-rotate(20deg) brightness(96%) contrast(92%);
}

.kazanoranlarilist .item.activegold .is {
	background: rgba(214, 166, 49, 0.10);
}

.nasilcalisirpagearea {
	float: left;
	width: 100%;
	border-radius: 45px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 50px;
	margin-top: -70px;
	position: relative;
	margin-bottom: 150px;
}

.nasilcalisirpagearea .item {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}

.nasilcalisirpagearea .item .hiz {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.nasilcalisirpagearea .item .text {
	float: left;
	width: 100%;
	padding-right: 30px;
}

.nasilcalisirpagearea .item .text .bs {
	float: left;
	border-radius: 32px;
	border: 1px solid #F6EAF2;
	background: var(--Root-White, #FFF);
	margin-bottom: 20px;
	padding: 5px;
}

.nasilcalisirpagearea .item .text .bs .icon {
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 35px;
}

.nasilcalisirpagearea .item .text .bs span {
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	padding: 8px 15px;
	padding-left: 10px;
	float: left;
}

.nasilcalisirpagearea .item .text h3 {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #000;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
}

.nasilcalisirpagearea .item .text p {
	color: #40444C;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
}

.nasilcalisirpagearea .item .text ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
	display: flex;
	gap: 15px;
	flex-flow: wrap;
	margin-top: 10px;
}

.nasilcalisirpagearea .item .text ul li {
	float: left;
	border-radius: 32px;
	border: 1px solid #EFEDEF;
	background: var(--Root-White, #FFF);
	padding: 5px;
	color: #142457;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
	padding-right: 20px;
}

.nasilcalisirpagearea .item .text ul li .icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 35px;
	color: #5d226c;
	font-size: 20px;
	margin-right: 10px;
}

.nasilcalisirpagearea .item .text a {
	float: left;
	border-radius: 60px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 11px 35px;
	margin-top: 25px;
}

.nasilcalisirpagearea .item .img {
	float: right;
	width: calc(100% - 30px);
	height: 523px;
	border-radius: 24px;
	border: 1px solid #F6EAF2;
	background: #f1eef3;
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.nasilcalisirpagearea .item .img::before {
	content: "";
	position: absolute;
	background: url(/assets/img/imgbeforenasilyapilir.png);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
}

.nasilcalisirpagearea .item .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
}

.nasilcalisirpagearea .item.left .text {
	padding-right: 0;
	padding-left: 30px;
}

.nasilcalisirpagearea .item.left .img {
	float: left;
}

.nasilcalisirpagearea .item .number {
	position: absolute;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	background: #5d226c;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	right: -22px;
	top: -20px;
}

.nasilcalisirpagearea .item .col-md-6 {
	position: relative;
}

.nasilcalisirpagearea .item .col-md-6::after {
	content: "";
	position: absolute;
	width: 2px;
	height: calc(100% - 15px);
	background: #EDEEF1;
	top: 35px;
	right: -2px;
}

.nasilcalisirpagearea .item.son .col-md-6::after {
	display: none;
}

.bakiyeklebarlist {
	max-width: 233px;
	margin: 0 auto;
}

.bakiyeklebarlist::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(/assets/img/bakiyeeklebefore.png);
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	z-index: 2;
	background-position: center;
}

.bakiyeklebarlist .item {
	float: left;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 35px 25px;
	margin-bottom: 10px;
}

.bakiyeklebarlist .item img {
	height: 40px !important;
}

.bakiyeklebarlist .scrollbakiye {
	min-height: 100%;
	max-height: 100%;
	overflow: hidden;
	animation-name: scroll-up;
	display: flex;
	flex-direction: column;
	animation-duration: 60s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

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

.siparisolsutrbar .itemb {
	float: left;
	width: 100%;
	border-radius: 16.164px;
	border: 0.666px solid #F6EAF2;
	background: #FFF;
	padding: 15px 20px;
	text-align: center;
	min-width: 440px;
	margin: 7px 0;
}

.siparisolsutrbar .itemb i {
	color: #EB035F;
	font-size: 60px;
}

.siparisolsutrbar .itemb h5 {
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 16.931px;
	font-style: normal;
	font-weight: 500;
	line-height: 21.552px;
	padding: 0px 20px;
}

.siparisolsutrbar .itemb .minmax {
	border-radius: 66.64px;
	background: rgba(86, 87, 20, 0.05);
	padding: 10px;
	display: flex;
	color: #7B501E;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-right: 15px;
}

.siparisolsutrbar .itemb .minmax i {
	font-size: 19px;
	color: #7B501E;
	margin-right: 10px;
}

.siparisolsutrbar .itemb .lbs {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 15px 0;
}

.siparisolsutrbar .itemb .sure {
	border-radius: 66.64px;
	background: rgba(242, 46, 108, 0.05);
	padding: 10px;
	display: flex;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-right: 15px;
}

.siparisolsutrbar .itemb .sure i {
	font-size: 19px;
	color: #5d226c;
	margin-right: 10px;
}

.siparisolsutrbar .itemb a {
	float: left;
	width: 100%;
	border-radius: 6px;
	border: 0.666px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 0.666px #EB035F, 0px 0.666px 1.333px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 10px;
}

.siparisolsutrbar .kayanbar {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	width: 100%;
}

.siparisolsutrbar .list {
	float: left;
	width: 100%;
}

.tummudllerlist {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	margin-top: 40px;
}

.tummodullercontent {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 70px;
}

.tummodullercontent .dashkategoriler {
	padding: 0;
}

.tummodullercontent .container-full {
	float: left;
	width: 100%;
	padding: 0px 10%;
}

.tummudllerlist .item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F6EAF2;
	background: #FFF;
	padding: 40px 25px;
	text-align: center;
	margin-bottom: 18px;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
}

.tummudllerlist .item .icon {
	width: 52px;
	height: 52px;
	border-radius: 77px;
	background: rgba(242, 46, 108, 0.10);
	margin: 0 auto;
	margin-bottom: 15px;
}

.tummudllerlist .item h3 {
	color: #1B1A35;
	text-align: center;
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
}

.tummudllerlist .item p {
	color: rgba(27, 26, 53, 0.40);
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
}

.tummudllerlist .item .dene {
	color: #312F64;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.tummudllerlist .item .dene i {
	color: #5d226c;
	margin-left: 10px;
	font-size: 22px;
	line-height: 18px;
}

.youtubesercisler2 {
	float: left;
	width: 100%;
	margin-bottom: 90px;
	margin-top: 50px;
}

.text.tummoduller .img {
	height: 350px;
	position: inherit;
}

.text.tummoduller .img img {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	object-fit: contain;
	object-position: right;
	z-index: 2;
}

.dashcontentalan .dashkategoriler {
	padding: 0px 20px !important;
}

.vertitle.ucretsiz .text {
	background: transparent;
	padding-top: 50px;
}

.vertitle.ucretsiz .text::before {
	display: none;
}

.vertitle.ucretsiz .text::after {
	display: none;
}

.vertitle.ucretsiz::after {
	content: "";
	border-radius: 35px;
	background: linear-gradient(180deg, #FFF6FF 0%, rgba(255, 246, 255, 0.00) 64.39%);
	width: calc(100% - 20px);
	height: 800px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: -1;
}

.vertitle.ucretsiz::before {
	content: "";
	background: url(/assets/img/ucretsizmap.png);
	width: 100%;
	height: 500px;
	position: absolute;
	right: 0;
	top: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	z-index: -1;
}

.vertitle.ucretsiz .text .img img {
	object-position: right;
}

.vertitle.ucretsiz .ssstitle .texta {
	justify-content: stretch;
}

.vertitle.ucretsiz .text a {
	float: left;
	border-radius: 100px;
	background: #22253E;
	padding: 12px 25px;
	color: #fff;
	margin-top: 25px;
}

.vertitle.ucretsiz .text ul {
	float: left;
	width: 100%;
	margin-top: 50px;
	display: flex;
	gap: 20px;
}

.vertitle.ucretsiz .text ul li {
	float: left;
	list-style: none;
	color: #312F64;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.vertitle.ucretsiz .text ul li i {
	float: left;
	margin-right: 10px;
	color: #5d226c;
	font-size: 20px;
	margin-top: -4px;
}

.ucretsizalanles {
	float: left;
	width: 100%;
	margin-bottom: 100px;
	margin-top: -135px;
	position: relative;
	z-index: 2;
}

.ucretsizalanles .tablinks {
	float: left;
	border-radius: 20px;
	border: 1px solid #EBF2FA;
	background: #FFF;
	box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	padding: 5px;
}

.ucretsizalanles .tablinks a {
	float: left;
	color: #808BA3;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	padding: 15px 25px;
	transition: all 0.5s;
}

.ucretsizalanles .tablinks a img {
	float: left;
	margin-right: 10px;
	margin-top: -2px;
}

.ucretsizalanles .tabcontents {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	padding: 25px;
	margin-top: 15px;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
}

.ucretsizalanles .tablinks a.active {
	border-radius: 15px;
	background: #FEEAF0;
	color: #333;
}

.ucretsizalanles .tablinks a.active img {
	filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
}

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

.ucretsizform label {
	float: left;
	width: 100%;
	color: var(--Primary-Color-950, #142457);
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
}

.ucretsizform .input {
	float: left;
	width: 100%;
	position: relative;
	border-radius: 15px;
	border: 1px solid #E6EDF9;
	background: var(--Root-White, #FFF);
}

.ucretsizform .input input {
	float: left;
	width: 100%;
	border: 0;
	padding: 15px;
	border-radius: 15px;
	padding-left: 65px;
}

.ucretsizform .input .icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: #FEEAF0;
	text-align: center;
	line-height: 41px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.ucretsizform button {
	float: right;
	width: 100%;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 13px 5px;
	margin-top: 32px;
}

.tumucretsizaraclarsection {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}

.tumucretsizaraclarsection .bg_title {
	margin: 0 auto;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
	color: #142457;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	border-radius: 25.117px;
	border: 0.785px solid #F7E2F7;
	padding: 5px;
	box-shadow: 0px 549.427px 153.84px 0px rgba(0, 0, 0, 0.00), 0px 351.633px 140.496px 0px rgba(0, 0, 0, 0.00), 0px 197.794px 118.519px 0px rgba(0, 0, 0, 0.01), 0px 87.908px 87.908px 0px rgba(0, 0, 0, 0.02), 0px 21.977px 48.664px 0px rgba(0, 0, 0, 0.02);
}

.tumucretsizaraclarsection .bg_title .icon {
	float: left;
	border-radius: 71.57px 15px 15px 71.57px;
	background: rgba(242, 46, 108, 0.15);
	padding: 7px;
}

.tumucretsizaraclarsection .bg_title .icon img {
	height: 20px;
}

.tumucretsizaraclarsection .bg_title span {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
}

.tumucretsizaraclarsection .hiz {
	float: left;
	width: 100%;
	display: flex;
	position: relative;
	z-index: 3;
}

.tumucretsizaraclarsection h3 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 3;
	color: #312F64;
	text-align: center;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 15px;
}

.tumucretsizaraclarsection p {
	color: #75818D;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	max-width: 550px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
}

.tumucretsizaraclarsection .item {
	float: left;
	width: 100%;
	border-radius: 25px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
	padding: 25px;
	margin-bottom: 20px;
}

.tumucretsizaraclarsection .item .icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 77px;
	background: rgba(242, 46, 108, 0.10);
	text-align: center;
	line-height: 45px;
}

.tumucretsizaraclarsection .item h4 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 18px;
	color: #1B1A35;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.tumucretsizaraclarsection .item span {
	float: left;
	width: 100%;
	color: rgba(27, 26, 53, 0.40);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.ucretsizaracinfo {
	float: left;
	width: 100%;
	border-radius: 35px;
	border: 1px solid #F7E2F7;
	background: #FFF;
	position: relative;
	box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
}

.ucretsizaracinfo .info {
	float: left;
	width: 100%;
	padding-top: 30px;
	position: relative;
}


.ucretsizaracinfo .info::after {
	content: "";
	background: url(/assets/img/map.png);
	position: absolute;
	right: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}

.ucretsizaracinfo .info img {
	width: 100%;
	height: 440px;
	object-fit: contain;
	object-position: bottom;
	z-index: 2;
	position: relative;
}

.ucretsizaracinfo .text {
	float: left;
	width: 100%;
	padding: 10px 50px;
	display: flex;
	flex-flow: wrap;
}

.ucretsizaracinfo .hiz {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-flow: column;
	height: 100%;
}

.ucretsizaracinfo .text span {
	float: left;
	border-radius: 100px;
	background: rgba(242, 46, 108, 0.10);
	color: #5d226c;
	font-family: Satoshi;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.ucretsizaracinfo .text h4 {
	color: #183B56;
	font-family: Satoshi;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 20px;
}

.ucretsizaracinfo .text p {
	text-align: left;
	color: rgba(27, 26, 53, 0.40);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 20px;
}

.ucretsizaracinfo .text a {
	border-radius: 74px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 10px 35px;
}

#gonderModal .modal-dialog {
	max-width: 1200px;
}

#gonderModal .modal-content {
	border-radius: 35px;
	background: #fff;
	padding: 0px;
	border: none;
}

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

.ucretsizmodal .img {
	float: left;
	width: 100%;
	height: 100%;
	min-height: 500px;
	overflow: hidden;
	border-radius: 35px;
	background: #13162D;
	position: relative;
}

.orderstablo .item .link a {
	color: #333;
}

.ucretsizmodal .img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/img/ucrmodalafter.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.ucretsizmodal .img img {
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	position: relative;
}

.ucretsizmodal .hesap {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.ucretsizmodal .hesap .imgc img {
	width: 100px;
	height: 100px;
	margin-bottom: 15px;
	object-fit: contain;
}

.ucretsizmodal .text {
	float: left;
	width: 100%;
	padding-top: 30px;
}

.ucretsizmodal .hesap h5 {
	color: #000;
	margin-bottom: 5px;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
}

.ucretsizmodal .hesap span {
	color: var(--Neutral-N-300, #6F7789);
	text-align: center;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.ucretsizmodal .paketu {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px 20px;
}

.ucretsizmodal .paketu i {
	color: #5d226c;
	font-size: 50px;
	margin-bottom: 15px;
}

.ucretsizmodal .paketu h4 {
	color: #312F64;
	text-align: center;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 20px;
}

.ucretsizmodal .paketu .tbs {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
	gap: 10px;
}

.ucretsizmodal .paketu .tbs span {
	border-radius: 10px;
	background: #5d226c;
	padding: 15px 5px;
	text-align: center;
	color: #fff;
	width: 100%;
}

.ucretsizmodal .paketu .tbs span.once {
	background: #F3F5F9;
	color: #4C515B;
}

.ucretsizmodal .hazirlaniyor {
	float: left;
	width: 100%;
	padding: 25px;
	border-radius: 25px;
	background: #f1eef3;
	text-align: center;
	padding-bottom: 35px;
}

.ucretsizmodal .hazirlaniyor h4 {
	color: #312F64;
	text-align: center;
	font-family: Satoshi;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 20px;
}

.ucretsizmodal .hazirlaniyor .time {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 35px;
}

.ucretsizmodal .hazirlaniyor .time span {
	color: #312F64;
	text-align: center;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	margin: 0px 20px;
}

.ucretsizmodal .hazirlaniyor .time .sure {
	border-radius: 100px;
	border: 1px solid #E9D3DC;
	background: #FFF;
	color: #5d226c;
	font-family: Satoshi;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	padding: 5px 20px;
}

.ucretsizmodal .hazirlaniyor a {
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #EB035F 0.46%, #FA4661 99.54%);
	box-shadow: 0px 0px 0px 1px #EB035F, 0px 1px 2px 0px rgba(235, 3, 95, 0.88);
	color: #fff;
	padding: 15px 25px;
}



.vipurunler .id {
	color: #5d226c;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.vipurunler .servis {
	float: left;
	display: flex;
	align-items: center;
}

.vipurunler .servis i {
	float: left;
	font-size: 22px;
	color: #5d226c;
}

.vipurunler .servis h3 {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
	padding-left: 10px;
}

.vipurunler .servis .adet {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.vipurunler .bastime {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
}

.vipurunler .bastime.hizli {
	color: #067318;
}

.vipurunler .bastime img {
	float: left;
	margin-right: 8px;
}

.vipurunler .garanti {
	color: #D90A4B;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.vipurunler .garanti a {
	color: #D90A4B;
}

.vipurunler .date {
	border-radius: 100px;
	background: #F3F5F9;
	color: #4C515B;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	display: flex;
	align-items: center;
	padding: 8px 20px;
	text-align: center;
	justify-content: center;
}

.vipurunler .date i {
	font-size: 18px;
	margin-right: 10px;
}


.dashcontentalan .text.vip {
	padding-bottom: 150px;
}

.vipurunler {
	margin-top: -150px;
}

.vipurunler .servistitle {
	background: #fff;
}

.vipurunler .servistitle .icon {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 7.5px;
	background: #f1eef3;
	text-align: center;
	line-height: 45px;
	font-size: 30px;
	font-weight: normal;
	color: #5d226c;
}

.vipurunler .servistitle .texsc {
	float: left;
	padding-left: 15px;
}

.vipurunler .servistitle .texsc span {
	color: #5d226c;
	font-family: Satoshi;
	font-size: 11.813px;
	font-style: normal;
	font-weight: 500;
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 0px;
	line-height: 12px;
	margin-top: 5px;
}

.vipurunler .servistitle .texsc b {
	color: #22272F;
	font-family: Satoshi;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	float: left;
	width: 100%;
	text-align: left;
}

.vipurunler .servistablobaslik {
	background: #f0eef3;
}

.vipurunler .servistablobaslik span:nth-child(1),
.vipurunler .servistabloitem span:nth-child(1) {
	flex: 1;
}

.vipurunler .servistablobaslik span:nth-child(2),
.vipurunler .servistabloitem span:nth-child(2) {
	flex: 4;
}

.vipurunler .servistablobaslik span:nth-child(3),
.vipurunler .servistabloitem span:nth-child(3) {
	flex: 1.5;
}

.vipurunler .servistablobaslik span:nth-child(4),
.vipurunler .servistabloitem span:nth-child(4) {
	flex: 1.8;
	text-align: left;
	padding-right: 10px;
}

.vipurunler .servistablobaslik span:nth-child(5),
.vipurunler .servistabloitem span:nth-child(5) {
	flex: 1.5;
	text-align: center;
}

.vipurunler .servistablobaslik span:nth-child(6),
.vipurunler .servistabloitem span:nth-child(6) {
	flex: 2.2;
	text-align: left;
}

.vipurunler .servistablobaslik span:nth-child(7),
.vipurunler .servistabloitem span:nth-child(7) {
	flex: 1.9;
	text-align: center;
}

.hidden {
	display: none !important;
}

.files-wrapper button {
	display: flex !important;
	align-items: center !important;
	align-self: flex-start !important;
	float: right !important;
	border-radius: 15px !important;
	background: #F3F5F9 !important;
	padding: 10px 20px !important;
	color: #4C515B !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 1px solid #F3F5F9 !important;
	margin-right: 10px !important;
}

#uploader-button svg path {
	fill: #4C515B;
}

input#amount {
	padding-left: 37px;
	font-weight: bold;
}

.webkapali {
	display: none !important;
}

.mobilkapali {
	display: block !important;
}

.orderstablo .item:hover .order-actions {
	opacity: 1;
}

.order-actions {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 9;
	display: flex;
	align-items: center;
	right: 0;
	justify-content: right;
	padding-right: 50px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF9FB 40.71%);
	opacity: 0;
	transition: all 0.6s;
}

a.resiparis {
	border-radius: 100px;
	border: 1px solid #E9EAEB;
	background: #FFF;
	padding: 10px 25px;
	margin-right: 10px;
	color: #142457;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
}

a.resiparis i {
	margin-left: 5px;
}

button.sorunbildirbv {
	border-radius: 100px;
	border: 1px solid #E9EAEB;
	background: #FFF;
	padding: 10px 25px;
	margin-right: 10px;
	color: #142457;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
}

button.sorunbildirbv i {
	margin-left: 5px;
}

/* responsive */
@media (max-width: 991px) {
	.footer-collapsible {
		cursor: pointer;
		display: block;
		position: relative;
		font-weight: bold;
		padding-right: 24px;
	}

	.dashboardcontent.active .dashsidebar .dashmenu ul li a img {
		float: left;
		margin: 0;
	}

	.dashboardcontent.active .dashsidebar .dashmenu ul li a {
		flex-flow: wrap;
		justify-content: start;
	}

	.dashboardcontent.active .dashsidebar {
		width: 280px;
	}

	.dashboardcontent.active .dashsidebar .dashmenu ul li a span {
		display: block;
	}

	.dashboardcontent.active img.kas {
		display: block;
	}

	.dashboardcontent.active img.favi {
		display: none !important;
	}

	.webkapali {
		display: block !important;
	}

	.mobilkapali {
		display: none !important;
	}

	.dashtopbar .left .icon {
		border-radius: 15px;
		border: 1px solid #F6EAF2;
		background: var(--Root-White, #FFF);
		line-height: 36px;
		width: 42px;
		height: 42px;
	}

	.dashtopbar .left .icon img {
		filter: brightness(0) saturate(100%) invert(16%) sepia(9%) saturate(6703%) hue-rotate(193deg) brightness(92%) contrast(102%);
		width: 22px;
	}

	.dashtopbar .left .tcs {
		min-height: 42px;
	}

	.footer-collapsible:after {
		content: '';
		background: url(/assets/img/ftmenuafter.svg);
		position: absolute;
		width: 37px;
		height: 37px;
		background-size: 11px;
		background-repeat: no-repeat;
		background-position: center;
		right: 0;
		background-color: rgba(255, 255, 255, 0.05);
		border-radius: 50%;
	}

	.footer-collapsible.active:after {
		transform: rotate(-180deg);
	}

	.footer-collapse-list {
		display: none;
		margin-bottom: 10px;
	}
}

@media (min-width: 992px) {
	.footer-collapse-list {
		display: block !important;
	}
}

@media (min-width: 767px) {

	.mobilmenubtn,
	.mobilmenumodal {
		display: none !important;
	}
}



/* responsive */
@media (max-width: 768px) {
	.mobilmenumodal {
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgb(255 255 255 / 99%);
		opacity: 0;
		padding: 10px;
		pointer-events: none;
		transition: opacity 0.35s cubic-bezier(.4, 0, .2, 1);
	}

	.ticketdetailcontent .alan .rplybtns .dosyayukle,
	.ticketdetailcontent .alan .rplybtns .gonder {
		text-indent: -500px;
		overflow: hidden;
		padding: 8px;
		border-radius: 10px;
	}

	.ticketdetailcontent .alan .rplybtns .dosyayukle i,
	.ticketdetailcontent .alan .rplybtns .gonder i {
		text-indent: 0;
		margin-right: 0;
		margin-left: 0;
	}

	.ticketdetailcontent {
		padding: 0;
	}

	.ticketdetailcontent .title {
		padding: 20px;
	}

	.harcakazancontent .tablositem h6 {
		color: rgba(20, 36, 87, 0.40);
		font-family: Satoshi;
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		margin-bottom: 5px;
	}

	.harcakazancontent .tablositem .sutatus {
		display: flex;
		font-size: 11px;
	}

	.harcakazancontent .tablositem .sutatus i {
		font-size: 15px;
		line-height: 15px;
		margin-top: 0;
		margin-left: 2px;
	}

	.harcakazancontent .tablositem .tutar {
		text-align: center;
	}

	.harcakazancontent .tablositem .date {
		font-size: 13px;
		padding: 10px;
		border-radius: 10px;
	}

	.harcakazancontent .tablositem span:nth-child(1) {
		padding-left: 0;
	}

	.harcakazancontent .tablositem h5 {
		margin-left: 5px;
		font-family: 13px;
	}

	.harcakazancontent .tablositem span {
		float: left;
		width: 33%;
		padding: 10px 0px;
	}

	.harcakazancontent .tablositem span:nth-child(4) {
		width: 100%;
	}

	.harcakazancontent .tablositem {
		display: block;
		padding: 10px;
	}

	.ticketdetailcontent .alan .rplybtns {
		position: absolute;
		top: 12px;
	}

	.ticketdetailcontent .messagereplyarea .alan .input input {
		font-size: 13px;
		padding-left: 10px;
		padding-top: 13px;
		padding-right: 80px;
	}

	.ticketdetailcontent .messagelistalan .item .hiz {
		width: 100%;
	}

	.ticketdetaillist .item {
		margin-bottom: 5px;
	}

	.ticketdetailcontent .title h3 {
		font-size: 16px;
	}

	.tickettaleplist .item .icon {
		width: 35px;
		height: 35px;
	}

	.tickettaleplist .item span:nth-child(4) {
		margin-top: 15px;
	}

	.tickettaleplist .item span:nth-child(5) {
		margin-top: 12px;
	}

	.tickettaleplist .item span:nth-child(1) {
		width: 33%;
	}

	.tickettaleplist .item span:nth-child(2) {
		width: 33%;
	}

	.tickettaleplist .item span:nth-child(3) {
		width: 33%;
	}

	.tickettaleplist .item span {
		float: left;
		width: 50%;
	}

	.tickettaleplist .item {
		display: block;
	}

	.tickettitle {
		padding: 20px;
	}

	.tickettitle h1 {
		font-size: 20px;
	}

	.ticketbox {
		margin-bottom: 25px;
	}

	.ticketcontent {
		padding: 0px 0px;
	}

	.kpanelinfolist {
		padding: 0px 8px;
	}

	.refferal_content .text .adsunucu b {
		min-height: auto;
		font-size: 16px;
	}

	.refferal_content .text {
		text-align: center;
	}

	.refferal_content .text .icon {
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.refferal_content .text .icon img,
	.refferal_content .text .adsunucu .icon img,
	.ticketdetaillist .item .icon img,
	.vertitle .text::after,
	.kpanelinfolist .item .icon img,
	.hesapayricaliklar .textb .status .icon img,
	.hesapayricaliklar .textb .status .icon img,
	.seviyerozetler ul li.active .icon img,
	.seviyebarhesap .ls .icon img,
	.kpanelinfolist .item .icon img,
	.hesapayricaliklar .textb .status .icon img,
	.filtersearchbar button img,
	.servistabloitem .cart-btn img,
	.filterbar .filterselect .icon img,
	.filtersearchbar button img,
	.servistabloitem .cart-btn img,
	.dashsidebar .dashmenu ul li.active::after {
		filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(6928%) hue-rotate(267deg) brightness(94%) contrast(94%);
	}

	.orderstablo .item ul {
		float: left;
		width: 100%;
		list-style: none;
		margin-bottom: 0;
		margin-top: 10px;
	}

	.orderstablo .item ul li {
		float: left;
		width: 100%;
		display: flex;
		align-items: center;
		border-top: 1px solid #F6EAF2;
		justify-content: space-between;
		padding: 10px 0;
	}

	.orderslist {
		border: 0;
	}

	.orderslist .mobilconsol {
		float: left;
		width: 100%;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 5px;
		border-top: 1px solid #F6EAF2;
		padding-top: 10px;
	}

	.orderstablo .refillbtn {
		width: 100%;
		color: #6E4609;
		font-family: Satoshi;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
	}

	.orderstablo .refillbtn img {
		margin-left: 5px;
		width: 17px;
	}

	.orderstablo .sorun {
		float: left;
		border-radius: 10px;
		background: transparent;
		border-radius: 10px;
		border: 1px solid #F6EAF2;
		width: 100%;
		height: 40px;
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		color: #142457;
		font-family: Satoshi;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
	}

	.orderstablo .sorun img {
		margin-right: 5px;
		width: 17px;
	}

	.orderstablo .tekraris {
		float: left;
		border-radius: 10px;
		background: transparent;
		border-radius: 10px;
		border: 1px solid #F6EAF2;
		width: 100%;
		height: 40px;
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		color: #142457;
		font-family: Satoshi;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
	}

	.orderstablo .tekraris img {
		margin-right: 5px;
		width: 17px;
	}

	.orderstablo .item {
		margin-bottom: 15px;
		border-radius: 25px;
		border: 1px solid #F6EAF2;
		box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
	}

	.orderstablo .item ul li b {
		float: left;
		color: var(--Primary-Color-950, #142457);
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
	}

	.orderstablo .item ul li .dger {
		float: right;
		color: var(--Primary-Color-950, #142457);
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
	}

	.orderstablo .servisname {
		width: 100%;
		text-align: center;
	}

	.orderstablo .status {
		padding: 10px 20px;
	}

	.orderscontent {
		padding: 0px;
		margin-top: 0;
	}

	.servistabloitem .idtet {
		font-weight: bold;
		color: #142457;
	}

	.servistabloitem .mobilminmax {
		float: left;
		width: 100%;
		border-top: 1px solid #F6EAF2;
		background: var(--Root-White, #FFF);
		margin-top: 7px;
		border-bottom: 1px solid #F6EAF2;
		display: flex;
		align-items: center;
		padding: 15px 0;
	}

	.servistabloitem .mobilminmax span {
		float: left;
		color: var(--Primary-Color-950, #142457);
		font-family: Satoshi;
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
		padding: 0;
	}

	.servistabloitem .mobilbtnlist {
		float: left;
		width: 100%;
		display: flex !important;
		padding: 15px 0;
		gap: 13px;
		justify-content: space-between;
	}

	.servistabloitem .mobilbtnlist .siparisolustur {
		border-radius: 15px;
		border: 1px solid #a477ae;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.16) 6.48%, rgba(255, 255, 255, 0.00) 100%), #5d226c;
		box-shadow: 0px 0px 0px 2px #5d226c;
		color: #fff;
		padding: 10px 5px;
		width: 50%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.servis_tabloliste {
		border: 0;
		padding: 0;
		box-shadow: none;
		background: transparent;
	}

	.servistabloitem {
		border-bottom: 0px;
		margin-bottom: 15px;
		border: 1px solid var(--Gray-200, #E9EAEB);
		background: var(--Base-White, #FFF);
		box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
		overflow: hidden;
		border-radius: 15px;
	}

	.servistabloitem .sDetayBtn {
		width: 50%;
		text-align: center;
		border-radius: 15px;
		background: #161934;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.servistabloitem .mobilbtnlist .siparisolustur i {
		font-size: 19px;
		margin-left: 10px;
	}

	.mobilminmax b {
		float: right;
		color: var(--Primary-Color-950, #142457);
		font-family: Satoshi;
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
	}

	.servistabloitem span.mobilspan {
		display: flex;
		width: 100%;
		float: left;
		padding-right: 0;
		padding-left: 0;
		flex: 1;
		align-items: center;
		gap: 10px;
		justify-content: center;
		flex-flow: wrap;
	}

	.servistabloitem .serivsname h5 {
		float: left;
		width: 100%;
		text-align: center;
		color: var(--Primary-Color-950, #142457);
		font-family: Satoshi;
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
		display: block;
		line-height: 24px;
	}

	.servistabloitem .srvsfiyat {
		border-radius: 100px;
		background: #F3F5F9;
		padding: 5px;
		display: flex;
		align-items: center;
		padding-right: 10px;
	}

	.servistabloitem .srvsfiyat b {
		color: rgba(20, 36, 87, 0.20);
	}

	.favoribtnlist {
		width: auto;
	}

	.servistabloitem .srvsfiyat img {
		float: left;
		display: block;
		margin-right: 5px;
	}

	.servistabloitem .teslimsure {
		width: auto;
	}

	.favoribtnlist button {
		float: left;
	}

	.web-none {
		display: block !important;
	}

	.servistabloitem .serivsname {
		flex-flow: column;
		text-align: center;
	}

	.serviscontent {
		margin-top: 0;
	}

	.mobil-none {
		display: none !important;
	}

	.servistabloitem .serivsname i {
		margin-top: 0;
		margin-bottom: 15px;
		margin-right: 0;
		font-size: 38px;
	}

	.guncelbakiye {
		display: block;
	}

	.dashtopbar .userbar .icon {
		background: rgba(242, 46, 108, 0.15);
	}

	.dashtopbar .userbar .icon img {
		filter: invert(27%) sepia(93%) saturate(850%) hue-rotate(312deg) brightness(80%) contrast(120%);
	}

	.mobilmenumodal.active {
		opacity: 1;
		pointer-events: auto;
	}

	.mobilmenu-content .hed {
		float: left;
		width: 100%;
		margin-bottom: 25px;
	}

	.mobilmenu-content .hed .logo {
		float: left;
		width: 50%;
	}

	.mobilmenu-content .hed .logo img {
		width: 100%;
		object-fit: contain;
		height: 40px;
		object-position: left;
	}

	.mobilmenu-content .hed button {
		float: right;
		border-radius: 15px;
		border: 1px solid #F6EAF2;
		background: var(--Root-White, #FFF);
		padding: 0;
		width: 42px;
		height: 42px;
		color: #142457;
		font-size: 22px;
	}

	.mobilmenu-content {
		border-radius: 12px;
		padding: 20px 20px;
		width: 100%;
		border-radius: 25px;
		border: 1px solid #EBEFF4;
		background: var(--Root-White, #FFF);
		position: relative;
		float: left;
		transform: translateY(-40px) scale(0.98);
		opacity: 0;
		transition: all 0.35s cubic-bezier(.4, 0, .2, 1);
	}

	.mobilmenumodal.active .mobilmenu-content {
		transform: translateY(0) scale(1);
		opacity: 1;
	}

	.mobilmenu-close {
		position: absolute;
		top: 16px;
		right: 16px;
		background: none;
		border: none;
		color: #fff;
		font-size: 2rem;
		cursor: pointer;
	}

	.swi_alan .langselect {
		display: none;
	}

	.swi_alan .darkmode_btn {
		display: none;
	}

	.mobilmenu-content .btnlist {
		float: left;
		width: 100%;
		display: flex;
		gap: 10px;
		margin-left: 10px;
		margin-top: -10px;
		margin-bottom: 20px;
	}

	.mobilmenu-content .langselectbtn {
		float: left;
		width: 35px;
		height: 35px;
		border: 1px solid #0000000D;
		border-radius: 50%;
		background: #F3F5F9;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 9px;
		cursor: pointer;
		transition: all 0.6s;
	}

	.mobilmenu-content .lgn_regalan {
		display: flex;
		float: left;
		width: 100%;
		flex-flow: column-reverse;
	}

	.mobilmenu-content .lgn_regalan a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: wrap;
		text-align: center;

	}

	.lgn_regalan a.register_btn {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.mobilmenu-list {
		float: left;
		width: 100%;
		list-style: none;
		padding-left: 7px;
		margin-top: 10px;
	}

	.mobilmenu-list li {
		margin-bottom: 20px;
	}

	.mobilmenu-list a {
		color: var(--Primary-Color-950, #142457);
		font-family: Satoshi;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
	}

	.mobilmenu-list a:hover {
		color: #ffb300;
	}

	header .menu_center {
		display: none;
	}

	.guvenirlik_item .afterlist span {
		font-size: 14px;
	}

	.welcome_cnsarea .container::before,
	.welcome_cnsarea .container::after,
	.lgn_regalan {
		display: none;
	}

	.footermenuitem {
		margin-bottom: 15px;
	}

	header.ln_header {
		padding: 10px 0;
	}

	.slider_area::before {
		top: -122px;
	}

	.ln_header .swi_alan .logo {
		width: 50%;
		margin-top: 0;
	}

	.slider_area {
		padding: 10px;
	}

	.slider_content .text_area .bx_title {
		font-size: 12px;
		padding-right: 6px;
		width: 100%;
	}

	.slider_content .text_area .bx_title b {
		font-size: 13px;
		margin-right: 10px;
	}

	.slider_content .text_area h1 {
		margin-top: 30px;
		text-align: center;
		font-size: 28px;
		line-height: normal;
	}

	.slider_content .text_area p {
		text-align: center;
		font-size: 14px;
	}

	.slider_content .btnlist {
		display: flex;
		justify-content: center;
	}

	.ozellikbarsider ul li {
		width: 50%;
		font-size: 14px;
	}

	.ozellikbarsider .item {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.ozellikbarsider {
		margin-top: 30px;
	}

	.slide_cmmtn {
		margin-top: 0;
		margin-bottom: 20px;
		display: flex;
	}

	.slide_cmmtn .txs_cm span {
		font-size: 11px;
	}

	.slide_cmmtn .txs_cm b {
		font-size: 16px;
	}

	.slide_cmmtn img {
		height: 45px;
	}

	.slider_statisct {
		padding: 10px;
		margin-top: -50px;
	}

	.slider_static .icon {
		width: 45px;
		height: 45px;
	}

	.slider_static .icon img {
		width: 24px;
		height: 24px;
	}

	.slider_static .text h4 {
		font-size: 16px;
	}

	.slider_static .text p {
		font-size: 12px;
	}

	.slider_static .text {
		min-height: 45px;
		padding-left: 10px;
	}

	.slider_static .box {
		display: flex;
		align-items: center;
	}

	.slider_area .sliderimg {
		height: 450px;
	}

	.sliderimg .insslider {
		width: 60px;
		height: 60px;
	}

	.sliderimg .smile {
		width: 240px;
	}

	.sliderimg .tkpslider {
		height: 90px;
		left: 0;
	}

	.tile_area .bg_title span {
		font-size: 12px;
		line-height: 25px;
	}

	.tile_area h3 {
		font-size: 25px;
	}

	.welcome_cnsarea .tile_area p,
	.price_landing .tile_area p,
	.landing_hepsisosyal .tile_area p {
		font-size: 15px;
	}

	.welcome_cnsarea .listarea .item h4 {
		font-size: 15px;
	}

	.welcome_cnsarea .listarea .item .icon {
		margin-bottom: 10px;
	}

	.welcome_cnsarea .listarea .item .icon {
		margin-bottom: 15px;
	}

	.welcome_cnsarea .listarea .row .col-md-4 {
		width: 50%;
	}

	.welcome_cnsarea .listarea .item p {
		font-size: 12px;
		line-height: normal;
	}

	.regis_wlalan .text {
		padding: 20px;
	}

	.regis_wlalan .text .hig_title {
		font-size: 14px;
	}

	.regis_wlalan .text h4 {
		font-size: 25px;
		line-height: normal;
		margin-bottom: 15px;
	}

	.regis_wlalan .text p {
		font-size: 14px;
		line-height: 18px;
	}

	.regis_wlalan .text a {
		font-size: 14px;
	}

	.regis_wlalan .item2 img {
		height: 40px;
	}

	.regis_wlalan .item3 img {
		height: 150px;
	}

	.regis_wlalan .item4 img {
		height: 40px;
	}

	.regis_wlalan .item5 img {
		height: 90px;
	}

	.regis_wlalan .item1 img {
		height: 90px;
	}

	.welcome_cnsarea {
		padding-bottom: 20px;
	}

	.price_landing .price_list {
		padding: 0px 10px;
	}

	.price_landing .tile_area {
		margin-bottom: 20px;
	}

	.price_tabconnect .item .price {
		font-size: 20px;
	}

	.price_tabconnect .item h5 {
		font-size: 16px;
	}

	.price_tabconnect .item a {
		font-size: 14px;
	}

	.priceinfo .is {
		font-size: 14px;
	}

	.priceinfo {
		flex-flow: column;
		justify-content: center;
		text-align: center;
		gap: 8px;
		padding: 15px;
	}

	.landing_hepsisosyal {
		margin-top: -50px;
	}

	.arayuz_item {
		padding-left: 30px;
		padding-top: 30px;
		margin-bottom: 15px;
	}

	.arayuz_item h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.arayuz_item .bg_title,
	.guvenirlik_item .bg_title,
	.destek_item .bg_title,
	.music_item .bg_title,
	.businer_area .bg_title,
	.worl_mocs .bg_title,
	.musterilerimiz .bg_title {
		font-size: 12px;
	}

	.arayuz_item .bg_title span,
	.guvenirlik_item .bg_title span,
	.destek_item .bg_title span,
	.music_item .bg_title span,
	.businer_area .bg_title span,
	.worl_mocs .bg_title span,
	.musterilerimiz .bg_title span {
		line-height: 22px;
	}

	.arayuz_item p {
		font-size: 14px;
		line-height: normal;
		padding-right: 15px;
	}

	.platform_item .text h3 {
		font-size: 25px;
		line-height: normal;
	}

	.platform_item .text p {
		font-size: 15px;
		line-height: normal;
	}

	.platform_item .text a {
		font-size: 15px;
	}

	.destek_item h4 {
		font-size: 25px;
	}

	.destek_item p {
		line-height: normal;
		font-family: 15px;
	}

	.destek_item {
		padding-left: 20px;
		padding-right: 20px;
	}

	.destek_item .list .item .lt span {
		font-size: 15px;
		margin-top: 8px;
	}

	.destek_item .list .item .lt .durum {
		font-size: 14px;
	}

	.destek_item .list .item .date,
	.destek_item .list .item .id {
		font-size: 11px;
	}

	.guvenirlik_item .list .item {
		display: flex;
	}

	.guvenirlik_item .list .item span {
		font-size: 11px;
	}

	.apiitem {
		min-height: 550px;
		height: auto;
		margin-bottom: 15px;
	}

	.apiitem .kayanbar .item .text h5 {
		font-size: 14px;
	}

	.apiitem .kayanbar .item .text span {
		font-size: 10px;
	}

	.ucretsiz_item {
		height: auto;
		margin-bottom: 15px;
	}

	.oyundunyaitem {
		height: auto;
		min-height: 450px;
		margin-bottom: 15px;
	}

	.sotckitem {
		height: auto;
		min-height: 450px;
		margin-bottom: 15px;
	}

	.music_item {
		height: auto;
		margin-bottom: 15px;
		min-height: 550px;
	}

	.music_item h3 {
		font-size: 25px;
	}

	.music_item p {
		font-size: 14px;
	}

	.telegram_item {
		min-height: 600px;
		overflow: hidden;
	}

	.telegram_item h3 {
		font-size: 23px;
	}

	.telegram_item p {
		font-size: 14px;
	}

	.businer_area .itext {
		padding-left: 20px;
		padding-top: 15px;
	}

	.businer_area h3 {
		font-size: 27px;
		line-height: normal;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.businer_area p {
		font-size: 14px;
		line-height: 20px;
	}

	.rvr_servisler .text {
		padding: 30px;
	}

	.rvr_servisler .text h3 {
		font-size: 32px;
		line-height: normal;
		text-align: center;
		margin-bottom: 15px;
	}

	.rvr_servisler .text a {
		width: 100%;
		font-size: 15px;
	}

	.rvr_servisler .list {
		padding: 0px 5px;
	}

	.rvr_item {
		padding: 10px;
	}

	.rvr_item h4 {
		font-size: 16px;
	}

	.rvr_item .price {
		font-size: 20px;
	}

	.rvr_servisler {
		margin-bottom: 0;
		position: relative;
		z-index: 2;
	}

	.sosyalgelir {
		margin-top: -20px;
	}

	.worl_mocs h3 {
		font-size: 24px;
		margin-bottom: 5px;
	}

	.worl_mocs p {
		font-size: 14px;
		line-height: 22px;
	}

	.partnertabs .col-md-3 {
		width: 50%;
	}

	.partnertabs button {
		padding: 15px 5px;
		font-size: 14px;
	}

	.partnertabs button.active {
		font-size: 14px;
	}

	.parnetcontact .text {
		padding: 20px;
		min-height: auto;
	}

	.parnetcontact .img img {
		position: relative;
		height: 300px;
		object-fit: contain;
	}

	.parnetcontact .text a {
		font-size: 14px;
	}

	.parnetcontact .text h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.parnetcontact .text p {
		font-size: 14px;
		line-height: 21px;
	}

	.faqsection {
		padding: 30px 0;
	}

	.faqsection h3 {
		font-size: 30px;
	}

	.faqsection p {
		font-size: 14px;
	}

	.faqsection .text {
		min-height: auto;
		margin-bottom: 15px;
	}

	.faqsection h4 {
		font-size: 20px;
	}

	.faqsection a {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.faqsection .accordion-button {
		font-size: 14px;
	}

	.musterilerimiz h3 {
		font-size: 24px;
	}

	.musterilerimiz p {
		font-size: 14px;
	}

	.remusitem .bdy p {
		font-size: 14px;
		line-height: 19px;
	}

	.remusitem .bdy h6 {
		font-size: 17px;
	}

	.remusitem .bdy .onay {
		font-size: 14px;
	}

	.remusitem .hed .icon {
		width: 37px;
		height: 37px;
	}

	.remusitem .hed .text h5 {
		font-size: 14px;
	}

	.remusitem .hed .text h5 {
		font-size: 12px;
	}

	footer {
		padding: 25px 17px;
	}

	.ftsocial {
		margin-top: 15px;
		margin-bottom: 40px;
	}

	.ftdesc {
		font-size: 13px;
		line-height: 20px;
	}

	footer .row .col-md-9 .col-md-4 {
		width: 100%;
	}

	.ftbottom {
		margin-top: 5px;
		text-align: left;
		display: flex;
		flex-flow: column;
	}

	.ftbottom span {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.ftbottom .applist {
		display: flex;
		justify-content: start;
	}

	.applist a {
		margin-left: 0;
		margin-right: 15px;
	}

	footer .contact label {
		margin-bottom: 10px;
		font-weight: 500;
	}

	.footermenuitem label {
		margin-bottom: 10px;
		font-weight: 500;
	}

	.apicontent {
		padding: 20px 0;
	}

	.vertitle .container-full {
		padding: 0px 2%;
	}

	.vertitle .text h1 {
		font-size: 24px;
	}

	.tummodullercontent {
		margin-top: 22px;
	}

	.muziktelifhesaplama {
		margin-top: 10px;
	}

	.muziktelifhesaplama .boxc h3 {
		font-size: 17px;
	}

	.yotubuegelirhesaplama {
		margin-top: 10px;
	}

	.vertitle .text {
		padding: 30px 20px;
	}

	.vertitle .text::before {
		background-position: top left;
	}

	.vertitle .text::after {
		background-position: right top;
	}

	.apiarea {
		padding: 10px 20px;
		margin-top: -80px;
	}

	.blogcontent {
		padding: 20px 10px;
	}

	.blogtitle {
		margin-bottom: 15px;
	}

	.blogtitle h1 {
		font-size: 25px;
		margin-top: 5px;
	}

	.blogtitle p {
		font-size: 14px;
	}

	.blogitem h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.bloglist {
		position: relative;
		z-index: 9;
		margin-bottom: 0px;
	}

	.blogdetail .metatitle h1 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.blogdetail .metatitle p {
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 0px;
	}

	.blogdetail .blogimg img {
		width: 100%;
		margin-left: 0;
	}

	.blogdetail .blogimg {
		height: 250px;
	}

	.blogdetail .blogicerik {
		font-size: 15px;
	}

	.blogdetail .blogicerik p {
		font-size: 15px;
	}

	.blogdetail .blogicerik .alan h3 {
		font-size: 22px;
		line-height: normal;
	}

	.blogdetail {
		margin-bottom: 0px;
		position: relative;
		z-index: 99;
	}

	.registerpage .gotoweb {
		left: 15px;
		top: 15px;
	}

	.registerarea .hiz {
		height: auto;
		min-height: auto;
	}

	.registerarea .alan {
		padding: 50px 20px;
		margin-top: 20px;
	}

	.reglgn_scs {
		display: none;
	}

	.samplepage_content .ssstext::after {
		display: none;
	}

	.ssstitle .texta .subtitle span {
		font-size: 13px;
		line-height: 22px;
	}

	.vertitle .text h1 {
		font-size: 21px;
	}

	.ssstext .img {
		display: none;
	}

	.cekiliscontent .cekilitem h3 {
		font-size: 20px;
		line-height: normal;
	}

	.contacttitlemenu ul li {
		width: 100%;
		margin-bottom: 5px;
	}

	.contacttitlemenu {
		margin-top: 15px;
	}

	.contactpage .form .item label {
		font-size: 15px;
	}

	.samplepage_content .area .hiz {
		padding: 25px;
		border-radius: 20px;
	}

	.samplepage_content .area {
		padding: 0px 15px;
	}

	.vertmenu ul li a span {
		font-size: 14px;
		line-height: 12px;
	}

	.vertmenu ul li a {
		padding: 5px;
	}

	.vertmenu ul li a .icon {
		width: 25px;
		height: 25px;
		line-height: 22px;
	}

	.vertmenu ul li a .icon img {
		width: 20px;
		height: 20px;
	}

	.vertmenu ul li {
		margin: 0px 2px;
	}

	.kosullarpage .area .alan {
		padding: 20px;
		border-radius: 20px;
	}

	.kosullarpage .area {
		padding: 10px 15px;
	}

	.kosullarpage .area .alan h3 {
		margin-bottom: 15px;
		font-size: 22px;
	}

	.kosullarpage .area .alan p {
		font-size: 15px;
		line-height: 27px;
	}

	.vertmenu ul {
		display: flex;
		justify-content: center;
		flex-flow: wrap;
		gap: 9px;
	}

	.sssalan-accordion {
		padding: 0px 15px;
	}

	.yorumuretici_alan .form {
		padding: 20px 10px;
	}

	.yorumuretici_alan .textgiris {
		padding: 20px;
	}

	.yorumuretici_alan h3 {
		font-size: 20px;
	}

	.yorumuretici_alan ul li {
		display: flex;
		align-items: center;
	}

	.youtubegelirhesap .etkilesimist .ls b {
		font-size: 20px;
	}

	.youtubegelirhesap .etkilesimist .ls span {
		font-size: 13px;
		margin-top: 6px;
	}

	.youtubegelirhesap .etkilesimist {
		display: flex;
		align-items: center;
	}

	.yorumgelirlist .item b {
		font-size: 20px;
	}

	.yorumgelirlist .item span {
		font-size: 15px;
	}

	.yorumgelirlist .item {
		height: auto;
		padding: 15px 5px;
	}

	.boxcomptexsection .img {
		width: 100%;
		height: 400px;
	}

	.boxcomptexsection .text h3 {
		font-size: 20px;
	}

	.boxcomptexsection .text p {
		font-size: 14px;
	}

	.boxcomptexsection .text ul li {
		display: flex;
		flex-flow: column;
		border-radius: 15px;
	}

	.youtubeStep .item {
		padding: 10px;
		text-align: center;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	.youtubeStep .item h3 {
		font-size: 16px;
	}

	.youtubeStep .item span {
		font-size: 13px;
	}

	.youtubeStep .item .icon {
		width: 45px;
		height: 45px;
		line-height: 44px;
	}

	.servislistesi .hiz {
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.filterbar {
		display: block;
		position: relative;
	}

	.filterbar .filterselect {
		position: inherit;
		border-radius: 15px;
		padding: 6px 10px 6px 6px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.servis_tabloliste .servistitle h2 {
		font-size: 13px;
	}

	.filterbar .filterselect .droplist {
		left: 0;
		width: 100%;
		overflow: hidden;
	}

	.filtersearchbar {
		width: 100%;
	}

	.filterbar .filterselect .droplist ul li span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100%;
	}

	.serivsdetailmodal .modalhelp a {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}

	.filtersearchbar input {
		padding-left: 10px;
	}

	.filtersearchbar button {
		border-radius: 15px;
	}

	.filtersearchbar {
		border-radius: 15px;
	}

	.filterbar .filterselect .icon img {
		margin: 0;
	}

	.filterbar .filterselect .icon {
		border-radius: 15px;
		text-align: center;
		padding: 0;
	}

	.servistablobaslik {
		display: none;
	}

	.servistablobaslik span:nth-child(1),
	.servistabloitem span:nth-child(1) {
		flex: 3;
	}

	.servistablobaslik span:nth-child(2),
	.servistabloitem span:nth-child(2) {
		flex: 3;
	}

	.servistabloitem {
		flex-flow: column;
	}

	.servistabloitem .serivsname {
		max-height: 100%;
	}

	/*Dashboard*/
	.dashboardsearch {
		display: none;
	}

	.dashboardcontent .dashsidebar {
		transform: translateX(-280px);
	}

	.dashboardcontent .dashsidebar.active {
		transform: translateX(0);
	}

	.dashboardcontent .dashalan {
		width: 100%;
		margin-left: 0;
	}

	.dashtopbar {
		padding: 10px;
		margin-bottom: 0px;
		border-bottom: 0;
	}

	.dashtopbar .left .tcs span {
		display: none;
	}

	.dashtopbar .userbar span {
		display: none;
	}

	.dashtopbar .userbar::after {
		display: none;
	}

	.bakiyetopbar {
		display: none;
	}

	.langdashbutton,
	.dashboardsearch {
		margin-right: 4px;
	}

	.dashcontentalan {
		padding: 15px 10px;
	}

	.dashcontentalan .ssstext {
		padding: 15px;
	}

	.dashcontentalan .ssstext .ssstitle {
		padding: 0px !important;
	}

	.dashtopbar .userbar {
		padding: 3px;
	}

	.dashtopbar .darkdashbutton,
	.langdashbutton {
		width: 40px;
		height: 40px;
		padding: 3px;
		margin-right: 5px;
	}

	.dashtopbar .darkdashbutton img,
	.langdashbutton img {
		width: 32px;
		height: 32px;
	}

	.addfunstab ul {
		gap: 5px;
		width: 100%;
		justify-content: space-between;
	}

	.addfundscontent {
		padding: 0px 5px;
		margin-top: 0;
	}

	.addfundsdetail .boxs .title span {
		font-size: 13px;
	}

	.addfunstab ul li a {
		padding: 14px 7px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.addfunstab ul li a span {
		font-size: 13px;
	}

	.iadelist .iadeitem {
		padding: 13px;
	}

	.iadelist .iadeitem .lf {
		display: flex;
		float: left;
		width: 100%;
		gap: 5px;
		flex-flow: wrap;
	}

	.iadelist .iadeitem .sorun {
		float: left;
		margin-top: 15px;
	}

	.odemelergecmis .item .icon {
		margin-bottom: 10px;
	}

	.addfundsyontemler .item .min {
		font-size: 11px;
	}

	.addfundsyontemler .item span {
		font-size: 14px;
	}

	.iadelist .iadeitem .bx .icon {
		width: 40px;
		height: 40px;
		line-height: 37px;
	}

	.iadelist .iadeitem .bx .tstext {
		width: calc(100% - 40px);
		padding-left: 10px;
	}

	.iadelist .iadeitem .bx .tstext .durum {
		font-size: 14px;
	}

	.iadelist .iadeitem .sorun {
		width: 100%;
		text-align: center;
		display: f;
		justify-content: center;
	}

	.iadelist .iadeitem .bx .tstext .date {
		font-size: 12px;
	}

	.addfundsdetail .bakiyeeklealan {
		padding: 10px 5px;
	}

	.iadelist .sipnumber {
		font-size: 14px;
	}

	.iadelist .iadeitem .bx .tstext span {
		font-size: 14px;
	}

	.addfundsdetail .asdl img {
		height: 30px;
	}

	.iadelist .iadeitem .bx {
		width: calc(50% - 5px);
		margin: 0;
		margin-bottom: 10px;
	}

	.faturatalepmodal {
		padding: 20px;
	}

	.serivsdetailmodal .modal-content .modal-header {
		padding: 15px;
	}

	.serivsdetailmodal .modal-content .modal-header span {
		font-size: 16px;
	}

	.odemelergecmis .item .btnlist {
		width: 100%;
		justify-content: space-between;
	}

	.addfundsdetail .bakiyeeklealan .item .list span {
		width: calc(50% - 10px);
		float: left;
		margin: 5px;
		padding: 10px 15px;
	}

	.addfundsdetail .bakiyeeklealan .item .list {
		display: block;
	}

	.addfundsdetail .boxs {
		margin-bottom: 15px;
	}

	.dashcontentalan .blogtitle {
		padding: 20px;
	}

	.dashcontentalan .blogtitle p {
		margin-bottom: 0;
		margin-top: -5px;
	}

	.refferal_content {
		padding: 0;
	}

	.refferal_content .text {
		padding: 0;
	}

	.refferal_content .text p {
		font-size: 14px;
	}

	.refferal_content .text h4 {
		font-size: 22px;
	}

	.refferal_content .video {
		width: 100%;
		margin-top: 20px;
		height: 240px;
	}

	.bayilikcreate .form {
		padding: 20px 10px;
	}

	.Childstep .swiper-wrapper {
		flex-flow: column;
		gap: 10px;
	}

	.bayistep {
		padding: 20px;
	}

	.refferal_content .text .adsunucu {
		display: flex;
		flex-flow: column;
		text-align: center;
		justify-content: center;
	}

	.refferal_content .text .adsunucu .icon {
		margin: 0 auto;
	}

	.refferal_content .text .adsunucu span {
		min-height: auto;
	}

	.bayistep h4 {
		font-size: 20px;
	}

	.bayilikcreate .form .aln a {
		width: 100%;
		float: left;
		margin-top: 15px;
		text-align: center;
	}

	.bayilikcreate .form .aln button {
		width: 100%;
		float: left;
		margin-top: 15px;
		text-align: center;
	}

	.bayilikcreate .form .aln {
		display: block;
	}

	.bayilikcreate .boxs {
		margin-bottom: 20px;
	}

	.aktifbayiler .item .head span {
		font-size: 15px;
	}

	.aktifbayiler .item .bdy {
		flex-flow: column;
	}

	.aktifbayiler .item .bdy .yonlogin {
		margin-top: 15px;
		width: 100%;
		text-align: center;
	}

	.aktifbayiler .item .bdy .divsa b {
		font-size: 13px;
		margin-left: 5px;
	}

	.aktifbayiler .item .bdy .divsa {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.aktifbayiler .item .bdy .divsa span {
		font-size: 13px;
	}

	.supportcontent .supporthead h3 {
		font-size: 20px;
	}

	.supportcontent {
		padding: 0;
	}

	.supportcontent .supportmessagealan .supportsearch {
		overflow: hidden;
		width: 100%;
	}

	.supportcontent .messagelistalan .item .hiz {
		width: 100%;
	}

	.supportcontent .col-md-8 {
		padding-right: 0;
	}

	.supportmessagealan .row {
		margin: 0;
	}

	.supportcontent .col-md-4 {
		padding-left: 0;
	}

	.supportcontent .supportmessagealan .supportlist .item .det .order span {
		font-size: 12px;
	}

	.supportcontent .supportmessages .messagestitle h4 {
		font-size: 18px;
	}

	.supportcontent .supportmessages .messagesifo .scroll-bar {
		flex-flow: column;
	}

	.supportcontent .supportmessages .messagesifo .item {
		width: 100%;
		margin-bottom: 10px;
	}

	.supportcontent .messagelistalan .item.right .user,
	.supportcontent .messagelistalan .item.right .date {
		font-size: 13px;
	}

	.supportcontent .messagelistalan .item {
		margin-bottom: 20px;
	}

	.supportcontent .messagelistalan {
		padding: 15px;
	}

	.supportcontent .supportmessages {
		border: 0;
	}

	.yorumuretici_alan {
		margin-top: 10px;
	}

	.supportcontent .supportmessages .messagesifo {
		padding: 20px 10px;
	}

	.supportcontent .messagereplyarea .alan .icon {
		display: none;
	}

	.supportcontent .alan .rplybtns .dosyayukle {
		width: 50%;
	}

	.supportcontent .messagereplyarea {
		padding: 10px;
	}

	.supportmessagealan .row {
		flex-flow: column-reverse;
	}

	.supportcontent .padsportcn {
		padding: 0px 10px;
	}

	.supportcontent .alan .rplybtns .gonder {
		width: 50%;
		margin: 0;
	}

	.supportcontent .alan .rplybtns {
		position: relative;
		width: 100%;
		justify-content: space-between;
	}

	.supportcontent .messagereplyarea .alan .input {
		width: 100%;
	}

	.supportcontent .messagereplyarea .alan .input input {
		padding-left: 0;
	}

	.dashfooter .alan .logo img {
		width: 100%;
		object-position: center;
	}

	.dashfooter .alan .logo {
		width: 100%;
	}

	.dashfooter .alan .dashftmenu ul {
		float: left;
		width: 100%;
		padding: 10px 0;
	}

	.dashfooter .alan span {
		width: 100%;
		text-align: center;
	}

	.dashcontentalan .text.dashmobilttle {
		padding: 30px 0;
		padding-bottom: 100px;
	}

	.cekiliscontent .cekilitem {
		padding: 20px;
	}

	.profilsidebar .hsthed b {
		font-size: 20px;
	}

	.profilebox .arcon {
		padding: 15px 10px;
	}

	.profilebox .title {
		padding: 15px;
	}

	.profilebox .title h5 {
		font-size: 17px;
	}

	.kpanellist {
		margin-top: 0px;
		position: relative;
		padding: 10px 8px;
	}


	.tablos .tablostabitem .icon {
		width: 30px;
		height: 30px;
		line-height: 26px;
	}

	.tablos .tablostabitem {
		display: flex !important;
		text-align: left;
	}

	.harcakazancontent .tablostabhead {
		display: none;
	}

	.tablos .tablostabitem {
		margin: 0;
	}

	.tablos .tablostabitem span {
		font-size: 13px;
		line-height: normal;
		float: left;
		margin-left: 10px;
		margin-right: 0;
	}

	.harcakazancontent .veriler .item button.bakiyecevir {
		font-size: 14px;
	}

	.harcakazancontent .veriler .item {
		padding: 20px;
	}

	.harcakazancontent .veriler .item span {
		font-size: 17px;
	}

	.harcakazancontent .veriler .item .hiz {
		flex-flow: column;
		overflow: hidden;
	}

	.siparisolsutrbar .itemb i {
		font-size: 30px;
	}

	.nasilcalisirpagearea .item.left .text {
		padding: 0;
	}

	.siparisolsutrbar .itemb h5 {
		font-size: 15px;
	}

	.nasilcalisirpagearea .item:nth-child(1) .row,
	.nasilcalisirpagearea .item:nth-child(3) .row {
		flex-flow: column-reverse;
	}

	.siparisolsutrbar .list .kayanbar:nth-child(1) {
		display: none;
	}

	.nasilcalisirpagearea .item .text h3 {
		font-size: 24px;
	}

	.nasilcalisirpagearea .item .img {
		margin-bottom: 15px;
	}

	.nasilcalisirpagearea .item .img {
		width: 100%;
		height: 250px;
	}

	.nasilcalisirpagearea {
		margin-top: 10px;
	}

	.nasilcalisirpagearea {
		border: 0;
		padding: 10px;
	}

	.nasilcalisirpagearea .item .col-md-6::after {
		display: none;
	}

	.nasilcalisirpagearea .item .text {
		padding: 0;
	}

	.nasilcalisirpagearea .item .number {
		display: none;
	}

	.kpanellist .row .col-md-3 {
		width: 50%;
		padding: 4px;
	}

	.hesapseviyeler {
		border-radius: 15px;
	}

	.hesapayricaliklar {
		border-radius: 15px;
	}

	.kpanellist .row .col-md-3:nth-last-child(1) {
		width: 100%;
	}

	.kpanellist .row .col-md-3:nth-last-child(2) {
		width: 100%;
	}

	.kpanelinfolist .item .icon {
		width: 37px;
		height: 37px;
		line-height: 35px;
	}

	.kpanelinfolist .item .txt {
		width: calc(100% - 37px);
		min-height: 37px;
	}

	.kpanelinfolist .item .txt span {
		font-size: 12px;
	}

	.kpanelinfolist .item {
		padding: 10px;
		width: 100%;
		margin-bottom: 0px;
	}

	.hesapayricaliklar .textb {
		padding: 10px;
	}

	.hesapayricaliklar .textb h3,
	.hesapseviyeler .title h3 {
		font-size: 20px;
	}

	.ayricaliksayac .bardetail .lf b {
		font-size: 25px;
	}

	.ayricaliksayac .title .sp b {
		font-size: 20px;
	}

	.ayricaliksayac .info {
		padding: 10px;
	}

	.ayricaliksayac .info h4 {
		width: 100%;
		line-height: 20px;
		padding-left: 0;
		margin-top: 15px;
	}

	.hesapseviyeler .title {
		padding: 0;
	}

	.seviyerozetler ul li span {
		padding-left: 10px;
		font-size: 16px;
	}

	.seviyebarhesap {
		margin-top: 15px;
	}

	.seviyebarhesap .ls .txs b {
		font-size: 20px;
	}

	.seviyebarhesap .ls {
		width: 100%;
		max-width: 100%;
		min-height: auto;
	}

	.seviyebarhesap .ls .veri b {
		font-size: 20px;
	}

	.seviyebarhesap .ls .veri p {
		font-size: 14px;
	}

	.gosterbaralan {
		margin-top: 30px;
		float: left;
		width: 100%;
	}

	.seviyebarhesap .info {
		padding: 10px;
		border-radius: 15px;
	}

	.seviyebarhesap .info ul li {
		font-size: 12px;
	}

	.dashboardtitle {
		padding: 20px;
	}

	.dashboardtitle::before {
		display: none;
	}

	.dashboardtitle::after {
		display: none;
	}

	.dashboardtitle h1 {
		font-size: 25px;
	}

	.dashboardtitle h1 span {
		font-size: 25px;
	}

	.dashboardtitle p {
		font-size: 14px;
		font-weight: normal;
		margin-top: -15px;
		margin-bottom: 20px;
	}

	.dashkategoriler .scroll-alan {
		float: left;
		width: calc(100% + 10px);
		display: flex;
		padding-right: 10px;
		flex-flow: nowrap;
		gap: 5px;
		overflow-x: scroll;
		z-index: 9999;
		position: absolute;
		left: 0;
		top: 0;
		scrollbar-width: none;
		/* Firefox */
		-ms-overflow-style: none;
		/* IE/Edge */
	}

	.dashkategoriler .scroll-alan::-webkit-scrollbar {
		display: none;
		/* Chrome/Safari */
	}

	.dashkategoriler {
		padding: 0;
		margin-top: -11px;
		position: relative;
		margin-bottom: 35px;
	}

	.dashkategoriler .item {
		margin: 0;
	}

	.dashkategoriler .item a {
		display: flex;
	}

	.newordercontent {
		padding: 0px;
		margin-bottom: 20px;
	}

	.select-header .selected-option span {
		float: left;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px;
		font-weight: 500;
		color: #000;
		line-height: 1.4em;
		max-height: 2.8em;
		align-items: center;
	}

	.newordersiparis .item.servis .select-options .select-option {
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		flex-flow: column;
	}

	.newordersiparis .item.ara img {
		bottom: 15px;
		right: 15px;
	}

	.select-header .selected-option img {
		width: 24px;
		height: 24px;
	}

	.select-options .select-option span {
		font-size: 13px;
		float: left;
	}

	.select-options .select-option img {
		float: left;
	}

	.newordersiparis .item.totalfiyat {
		padding: 6px;
	}

	.newordersiparis input {
		padding: 12px 15px;
	}

	.servisselectitem {
		display: flex;
		align-items: center;
	}

	.newordersiparis .select-option .lis .zaman {
		margin-top: 6px;
	}

	.siparisservisdetail {
		margin-top: 15px;
	}

	.sdtailalan .servisaciklama .icon {
		float: left;
		width: 36px;
		height: 36px;
		margin-right: 10px;
	}

	.sdtailalan .servisaciklama h5 {
		font-size: 13px;
		text-align: left;
		float: left;
		width: calc(100% - 50px);
	}

	.sdtailalan .col-md-4 {
		margin-bottom: 15px;
		padding: 0;
	}

	.newordercontent {
		overflow: hidden;
	}

	.sdtailalan .servisaciklama b {
		font-size: 14px;
		text-align: left;
		float: left;
	}

	.newordertab .tabs .tabitem {
		text-align: center;
		width: 100%;
		display: flex;
		flex-flow: nowrap;
		min-width: 146px;
		padding: 13px 5px;
	}

	.newordertab .tabs .tabitem a {
		float: left;
		width: 100%;
		text-align: center;
		text-align: center;
		width: 100%;
		display: flex;
		flex-flow: nowrap;
		min-width: 196px;
	}

	.newordertab .tabs .tabitem a span {
		font-size: 14px;
	}

	.newordertab .tabs .tabitem:nth-child(4) {
		width: 100%;
		display: block;
		padding-right: 25px;
		min-width: 180px;
	}

	.siparisservisdetail .sdsdetaitab .row {
		overflow-x: auto;
		white-space: nowrap;
		display: flex;
		flex-wrap: nowrap;
		scrollbar-width: none;
		-ms-overflow-style: none;
		border-radius: 10px;
		padding-right: 15px;
		padding-left: 20px;
		gap: 15px;
	}

	.siparisservisdetail .sdsdetaitab .col-md-4 {
		flex: 1;
		padding-right: 0;
		padding-left: 0;
	}

	.newordertab .tabs {
		padding-right: 15px;
		flex-flow: nowrap;
		gap: 5px;
		overflow-x: scroll;
		z-index: 9999;
		left: 0;
		top: 0;
		scrollbar-width: none;
		-ms-overflow-style: none;
		border-radius: 10px;
	}

	.siparisservisdetail .sdsdetaitab .item {
		padding: 18px 5px;
	}

	.newordertab {
		padding-right: 0;
	}

	.sdtailalan {
		padding: 15px;
		padding-top: 0;
	}

	.sdtailalan .servisaciklama {
		padding: 20px 15px;
		display: block;
		padding-bottom: 10px;
	}

	.sdtailalan .servisaciklama img {
		float: left;
	}

	.sdtailalan .servisaciklama span.id {
		text-align: left;
	}

	.sdtailalan .newordericerik {
		padding: 15px;
	}

	.sdtailalan .servisaciklama h3 {
		text-align: left;
	}

	.sdtailalan .servisaciklama .row {
		min-width: 100%;
	}

	.sdtailalan .inf img {
		width: 100%;
		object-position: left;
		margin-bottom: 10px;
		height: 30px;
	}

	.sdtailalan .inf span {
		width: 100%;
		padding-left: 0;
	}

	.sdtailalan .servisaciklama .row .col-md-4 {
		width: 50%;
	}

	.sdtailalan .accordion-button {
		font-size: 14px;
		padding: 15px;
	}

	.newordertab .tabs .tabitem img {
		width: 22px;
		height: 22px;
	}

	.newordertab .tabs .tabitem span {
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
	}

	.orderslisttitle {
		display: none;
	}

	.orderslisttitle .hiz,
	.orderstablo .item {
		flex-flow: column;
	}

	.pagination ul li a {
		padding: 5px;
		min-width: 35px;
	}

	.pagination {
		margin-top: 50px;
	}

	.refferal_content .text .urls {
		display: block;
	}

	.refferal_content .text .urls .copybtn {
		text-align: center;
		justify-content: center;
	}

	.refistatistik .title .tcs {
		width: calc(100% - 47px);
	}

	.refistatistik a.cekimtalebi {
		float: left;
		margin-top: 15px;
	}

	.refistatistik .list .item {
		width: 100%;
		flex: 1;
	}

	.refferal_content .talepler .item {
		flex-flow: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.talepler-flex .talepler-left {
		float: left;
		min-width: auto;
		margin-right: 0;
	}

	.refferal_content .talepler .item .status {
		margin: 0 auto;
	}

	.talepler-flex .talepler-status {
		justify-content: center;
		margin: 0 auto;
	}

	.dashboardservis {
		padding: 0;
	}

	.upadtelist {
		padding: 0px 10px;
	}

	.updateitem {
		flex-flow: column;
		justify-content: start;
		align-items: start;
		gap: 10px;
	}

	.updateitem .durum {
		width: 100%;
		text-align: center;
	}

	.dashtopbar .left .tcs h5 {
		font-size: 15px;
		max-width: 120px;
	}

	.ayricaliksayac {
		padding: 15px;
	}
}