/* AspavA */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
::-webkit-scrollbar {width: 5px;background-color: #eaeaea;border-left: 0px solid #0f3b77;}
::-webkit-scrollbar-thumb {background-color: #0a0111;}
::-webkit-scrollbar-thumb:hover {background-color: #212121;}
h1,h2,h3,h4,h5 {font-family: 'Poppins', sans-serif !important;}
a {font-family: 'Poppins', sans-serif !important;}
b {font-family: 'Poppins', sans-serif !important; font-style: normal;}
em {font-family: 'Poppins', sans-serif !important; font-style: normal;}
li {font-family: 'Poppins', sans-serif !important;}
ul {font-family: 'Poppins', sans-serif !important; list-style-type: none !important; }
.btn {font-family: 'Poppins', sans-serif !important; font-style: normal;}
body, html {font-family: 'Poppins', sans-serif !important;}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
.header-alani {background: url(../resimler/headerbg.webp) no-repeat top center;  width: 100%; height: 900px;background-size: cover; padding: 0px;}
.menu {position: relative; z-index: 999; }
.headerbg{margin-bottom: 6rem; position: relative; z-index: 100;background: url(../resimler/headaer-mirc.webp) left top no-repeat; position:absolute;width: 500px; height: 375px; left: 0; top: 0;}
.aspmenu {background: #fff; opacity: 1;position: fixed !important;top: 0;left: 0;width: 100%;animation: navbar-show .25s ease-in-out; box-shadow: 0 .275rem 1.25rem rgba(11, 15, 25, .05), 0 .25rem .5625rem rgba(11, 15, 25, .03);  z-index: 9999}
.nav-link {color: #000; font-weight:700;}
.nav-link:hover {color: #fff;}
.nav-item {padding: 10px;}
.navbar-brand {width: 281px; height: 88px;}
.navbar-expand-lg .navbar-nav .dropdown-menu { border: none;box-shadow: 0 .625rem 1rem rgba(35,35,35,.1)!important;  background-color: #fff}
.logo {text-align: center; margin-top: 30px; position: relative; z-index: 900;}
.logo img {width: 206px; height: 62px;}
.indirmeler {position: relative;z-index: 999; margin-top: 30px; padding-right: 200px; text-align: center;}
.indirmeler-resim {object-fit: contain; width: 300px;height: 300px;}
.indirmeler h2 {font-weight: 800; font-size: 3rem; line-height: 40px; color: #5b1c61; letter-spacing: -1px; text-align: left;}
.indirmeler h3 {font-size: 18px; color: #414141; margin-top: 20px;text-align: left; line-height: 30px;}
.store {text-align: left; margin-top: 50px;}
.store a {display: inline-block;padding: 10px; border: 1px solid #bdbdbd; border-radius: 50px; color: #414141; font-weight: 600;}
.store a:hover {color: #3f86ed;}
.sohbet-alani {  border-radius: 0px 0px 12px 12px;}
.sohbet-alani-ic {margin-top: 20px; padding: 50px 0px 0px 10px;}
.inputlar {text-align: center;}
.inputlar h2 {color: #fff; font-size: 1.2em; font-weight: 800; margin-top: 30px;}
.inputlar p {color: #f7f7f7; font-weight: 600;}
.form-control {height: 80px; font-weight: 600; font-size: 24px; letter-spacing: -1px; background: #fff; color: #333d7b !important; border-color: #dcf3fa;border-radius: 50px;border:none !important;font-family: 'Poppins', sans-serif !important; }
.form-control::-moz-placeholder {color: #333d7b !important;opacity: 1;}
.form-control::placeholder {color: #333d7b;opacity: 1;}
.input-group {border-radius: 22px;}
.btn-baglan{height: 200px; background: linear-gradient(90deg, rgba(144,193,252,1) 0%, rgba(193,232,254,1) 100%); color: #333d7b; padding: 7px; border-radius: 12px; letter-spacing: -1px; font-size: 24px; font-weight: 600;}
.form-control:focus {box-shadow: none;border-color: #c6c6c7 !important;}
.btn-hover {font-size: 24px;font-weight: 600;border-radius: 50px; color: #fff;cursor: pointer;height: 80px;text-align:center;border: none;background-size: 300% 100%;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.btn-hover:hover {  background-position: 100% 0; -o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover:focus {outline: none;}
.btn-hover.color-1 {
	background-image: linear-gradient(to right, #ff4685, #5e1c6d, #521b62, #73447e);
	box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); color: #fff;
}
.btn-hover-1 {padding: 15px; margin-top: 10px; font-size: 18px;font-weight: 600;border-radius: 50px; color: #fff;cursor: pointer;text-align:center;border: none;background-size: 300% 100%;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.btn-hover-1:hover {color: #fff;  background-position: 100% 0; -o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover-1:focus {outline: none;}
.btn-hover-1.color-2 {
	background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
	box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.btn-hover-3.color-3 {
	background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
	box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btn-hover-3 {font-size: 24px;font-weight: 600;border-radius: 50px; color: #fff;cursor: pointer;text-align:center;border: none;background-size: 300% 100%;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.btn-hover-3:hover {  background-position: 100% 0; -o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover-3:focus {outline: none;}
.blog-yazilari-baslik {margin-top: 50px; background: #4A89D7; background: linear-gradient(90deg,rgba(74, 137, 215, 1) 0%, rgba(61, 98, 168, 1) 50%);}
.blog-baslik h2 { color: #fff; font-weight: 700; margin-bottom: 0px; padding:30px 15px; }
.blog-baslik-aciklama {text-align: right; margin-top: 10px; }
.blog-baslik-aciklama p {color: #fff; padding: 30px 0px; font-weight: 600;}
.blog-ic {margin-top: 30px; padding: 15px;}
.blog-ic img {border-radius: 12px 12px 0px 0px;transition: all 0.5s; object-fit: cover; width: 100%; height: 200px!important; }
.blog-ic img:hover {opacity: 0.6;transition: all 0.5s;}
.blog-ic h2 {line-height: 20px; margin-top: 15px; font-weight: 600; height: 50px;}
.blog-ic h2 a { color: #414141; font-size: 18px; }
.blog-ic p {font-size: 12px; font-weight: 600; color: #0f3b77;}
.blog-ic:hover h2 a{color: #5b1c61;}
.pagination-alani {text-align: center; }
.pagination-alani .pagination {justify-content: center; }
.makale-genel {margin-top: 50px;background: url(../resimler/sssbg.webp) no-repeat top center;  width: 100%;background-size: contain; padding: 0px;}
.sidebar {background: linear-gradient(90deg,rgba(74, 137, 215, 1) 0%, rgba(61, 98, 168, 1) 50%); border-radius: 30px; padding:50px 20px;}
.sidebar-ic-baslik  h2{color: #fff; padding: 15px; font-weight: 600; font-size: 26px;}
.populerler a { color: #fff; background: #3d62a8; display: block; margin-top: 10px; padding: 15px; border-radius: 12px;}
.genel-makale h1 {color: #333d7b; font-weight: 700; font-size:30px;}
.genel-makale p {color: #585c7b; line-height: 30px; text-align: justify;}
.sss {margin-top: 50px; margin-bottom: 100px; background: url(../resimler/sssbg.webp) no-repeat top center;  width: 100%; height: auto; background-size: contain; padding: 0px;}
.sssimg img {border-radius: 30px;}
.sticky-top {top: 150px;}
.sss-baslik h2 { font-weight: 700; margin-bottom:10px; color: #1a1e39;}
.sss-baslik p {color: #585c7b; margin-bottom: 30px;}
.accordion-button:not(.collapsed) {
	color: #0c63e4;
	background: #1a1e39;
	box-shadow: none;
	color: #fff;
}
.accordion-button {
	font-weight: 600;
	font-size: 18px;
	background: #1a1e39;
	color: #fff;
	border-radius: 16px !important;
	box-shadow: none !important;margin-top: 20px;
}
.footer {margin-top: 50px; background: url(../resimler/sssbg.webp) no-repeat top center;  width: 100%; height: auto; background-size: cover; padding-bottom: 50px;}
.footer-logo {margin-top: 30px;}
.sosyaller a {display: block; margin-top: 10px; font-weight: 700;}
.sosyaller a img {width: 25px; height: 25px; vertical-align: middle; margin-right: 10px;}
.kisayollar a {display: block; margin-top: 10px; color: #414141; font-weight: 600;}
.yapanlar {margin-top: 20px;}
.yapanlar a {padding-right:15px; font-weight: 600;}
/* detay alanı*/
.indirmeler h1 {font-size: 30px; font-weight: 800; text-align: left; color: #5b1c61;}
.detay-istatistikler {text-align: left; margin-top: 30px;}
.detay-istatistikler p {font-size: 22px; font-weight: 600; color: #585c7b;}
.detay-ic {margin-top: 100px;}
.detay-ic img {object-fit:contain !important}
.detay-yazi h2 {font-weight: 700; font-size: 26px;}
.detay-yazi h3 {font-weight: 700; font-size: 24px;}
.detay-yazi p {color: #585c7b;}
.detay-yazi img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-bottom: 15px;
}
.etiketler a {display: inline; font-weight: 600;}
.page-numbers {background:#5b1c61; color:#fff; padding:10px;margin-right: 2px; border-radius: 4px;}
.page-numbers:hover {background:#4883d0; color:#fff}
.yukaricik {
    background-color: #4a89d7;
    border-radius: 999px;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1000;
    opacity: 0.6;
}
.yukaricik:hover {
    background-color: #4a89d7;
    opacity: 1;
}
.yrm-comments-wrap{
	margin-top:50px;
}
.yrm-comments{
	background:#fff;
	border:1px solid #edf0f3;
	border-radius:22px;
	box-shadow:0 12px 32px rgba(17,24,39,.05);
	padding:15px 25px;
}
.yrm-comments a {
	color: #4a89d7;
	text-decoration: underline;
}
.yrm-comments__title{
    font-size: 24px;
    color: #4a89d7;
    text-align: center;
}
.yrm-comments__list-wrap {
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}
.yrm-comments__list{
	list-style:none;
	margin:0;
	padding:0;
}
.yrm-comments__list .comment{
	list-style:none;
}
.yrm-comments__list .comment-body{
	position:relative;
	padding:20px;
	border:1px solid #edf0f3;
	border-radius:18px;
	background:#fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.yrm-comments__list .comment-body:hover{
	border-color:#dbe3ec;
	box-shadow:0 14px 34px rgba(17,24,39,.06);
	transform:translateY(-1px);
}
.yrm-comments__list > .comment + .comment{
	margin-top:14px;
}
.yrm-comments__list .children{
	list-style:none;
	margin:14px 0;
	padding-left:40px;
}
.yrm-comments .comment-author{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:10px;
}
.yrm-comments .comment-author img{
	max-width: 100px;
	border-radius:999px;
}
.yrm-comments .fn{
	color:#4a89d7;
	font-style:normal;
	font-weight:800;
}
.yrm-comments .fn a{
	color:#4a89d7;
	font-style:normal;
	font-weight:800;
	text-decoration: none;
}
.yrm-comments .says{
	display:none;
}
.yrm-comments .comment-metadata{
	margin-bottom:12px;
	font-size:12px;
}
.yrm-comments .comment-metadata a{
	color:#6b7280;
	text-decoration:none;
}
.yrm-comments .comment-content{
	color:#374151;
	font-size:14px;
	line-height:1.75;
}
.yrm-comments .comment-content a{
	color:#374151;
	font-size:14px;
	line-height:1.75;
}
.yrm-comments .reply{
	margin-top:14px;
	text-align: right;
}
.yrm-comments .reply a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap: 5px;
	min-height:36px;
	padding:0 14px;
	border:1px solid #e5e7eb;
	border-radius:999px;
	color:#4a89d7;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	transition:all .25s ease;
}
.yrm-comments .reply a:hover{
	background:#4a89d7;
	border-color:#4a89d7;
	color:#fff;
}
.yrm-comments__closed{
	margin-top:16px;
	padding:14px 16px;
	border:1px solid #fde68a;
	border-radius:14px;
	background:#fffbeb;
	color:#92400e;
	font-size:14px;
	font-weight:600;
}
.yrm-comments__form-wrap{
	margin-top: 20px;
	padding-top:20px;
	border-top:1px solid #e5e7eb;
}
.yrm-comment-form__title{
	margin:0 0 8px;
	color:#4a89d7;
	font-size:22px;
	font-weight:900;
}
.yrm-comment-form__note{
	margin:0 0 18px;
	color:#6b7280;
	font-size:13px;
}
.yrm-comment-form{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:5px 10px;
}
.yrm-comment-form .logged-in-as,
.yrm-comment-form .comment-notes,
.yrm-comment-form .form-submit{
	grid-column:1 / -1;
}
.yrm-comment-form__field{
	margin:0;
}
.yrm-comment-form__field--full,
.comment-form-comment,
.comment-form-cookies-consent{
	grid-column:1 / -1;
}
.yrm-comment-form label{
	display:inline-block;
	margin-bottom:8px;
	color:#4a89d7;
	font-size:13px;
	font-weight:700;
}
.yrm-comment-form input[type="text"],
.yrm-comment-form input[type="email"],
.yrm-comment-form input[type="url"],
.yrm-comment-form textarea{
	font-family: 'Poppins', sans-serif;
	width:100%;
	border:1px solid #e5e7eb;
	border-radius:14px;
	background:#fff;
	padding:10px 15px;
	color:#4a89d7;
	font-size:14px;
	transition:border-color .25s ease, box-shadow .25s ease;
}
.yrm-comment-form input[type="text"],
.yrm-comment-form input[type="email"],
.yrm-comment-form input[type="url"]{
	height:48px;
}
.yrm-comment-form input:focus,
.yrm-comment-form textarea:focus{
	outline:none;
	border-color:#cbd5e1;
	box-shadow:0 0 0 4px rgba(148,163,184,.12);
}
.yrm-comment-form p.form-submit{
    margin: 10px 0;
}
.yrm-comment-form__submit,
.yrm-comment-form input[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	min-height:48px;
	padding:0 20px;
	border:0;
	border-radius:14px;
	background:#4a89d7;
	color:#fff;
	font-size:14px;
	font-weight:800;
	cursor:pointer;
	transition:transform .2s ease, opacity .2s ease;
}
.yrm-comment-form__submit:hover,
.yrm-comment-form input[type="submit"]:hover{
	opacity:.92;
	transform:translateY(-1px);
}
.yrm-comments .comment-author__meta{
	min-width:0;
	flex:1 1 auto;
}
.yrm-comments .comment-awaiting-moderation{
	margin:0 0 12px;
	padding:12px 14px;
	border:1px solid #fde68a;
	border-radius:14px;
	background:#fffbeb;
	color:#92400e;
	font-size:13px;
	font-weight:700;
}
.yrm-comments .comment-edit-link a{
	color:#6b7280;
	text-decoration:none;
	font-weight:700;
}
.yrm-comments .comment-edit-link a:hover{
	color:#4a89d7;
}
@media (max-width: 768px) {
	.header-alani {background: none;}
	.indirmeler {padding: 10px; top: 490px; position: absolute; display: block;}
	.indirmeler h1 {font-size: 2.5rem; line-height: 50px;}
	.indirmeler img {display: none;}
	.sohbet-alani {    background: url(../resimler/m-sohbetbg.webp) no-repeat top center; width: 100%; height: auto; z-index: 1000;}
	.navbar-brand img {width: 85%;height: auto;}
	.fa-solid, .fas {font-weight: 900;position: relative;z-index: 999; color: #000;}
	.mirc {display: none;}
	.sohbet-alani-ic {margin-top: 10px;padding: 10px;}
	.store {margin-bottom:10px;}
	.store a {display: inline-block; margin-top: 10px;}
	.store a img {display: inline;}
	.blog-baslik-aciklama {display: none;}
	.blog-ic img {height: auto; object-fit:contain}
	.detay-yazi {margin-top:460px}
	.makale-genel {padding:15px}
	.footer {text-align:center;}
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .form-control {height: 60px;}
    .btn-hover {height: 50px;}
    .sohbet-alani-ic {margin-top: 0px;padding: 20px;}
    .btn-hover-1 {padding: 5px;}
    .indirmeler-resim { object-fit: contain; width: 200px; height: 200px;  }
    .indirmeler {margin-top: 5px;}
    .indirmeler h2 {font-size: 2rem;}
    .indirmeler h3 {font-size: 16px;}
}
@media (max-width: 1400px) {
    .footer-logo img {max-width: 250px; height: auto}
}
@keyframes navbar-show {
	from {
		transform: translateY(-100%)
	}
	to {
		transform: translateY(0)
	}
}