<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr" itemscope itemtype="http://schema.org/WebPage">
<head><title>
	ING
</title><meta charset="utf-8" /><meta charset="utf-8" /><meta name="description" content="Kurumsal ve bireysel bankacılık hizmetleri, kredi faiz oranları, haberler, ATM ve şubeler, kredi ve mevduat hizmetleri sunar.  " /><meta property="og:description" content="Kurumsal ve bireysel bankacılık hizmetleri, kredi faiz oranları, haberler, ATM ve şubeler, kredi ve mevduat hizmetleri sunar.  " /><meta itemprop="description" content="Kurumsal ve bireysel bankacılık hizmetleri, kredi faiz oranları, haberler, ATM ve şubeler, kredi ve mevduat hizmetleri sunar.  " /><link rel="canonical" href="https://www.ing.com.tr/tr/sizin-icin/kampanyalar/tablo-deneme"/><link rel="alternate" hreflang="x-default" href="https://www.ing.com.tr/tr/sizin-icin/kampanyalar/tablo-deneme"/><script src="                                                           "></script><meta content="True" name="HandheldFriendly" />
<meta name="google-site-verification" content="Hgp2idqm7SV1yPzopMDZ_iVz0BM3gceH5W4tGRUvpmc" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<script>
 !(function() {
                if ( !/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
                    return;
                }
 
                if ( screen.width > 767 ) {
                    document.querySelector("meta[name=viewport]").setAttribute("content", "width=1044px,user-scalable=yes")
                }
            })();
</script> 

<link rel="icon" type="image/png" href="/documents/IngBank/assets/icons/favicon.png"/>
<link rel="apple-touch-icon" href="/documents/IngBank/assets/icons/favicon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/documents/IngBank/assets/icons/favicon72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/documents/IngBank/assets/icons/favicon114.png" />
<meta property="og:image" content="/F/Documents/Gfx/facebook_og_image.jpg" />
<meta property="og:title" content="ING Türkiye" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<script src="/documents/IngBank/assets/plugins/jquery/jquery.min.js?v=20260508"></script>

<style>
@media only screen and (max-device-width: 374px) {
            .product-services-fees ul.h-list li {
                border-right: 0;
            }
}
</style>

<script defer src="https://bundles.efilli.com/ing.com.tr.prod.js"></script> 

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KLM6CVBQ');</script>
<!-- End Google Tag Manager -->

<script async src="https://www.googletagmanager.com/gtag/js?id=G-M835ZTL4HK"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-M835ZTL4HK');
</script>


<link rel="preload" as="style" href="/documents/IngBank/assets/css/reset.css" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/css/reset.css">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/plugins/jquery-ui/css/ui-lightness/jquery-ui.custom.min.css" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/plugins/jquery-ui/css/ui-lightness/jquery-ui.custom.min.css">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/plugins/ResponsiveSlides.js-master/responsiveslides.css" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/plugins/ResponsiveSlides.js-master/responsiveslides.css">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/plugins/jquery-selectbox/jquery-selectbox.css?v=20260508" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/plugins/jquery-selectbox/jquery-selectbox.css?v=20260508">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/plugins/jquery-datepicker/datePicker.css?v=20260508" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/plugins/jquery-datepicker/datePicker.css?v=20260508">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/plugins/fancybox/jquery.fancybox.css" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/plugins/fancybox/jquery.fancybox.css">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/css/general.css?v=20260508" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/css/general.css?v=20260508">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/css/ui.css?v=20260508" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/css/ui.css?v=20260508">
</noscript>

<link rel="preload" as="style" href="/documents/IngBank/assets/css/site.css?v=20260508" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/documents/IngBank/assets/css/site.css?v=20260508">
</noscript>

<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/wfull-site.css?v=20260508" media="screen and (min-width:768px)" />
<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/w640-ui.css?v=20260508" media="screen and (max-width:767px)" />
<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/w640-site.css?v=20260508" media="screen and (max-width:767px)" />

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/htc.css" />
<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/wfull-site.css?v=20260508"/>
<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/ie8.css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="/documents/IngBank/assets/css/ie7.css" />
<![endif]-->

<!--CHATBOT-->
<link rel="preload" as="style" href="/assets/css/style.css?v=20260508" onload="this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="/assets/css/style.css?v=20260508">
</noscript>
<link rel="stylesheet" href="/assets/css/media.css?v=20260508" media="print" onload="this.media='all'">
<noscript>
  <link rel="stylesheet" href="/assets/css/media.css?v=20260508">
</noscript>
<!--CHATBOT END-->

<script>
$(document).ready(function () {
    if (window.location.href.includes('/tr/ingbank/') && typeof Url !== "undefined" && new URL(Url).pathname != window.location.pathname)
	location.href = Url;	
})
</script>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
<script async src="//ingbank.api.useinsider.com/ins.js?id=10002037"></script> <script defer src="/assets/scripts/dataroid-websdk-v5.20.0.0.js"></script> <script defer>    window.addEventListener("DOMContentLoaded", function () {       window.dataroid.init(          "049c1a35-f3c8-11eb-a5a8-236bb0f2a087",          "https://ing.api.dataroid.com",          "1.0",          "ingpublicprod",       );       window.dataroid.getConfig().AppConnectConfig.eventDispatchLimit = 1;    }); </script> <script> $(document).ready(function() { 	$.cookie('BAYEUX_BROWSER', 'BAYEUX_BROWSER', { 		path: '/' 	}); }); </script>
<link rel="icon" type="image/x-icon" href="/documents/IngBank/assets/icons/favicon.png"/><meta property="og:url" content="https://www.ing.com.tr/tr/sizin-icin/kampanyalar/tablo-deneme" /><meta content="Ingbank" itemprop="name" /><meta content="Ingbank" property="og:site_name" /><meta content="Company" property="og:type" /><meta name="robots" content="noindex, nofollow" /><link rel="preload" as="image" href="/F/Documents/banner/Bireysel/01_ING_Turuncu_Hesap/Detay/ing26_paranormal_45_yeni_musteri_detay.webp" imagesrcset="/F/Documents/banner/Bireysel/01_ING_Turuncu_Hesap/Detay/ing26_paranormal_45_yeni_musteri_detay.webp" type="image/webp" width="521" height="230" /></head>
<body id="mainBody" class="detail"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KLM6CVBQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
 
<!--[if lt IE 9]>
<div id="browserbox" style="position: fixed; top: 0;background-color:#c70505;z-index:998;color: white;width: 100%;text-align: center;height: 43px;line-height: 43px;padding: 3px;left: 0;display:none;">
    Kullandığınız tarayıcı (browser) güncel değil. İnternetteki güvenliğiniz için <a href="/tr/bilgi-destek/ing-internet-subesi#faq113255" style="color: white;text-decoration: underline;" title="Güncel Tarayıcılar" alt="Güncel Tarayıcılar">tarayıcınızın en son sürümünü</a> kullanmanızı tavsiye ederiz.
</div>
<script>
document.body.style.marginTop = '50px';
document.getElementById("browserbox").style.display = "inline";
</script>
<![endif]-->


<div id="chat" class="toggle" style="display:none"><a role="button" id="chat-small" class="chatbubble glow"><div class="notify-bubble"><span class="h2"></span></div></a><div id="chat-big" class="glow-box"><nav><a role="button" id="question-mark" class="question-mark passive"><img src="/assets/img/chat/question-mark.png" id="question-mark-img" alt="help icon" srcset="/assets/img/chat/question-mark.png 1x, /assets/img/chat/question-mark@2x.png 2x"><img id="question-mark-img-passive" src="/assets/img/chat/passive.png" alt="help icon" srcset="/assets/img/chat/passive.png 1x, /assets/img/chat/passive@2x.png 2x"></a><p class="h1">INGo</p><a role="button" id="close"><img src="/assets/img/close.png" alt="close icon" srcset="/assets/img/close.png 1x, /assets/img/close@2x.png 2x"></a><a role="button" id="minimize"><img src="/assets/img/minimize.png" alt="close icon" srcset="/assets/img/minimize.png 1x, /assets/img/minimize@2x.png 2x"></a></nav><section class="scroll"><div class="view"></div></section><section class="chatinput"><input type="text" placeholder="INGo’ya sorun." class="chatmsg" maxlength="150"><div class="submitbutton"><input type="submit" value="Gönder" class="button-send"></div></section><section id="INGo-container"><div id="INGo-content"><p class="h2">Sizin için neler yapabilirim?</p><div id="INGo-list"><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet1.png" alt="" srcset="/assets/img/chat/bullet1.png 1x, /assets/img/chat/bullet1@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="İhtiyaç Kredisi Bilgi ve Başvuru">Kredi başvurunuzu yapabilir ve hızlıca sonucunu paylaşabilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet2.png" alt="" srcset="/assets/img/chat/bullet2.png 1x, /assets/img/chat/bullet2@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="ING Ürünleri">ING ürün ve kampanyaları hakkında sorularınızı cevaplayabilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet3.png" alt="" srcset="/assets/img/chat/bullet3.png 1x, /assets/img/chat/bullet3@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="En Yakın ING">Tüm Şube ve ATM’lerimizin bilgilerini gösterebilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet4.png" alt="" srcset="/assets/img/chat/bullet4.png 1x, /assets/img/chat/bullet4@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="Hesaplama Araçları">Kredi ödemesi, faiz oranı ve mevduat getirisi hesaplayabilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet5.png" alt="" srcset="/assets/img/chat/bullet5.png 1x, /assets/img/chat/bullet5@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="Döviz Kurları">Döviz kurlarını hesaplayabilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet6.png" alt="" srcset="/assets/img/chat/bullet6.png 1x, /assets/img/chat/bullet6@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="Başvuru Sorgulama">Kredi kartı ve ürün başvurularınızı takip edebilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet7.png" alt="" srcset="/assets/img/chat/bullet7.png 1x, /assets/img/chat/bullet7@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="Şifremi Unuttum">Kredi kartı ya da bankacılık kanallarına giriş şifrenizi alabilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet8.png" alt="" srcset="/assets/img/chat/bullet8.png 1x, /assets/img/chat/bullet8@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="Hizmet Ücretleri">Ürün ve hizmet ücretleriyle ilgili bilgi verebilirim.</a></p></div></div><div><div><img class="INGo-list-icon" src="/assets/img/chat/bullet9.png" alt="" srcset="/assets/img/chat/bullet9.png 1x, /assets/img/chat/bullet9@2x.png 2x"><p class="h3"><a href="#" role="link" data-custom-payload="Selam">Sadece bakmaya geldiyseniz benimle sohbet de edebilirsiniz :) </a></p></div></div></div></div></section></div></div>
    
<form method="post" action="https://www.ing.com.tr/tr/sizin-icin/kampanyalar/tablo-deneme" id="ctl02">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="Qd2pP7U9g5HuDxxXX50UEKFPH9l9Eq2+L2sz5vLT1+Gelyp/DZde3Zd23GlSzmnn3KRLyu7lCXaqS3buEdtMlK4Q7C7WXs00qs0pvav24wcCA325b1l2jSRU42niN2KO3xIqyTpIGfUcQiMQW6W+zYuxoLXS5v7YUESVAT3r1rhU7g1kCdMQxS7ZyRsN1w1HFuk6s89IXMUY1XorwXGL1gYjOujt/t1VG/BowhWQLuK3ZOvvvcX2JcOdGQBVktW/UU2JIMQ4O+iW/awOclKrDsDolP2xGCEzkykEV3lCdBQ+nv/qqLJ2QSeeVRvR11qXXmXqUozpP7wH8aNF/XWzxROgmWvdwBD4XgLdMbt1IBHF8GF3Q7ygLd1XOuos9fhn7/E/7c9+SQ/Ww4k/iyxyDUxn2TPDT5JWzNSZvJSHbXc6CKZR+o5+OPyV4XvTYfLafeItIyN7cZ/7f/EWyvNR+p50WHpDwRI5UfCUmhyhottrYSnExEtSZgEGyngG9tINtdBtOc7q6zFo8GYwBA+KoK0ztD6yhr4zFfkd4nSkh0BY/B4GWSxYZ982PTq3D3lXRWGntxXXTCANad/AdPp/mIjGDBd3YX0yKdEVR+Rca0+4ZtybIkBg+t5Wpy3Ho2cFx8vdITigbiTfDboN7cHiPLA2ZFAEAZwq1OQfUY4v2ycbRuOZ6UehwI7tKAuWT05KL3hzpFNnPu4/iX9SNpsnkR1Y32H1SwJx1BDugCgjrLsmUmMJu8wkflJbSxyzt2GoBMU3QQXl1Ck9P3VTHsY5a5J/pOGkkAM9pVx4Of5gNH2DhHY//Svv/5IIIF6rH6VLCHgFF1FZ8GjGKCTN89X1HE86TxWO5Xe9TEwgDLt4voAncq1cj9XTueB58iaXdCQApA4+SwTGc76e6eXjMMJMAbQBs+v7vk73V33SxZLkflRNoeipSdXbA5TbpSbOm5UmcL/pYnpSQuGhPjc1Wh3S60unVRsAsqbIRuH5AJaoKMDeeforoiIMm8TRhR92NVZh1od8xt7NrOzuMjSq98p2HTmOMpqZ1CXCgUj0Ran7S+9ys4+bQIlkaW/Cfu7sQr/2D3uiEcghNnsOYxjqFcahExED9JdUR4aBKfOs3qqrThm17C9Wq2LY3pCPF1WfnH4T6nPcy69+QQSmNAN1WuSyOwGdNL3oauR9RQxW5lytrlt1kuWPwzaH/uhVSBP+y5BNNRdVuIxp0MtYmbK3lWW7GaAzpmCuKm7jhbxE5VTsjrekLadSAVFXI5/4uRWS4ULGXjbOgTZfigWz8zVOn7YApcynYBLD+QYYgfrJ7gxsmZN9mp9SQ8ijgGoXz8bm3+8WFmiU0XlfbK7rkGDbb1bGrL/FSJ7cKER0Zedx8/uBkobEtO9U6Ts4ftj1xdcEzGX5coDMLj84y1Pmc7hNXKOtWOl9sSfnKY/e4pY/ivIppEhX0t8Zbs85s4ISRQgAa/5ZhOdE/YQEvNrxFEUqNTCR6DLax+/GF+VffHYIcMtUQrcxa0chhJg1cQVDqlbHbETPu7yaXVOCTysXAYwc7CVAQjOoA722Sv4b14k2TuQk70fQc3zWku/KTM0ZO/MeTZMH/4FHNZnQMw0+1zvAfW5X28CjGD6pRXjKT0UIRte4eIfo85OR94MAxG8RMAaE2s1czQqGvMx98bpy/Seab7VlOmPLKfhAiCrubvHOjOK/YO5jcuwgzyFs3SR0vjc9vypQyS5/134gHsgzc6teRBVG36VJ+LyXRXZ5zdvM3kYlJHZwhXYAGHiftdeKzQBi2x7pDWOWVYbRl6lDieqLGbZ1frEYG8h65A9MyGu2DhTTBi18X65dfJKXzbS8fNkBv/RTNpbW3sE7PJ5PUkxKxS+IRkqBu15FhzG5oKcxojuoEh3+lEdIHAgQn4OK+xbgjIifxlp62NErT0xsw4zkOiKYVl+ZfauIgKieeMmfhnxN9/461i7sf58kw8/rUr+h9nNL42MvZVazXqeOABuMYrM2Ps4ag19Q42KigJGcXK02BDUqlajm8z7nVPL3GKzzY9hnF0j7Q6zljfGOC3E840sm5nqHgSOrgI+N4acBapXg1n0r7UvChb0IfkA/5VrWUOZTsNHhyBsMfkFQtxWMY6RgjvelA6AU4D4m+78Xtn2iIPZh16EtdWfYiwMzmSG8AQSL1O26K1L9u+X6obl1J7NXwklcm0UmQqQT/RxZDMCHowj75BguVZ4CuVpurg7dcrxdt9/2UEeby9UKN5CK389CEZ087uOOvaY07400DbXLD8z/+HUT/7DWUGZNk+0hB7OwGrMzguXwLGxPaGMjPoB0PXaEjtelu3ZNJLuCSE/nL9LH4vsJC0XGfACLkSsTdDwP5LZWW4PbvLmCD0iN5/GmkF0il++uC73JelhtapAZIAnb6nvMDSlkVYcdjbuLqinbHtdvHOEihBeib1i6L40CmrwQ5KtRJMKJ9GFfX5DtVqqltfd7Wj1/3YEFoIa1ZTzHhZa3+v/mH05sZ1MwbogdJvKa0sEkgkkOMwVCMTTMei2B6AXj7P/bZNWwZ+w0HJX8wKMaPk9KTHI+HjAw02aR925JrLg1C8OcCxLQ94sU/4+XktCGJh5k2lqihv5O7lTuZcxTy0tdIhjOoWDR8y8h5LQR28yJvVCUe1MyrEJbIKYaw/Youoq3kBCk85kEJc6OQ4Z0dsTb6oaJC0cRd3DBXAFQ6Wp9SSCzG1YC4aqaSUaJtXyvAxFAbMDL8jU4ZTTPE5ubDV8oybbK9XHIerbIwMBdR2oHYVrxer05MWmEL3re6JtnWOHysWt1nTs5P1SDX/ntR4x5c6mve4JK6kK5gr82BynF4X/ueWdiyTkHXiAhcvmSUKusxfuhBrMag4FA0VF+Y5bpokUr7o6mUE36B8CjnjZ+un8IZQWZUYIPnUGJxX+nfHAGRC1rTh9ICNc86SLjDw4NG9tUSrkPLvBq5gc6mVS0LhpLTr1VzUrsojj7QtnpbLgg5fKsHSfAw3lMMJw5LbtkECYlAGLmWD/c5bKjvs7DgKGOYrI4SGQTPg6Hwk6MG4xfJalKUbOn8gXqn4qNcWUnP26SmG3m1kgMiUKo10mtOAGm41czdvFIWxGxIn/+h6q2f0+5eQM2OdT4OfX+gtRl/ARoUidoGEDrfYvID9JgyJW6oBlLvzvhrjY06uzRZeT3zZ8Fng6j11bknPIt/IVatjAH6JvdHnzwFVM85q1T1uvo+oS8rrKHtetb0nPQtUNtgBOdigA7YoYXW0XpJDcDW+s3RMMJHhARFSyGlcMjOtATpZZ495t64RRd8yhfFjUKFIMolUOzyiXFzcn14J2L4n97Svs9vryPamjzRYytluZTvk0gw31d+kCl6U060R0OmwyqJjRf8W4oGjISJJdzdcJzywRYLFxLw+1FtUOe7SioySYjH2SBidOhsAwRLAIVzGArDVuSvTrtN7c0F4+CQBTovxW2vOtrm4LUjcxQ5srPwDuhxA2GGPH8u5jNjC4QqllS+EPqnfca7jrtEsjHbPxdoYh2VXCOfx+vdG/KmpAMm/8uOIPMNeFmcJqmQd7+3+9IoRvyVPrtO4hTBGqOWUj6vjjAH2lxI+ZgqfMsj8hXqt47DWade1I9cXxpQ3+RsSFO4Mk488knFeTprWDYSnNvN3J3zfNqPrX2R6DHUpY0I1zVryTDiiO8XNZcLxThSxkkAZ4HMDl7YFfSMKvRyjZZBCevhWNI4/dif8jBzXmR7VvHBa3BdzOHaJPcLLf3/eYjZS06j21egsh5Pq96TJgIcUiaA2N3KVyVWSSQ6XoNobC17L/kZuBzy1JHuVnP+E6dcGFRYAXBInC43DT23EZFKrPPjEvhjFPVtM4z1sMVgs0oTXg29MDomUibcCFo3Y+ap2FANj/PbjtzSQz3ZddguG8XYnFuJZ4ZxRFXvK2Hli39PPwjKnNB2dl855YnzznVfiQuep4V+yMgRuYkBHkQGgOnUCEg/A9NfImMAQdO85kescszzTB8XDDG981d4bIFOV5lceR6N62lC8YE84bwG5hfrb8Q1Ww5ngHaHlHW5g17hQUCjPNk+YEYQHLgJ9JYdoTG34LYijqWrrYa6CdciEVQNzSCwLaBH52VcuTez8Xev5Hpe5RbNb5F5XnGsuokZ8o51+3TTOWwl7fcuvhiGrqHNBgS+E/CyPWJG13iPs0NyUHVovfHa+23StICOgZagMDijw/lmZcNrDfgLjuuJ4aObKhI9KBouUaUlLfkVsueBTu6vrVDBnoA9f5YDs9Pf/H3By6wKkTSI5qComAhUHTf2F0WbpMD6kOgwMOku2vXQCLjr2tq4bxLMKljdZEIwNIvfCn/7+sd2T5I++hCHO7NwqsTnnd61YYwTkf7IMpUELuysBApjqFhVIkbWBm1xo0G6Y/zIQewgJ1E9rtvj+yuN8RWMfSpw5TzK3+nyfgAuHU486IzNnsj6JZnMOsOk1XTmTdozD4lLP0VJFf70/b8o5WM0gG3jWBmPDS10OgmJhewLd8O0uWwEsdvQZwmKidjAXGbe//Q4rram/1uTom3tllKVb39fdX1lBXlCT55YGfLno9vNs1IKIIHJz0wowaaFci+AJLHtVAYvcCuOayA3CQyhg8yWvOcsx8ttNwGHscndj1AiuGXVgeTomASNV/EW89Is1B8cehKGQ3z/Jgwfzq5Ib7VfWzMhMf3R2S4nIKpAgeA9Gne74QTz9ctPlKGpk959ZsNXHE/tRWs3e00L5sPHHH+/DIurzpRnQPj+e8Y7anehyJL5OKoBMStgGrcUCQot2hlaCKoS0heNTdIqW4Qn5kQWCLaBqMoBcK3U8W4r47Jx0Pm5poIMmKgDob99cvr/Rk9BtlWoytktKBxpof6gvAzj4xzPSFO/xe15Fh3auvKYnhKfONteOjApp16QN64i3CB9Cqlf2gTIYsrDy7x4ReivtR6HdXafjfLhBYRcZpzlib6fl1X1OXBCLGpz0x8xfCkNOtgq1DF/8+tHhUae38wzN9u2lYzaYM1u/nTHDHuuoPtxJnFO/gVv8NA5OQ7An8S8CxXkJcjcJ8HCSTJrAGEh982U0HWsHscK2YqtEFDDAvm2WJ2hUZP5r92LOPkN+EQf8lWEkEUUMfteOmK7oRxhs1a/yAeW2Fbaws7oSUWl1X6h7no6FvtO1WpAqkY+ioXGqaiKiIGFOxQyAOagmyzs4Cx9/uSJRh1nxsgxwSmt27/Bv6Qy6+/xGTnRrt5lxpx+jBwcxPpbzPEFqDfvcKEKhYakaygQ0glcAgTgyRIQD7DFDiP1UdPl2vf6XU1nLPpp33OJiksGY17pZaYIUdRGVYbnJR/Gi0zX3HigN7vlF0eP5wXhWNa7GNCxpQXpv916WI/pANW2jyjGZWyMqW5+yBt2GZCxypiCuO9UDeCrXKpPgYDaOuCFrlxFzAGTE/Wc6hAvv+vokd52Lo4uRq8MoQTeYlrTlQ++rQnMi2VhdRp/Wo7rj9VfJ09nKvTqqFp3IH5ic0EIHrL+RcO9pKJYn9L2kKJ28V41/FgrfVn9VCLbUoXcMRArBJGTsYwfDDDJyn6JwH8iD/ScIcTlymjsNE7v6KJP+L5Izi6jibBYQC/YYsOEzEt8fF6oKb5UE2wGdZSeWEDpc0ECkU+lX33yJFRd6Kt+J0gYP9Sc7TNo0TrQVYJLTgUlkKsImg5sLZOaLVL/I+Xs4kIkF1PBBplDd3Zkia+rvXqfMujTNAc8cwZMBoEK9MR7e2YriKAAxebSE86HLmqgngIX8ggWz3RANzBd3q22MGchWCiIL/3C4VfKzrOVxAvuTK10f7EkdpjGPGuWKvM/TkIPtly9K9qkIPJbDf3n6jEHmT8GSyNo54pGceOShcxNi51gVzGiHDOZBfTaKjRsRAtcVB9nQXJmYVrcucVCrqSP3AgTzqyR9idw4c6bVry6ZkyO3IdR3099I4p14hfGsiMzjfShoMVtQMD0MIMM8+6UL6xut9n5ZOjKcEOxQlqe9rbPx3nJtLdxkZQnjf2dza4yLLSuH92cZQmsDVH25e7FI5iXRuPUIvQvOXTmpfSG0oUQWtJQIu43YOGxXkTjNO9pZcdvOqKEcMEDUazqdmPuPP3rY1OV6sbgCDAfzesneOSBNJ6Fx7kkHeUkZMy+sklqJFX5BzO5mzO3hYIfdnjwspjTue44dSo6tc2vR01V+AqIROkuyCPBfsINKtToF5oX6bXRK603ffq/eXWv4gIXUC1UrpSpRyxQqUJSHVnENirWRHG4z4QVKrSftMg3ogzNiRExYCMleq2OJ4KqhwRziXlRhmixy88/VSbBMhVdL8WLaQAoNBTkZXEYpgwB18XLjR5iCv29hDheLl0LJJ41BXwCwfZEvH6ZpFqGG0n2tkjY3st+/nCT5dDeFo2HWPt5B8aw+/FXFyoUJNOnv6CZUo0KioStC+aZV1msUsy71sKPqzwRZ7nCwIopOgNZwgleQSxpmf0dmsn84S0Zz1B9zCfSex0L69DKSNTw+8+AGvRjO7HfWlrYt4KiUt1gMZxP0BJG2oBgC39HzNIeUlZQG481GGhTXt6E4R18RcVTp3JVXRwCrDQ/Rc5jFUUZr71oUn4izGrmRYTt/+lEDVrbk3udmpid3VMah10tqLGpBQifiQGtxj/RH5TM4ZEoD6cwsItm395MB1j31j3Wx0QA/w4v8lmEwhDklN1fiKvR39lsbRuSnDDZWVvgYRP2tLIIHRPpxAwAI1VIZsjriDrwycYlW7O9WILmFKQzUdPZ7LEuPUd5glJic9A3+E0iletnLEO1cbmcgMzc1MvH6GFOLBKuqLZ+UjNInCSRQIL4wx7VINmrMIv3SjF9uZseWmsbWIppONwrUz8mknVD9tc6MH1HjIM5/hAMEKXiqIxV4cffNmpLDK//oWpje6m1/m/oqoN57efCBnEfhYr0Ib/Eha6JtcSg+oWOHfQoj5mPHfU50b6DdKHEiL1khwnkW4khWBWe7MOlLf1P+T6DNVIHqKvnx+LRlcqQ6FXRsENn4QbHlv9dSHMxLtlih8KbMcF7HHjadcgWS8AkfEXD6QDJtu4K+pElHFoWviJqVTdcuq5sebh8UoipDeorrbNqRnP+0auj0Ds23s2eXqoU5b+bqvSENwv72N6uzCZ+PjgYM0/2gkfBGtJ1okGAY14F+d1SszHd9dEah39kbwtLGTml9/TIcd+XcnzENgIcVqC63taY3f5xYawErO1YAaodhO9/ZHOx5rkCGtZp4wZcNRTq2BjhAsgk5TuXjYmN8j/8I4r7dbZGKlrOO1LCUKon7amzRreuzIAwVJpkmAt8gVYcM3gDx1R3WD1OyLvUCHBH8Tu2TuK6ZQtjou9btITlFCVCEpcX1l5KKkGsCgJQY9i57Ul1NjkgfEHhOoyZrKq+DhQQrHynQLgqJ2w4Y9oz5eqNpoju26ZlmJxAOh7Q+71qT0YCsaheOizNk89T6iEpc+s87tfcT8lUkdkLK2o3S8OQ0xdezdwZwL13xnnxJ1copfS4g94FmhdNxvWsRr5+FUMti7npZ74xHTkkgSQPRRcwTgzZMhoN+zzfLs50fPQ6Ddd6V+1Ujzj1Lj5IElWrH6CM9sHSwy/dsddIEztzLqTxr6ZhsoKGuLFqoZ7xwgwWTAAGXs+A4+OMLKKwBJ2DdlAuvReFT1IRuuXlwhYZePLj5ehhQWxiG+7nngOPWtQctQko3mGkq1UesorwKhHWM0oNafmtwo8JyMj2fu+tHvjStTaN4P+Wz+C0brI9VbymE6BS83E4Kq2JFFvbHYwbi7VOrcWzmFxB9irE+93NYW/yAJTkaKLSSdlALB1qBZnCgGw6OnEJVE+QsbVjZhUw8fGENMRbdJZp3heRQolJEUtHgty//jMcupzmiRAMWf650q1YffnqTeo6TYRWZP+tLuDGxmYHShFCgnWE/Aeb/94W5xEB/UwY/a42ER/jb0OMPQ7EW7UVjix51OzDlpQCemAer4xw+6EUWYmuRGWBQIPmvAC2clpblh0mHYpiSJgEXi2wluPyIzTehHDtHLUpBuxz9ezSZLcnLYKtU47LKCVL3wTYVY9Kc5C7/uCAwEZjTMOzJU9B21Vaj7Z43A1bKmVtpbZ8KbdczL9QChTD6PX0/LPKdpuLNxUh+aKA/gjRiZcqVMB5upx9Tf6qIkcQWCrzwzFhK2P6Jm2AIMn4vAa6D0ks7YFNx75f3mk1vQEgk/9zWlByd13h1m84rI4mequNlsUKRu1mC7QUpMSABpBY2sGnLorOo/5Xdb9qBWZKX49h1MvulxQDUpuDrKEp5DeSVIKsyaXnHNua4JBhA+lGW6xycrUdw+mUoT40uqENqsPuEn2rWSSxKJgecJjsrUZ7ejGEn0xnGV0ig0kWzQt15g37L4q3dt0H1Vkti8D68xqEppgvxJvvnRU9acwSmuhOq6OjVpDRe+Z7IrT8yggAewhyB6Gb5biz0udWfkYkO+obQJHFusAzN3IlTxIsc7WGN4tg5TKXDvFFw1B2bDEbAGETaYzNmTdXobQWFW7syHRhVZ1uNhoPRSa6BkfFhDaMMZinwluMJQriBOHrCwALa/XIeWytFvK1AS/c38CUaWBzS2o9KGXHmG8ehImGy0ysLYUo14QJ4JFb3Hwgp6CnD/NxGnuxs3Z5Fq5MkD/MPQenTydNOw89EfNu9rlf7vdaecIU9ddX1m5V3zrc45vdO2eQnT7COPF9aQKUy5qDkh1lUU0r8tSi9DMuBxSDrRKcypVQRRefikleR8xizwL45PCSnooD0n7+SjCHDevrmj5qw3upJS/8EQoihTCbrovmCwPS5SNXc2bn/SUAFU/pcdAwuWiZL9YceO80PDq1HenYieDmlJmGwVbemQPRgqRHzyc3LkVH34Ezu7rAEFtgHeuXLRZFu5/1NDtXRoeUvtyt3agacbW86d7zlhfH1/N+wqeOBB0Os3Fm229WLRVK/pHC9tPOkNg3Zl7Rl77ACcedpg3QK+ViUYum1DVkHl2ZgdrdWz2o/ADCRvfogWDxe2AydvfPlCyKaOjX92xaodR1q/X0+adt56MrNpGwHW0LBkKXfORTrCqLPvjav7aPxUDGrwPPjoIxOwx7SUkIOz5A/KBIIIkKrqG9IfCBLGygVbUYTfhDx42Ryq26Thpx0zbYYewxV5IiX+D2aBozTmabJWMptOO3j3/I/+0O5Ws80KggPpxp7dPIzqv7B0yrm2/s1LlJgIiNOvSX6drgvZoIxI1bEh5CXGnSe+O7qO3jTlxpOcV2HGZXkIgMi9FOH6vZi5PK/DY0Nr9Qh4kUvDAoVP/h/E1TudLxVNOgk7bJCJDeO1rw441oUCdrHFuT/LfNf2TVyFNvl4xz8Ut6Q6CE2VFBy8sMft1lr6NO+B5A4uw0GQSIapAapQ7QV80f9qyenAAkRBZYMkWzVZZlloGpyuo3N9xZZEwV2dOLsUoeA6CnZVbMZv3IN9WWMmfehlMbXAZyYnO51scmseanxkszs75A86YDTusRBjg1h+a4VkF7fC6YDhiabyjpPZk24yhyyI7ARTeaUph73vgX4+0d4tGpNS8xkhI9vFOQOpKPxKh4tGKkWMDstzcfafcRkPp+kHympTifULwLC7uVhpwRhN+YUzH30jl6bGdXCtTEeXRWadLPAYcIdnmUGhwII0TrDzPxbG2SSoTTQP3U+6ACs3qlVn9DwWd9Jb6W0RQAFK2Dxmau0QXIpmuidD6lEdazo4rCQKs0lSzFgJGQmMAtFgdVRSO6qBa8LST6D+vW0Skip/IYiXRrdP9w1+9DS7D6U8wTmkkCR8TbcQlHRThtQik15gmbtyK7PyadLmIN3pjilQYfg73d8Szt2sayr9UAu1pJRHdTGuAEJAVm6oDR53qi6sstC7xmGYwwpzFVD9dgWU65t9b7gLIaKysj3kx8dizkBpXe0UZn0OT8oamW6cqZKNmbLInKq162u1EYZWQEp+dD5ySGWDggdMG4jMqrW/rFwubXt4H+HJJmjPT7VB222aKkA1XXHD1gaOfjVDhKX0ZMeofn7CMPF5tKARO6O/Ykj4mJeZe6q7cZQCpHaZrjHTgKcHtrtJBBDYUEN3fzHP6B5emyM1hhejOUm0Sf/957mmf67OvxilPZxO3F9GayTJndbRcZbs2BOMeybiyQDnNBuJcqVuE2RplX+rMjRkZWbapyOaluqg7ylUHYnjY9goBXR5Iqpku9BqkVrzwKGdbkVTVL3CWExxT0trKSHxbzrdwifJx5QenHKB90Dh8aRlV2x9OO3D3CHcEf/FA9t4nYqRaSt1T4ynQo0yMq2Ouv8eLTgYTNMrak4uMNEHEkuPGlfYfglMHeMAUougEHrqqQN/5Xr0qr5otHp7azBzQmd79ZLQ+UZGYaM9+1Xcb0WkhFFZY/aOa76OhqCLKREdfDTZfrCO8znjDVg5x4xBNqW9tlugxUH8Qs9dv0Pwj97xLj4b1EFEDC9OUQn/7lYVr3NlXcjJfZL0s58lpi44lAfAyVBd7RJDSaVI8VAHBf25RpeAo0haQNzDl1+791WZt6bCVfBV4Uxz+UtdjSDX3ZIjj0+QpqKC2L7rT0QULA1lNEgIblkG6/mhiyXDXDnrpU4lGDTfUgOY5rUzQQhq9uJQ0qTkjDcEbB5mh9hg6ift1Q1wOQ3aEVmtlUI6lVDusgLMu2JEPZLkJmfWBz96DtZnvLirwJKpi6X/NevVOs6uk0YIcP/6G7sNPYl3lESviaZlvAjEBeowlWhlcnn5zh8SS6/PLcljzbTe8kWKf8qQPbu2espcTsf33trP852f233rqjXJYctJzyhaf0cmkJLzF843WIHxugCUrByd7A9/pCPdT7Ztx7oAfG8me6oCL7Y2y3nnEeGrF6YcMV49vodIfl5fAhjMwO8L5K0Tr8gP8GN8nY06SeOUofzUw7RHButNnF4BbQdHw6Y8sTLzFXgNDWJ/DqhWcjfosG9LGhnxMYVUEwH6iozL6V+001aWy0KTVVlKlA+IBen5HlL+hXSLxLa1JY9pjq1eDu53hiM37BUuxwSpxynX/YAKoT9mJKQupLqsCKCYkP0+TreazSX09drDUDY1K9keB+bKWz2V1SlYe4ikvPBtP0V501wXOjl/B9fm0O05itbjOj11xlNkPYQXCN0IqwIFRuaX0iB7WPS0wtKq8sGMjmwXAx5IoIXU/L6eSfpYsx4fdihanXrEvnQnxsCMkekaTNYv+wXUFRvmeOl3CxLl/YOUnTGZT1g==" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CC48EC6B" />
	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
</div><div>
	<iframe id="logout-hidden-iframe" style="display: none;"></iframe>
<div class="warningbar-container">
<div class="warningbar" id="login-bar" style="display: none;">
<div class="container">
<div class="online">
<span class="ui-bar-icons online"></span>
<a href="https://internetsubesi.ing.com.tr/WebApplication.UI/Default.aspx">İnternet Şubesi&rsquo;ne D&ouml;n</a>
<em>İnternet Şubesi oturumunuz sonlandırılmıştır.</em>
</div>
<div class="logout">
<span class="ui-layout vseperator wfull"></span>
<span class="ui-bar-icons logout"></span>
<a id="loginbar-logout-btn" href="#">Oturumu Kapat</a>
</div>
<div class="hseperator w640"></div>
<div class="guest-info">
<span class="ui-layout vseperator big wfull"></span>
Merhaba
<span id="guest-info-name"></span>
</div>
<div class="remaining">
<span class="ui-bar-icons remaining"></span>
Kalan S&uuml;re
<em class="text-right ing-orange">04:32</em>
</div>
</div>
</div>
</div>

</div><div id="viewport" class="home"><div id="side">
	

<header>
    <div class="container">

        <nav class="primary-nav">
            <ul class="menu h-list">
                
                <li class="wfull"><a href="https://giris.turkiye.gov.tr/Giris/edevlet/INGBank"><span class="ui-icons s26x26 edev"></span>e-Devlet Kapısı</a></li>
                <li class="wfull"><a href="/tr/bilgi-destek/urun-ve-hizmet-ucretleri"><span class="ui-icons s26x26 product"></span>Ürün ve Hizmet Ücretleri</a></li>
                <li class="wfull sup"><a href="/tr/bilgi-destek/sube-ve-atm-bulucu"><span class="ui-icons s26x26 department"></span>Şube ve ATM’lerimiz</a></li>
            </ul>
            <ul class="menu"><li class="active"><a href="/tr/sizin-icin" title="SİZİN İÇİN Sayfası" aria-current="page">SİZİN İÇİN</a></li><li><a href="/tr/isiniz-icin" title="İŞİNİZ İÇİN Sayfası">İŞİNİZ İÇİN</a></li></ul>
        </nav>

        <div class="w640">
            <a href="#" class="ui-buttons iconic side-toggle align-right">
                <span class="ui-custom-menu-text">Menü</span>
                <span class="ui-arrows small white left"></span>
                <span class="ui-icons side" title="Menu"></span>
            </a>
        </div>

        <div class="logo">
            <a href="/tr" title='ING Logo'></a>
        </div>

        <div class="header-buttons">
            <div class="top-menu">
                <div class="top-menu__section top-menu__section--login">

                    <button class="top-menu__header" aria-expanded="false" aria-controls="internet-banking-content" type="button">
                        <span class="top-menu__title">
                            İnternet Şubesi
                        </span>
                        <img class="top-menu__chevron-icon" src="/documents/IngBank/assets/icons/top-menu-chevron-down-filled.png">
                        <img class="top-menu__close-icon is-hidden" src="/documents/IngBank/assets/icons/top-menu-cross-filled.png">
                    </button>

                    <div id="internet-banking-content" class="top-menu__content-wrapper is-hidden" style="">
                        <div class="top-menu__content">
                            <a href="https://internetsubesi.ing.com.tr/banking/login" title='Bireysel İnternet Şubesi Girişi'>
                                Bireysel
                            </a>
                        </div>

                        <div class="top-menu__separator"></div>

                        <div class="top-menu__content">
                            <a href="https://kurumsalinternetsubesi.ing.com.tr/banking/login" title='Kurumsal İnternet Şubesi Girişi'>
                                Kurumsal
                            </a>
                        </div>
                    </div>

                </div>

                <div class="top-menu__section top-menu__section--be-customer">

                    <button class="top-menu__header" aria-expanded="false" aria-controls="be-customer-content" type="button">
                        <span class="top-menu__title">
                            Müşteri Ol
                        </span>
                        <img class="top-menu__chevron-icon" src="/documents/IngBank/assets/icons/top-menu-white-chevron-down-filled.png">
                        <img class="top-menu__close-icon is-hidden" src="/documents/IngBank/assets/icons/top-menu-white-cross-filled.png">
                    </button>

                    <div id="be-customer-content" class="top-menu__content-wrapper is-hidden" style="">
                        <div class="top-menu__content">
                            <a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingli-ol" title='Bireysel İnternet Şubesi Girişi'>
                                Bireysel
                            </a>
                        </div>

                        <div class="top-menu__separator"></div>

                        <div class="top-menu__content">
                            <a href="https://www.ing.com.tr/tr/isiniz-icin/ing-kobi-dijital/ingli-ol" title='Kurumsal İnternet Şubesi Girişi'>
                                Kurumsal
                            </a>
                        </div>
                    </div>

                </div>
            </div>
            <div class="search-bar">
                <div class="search-bar__form">
                    <input type="text" name="q" id="key1" class="search-bar__input" placeholder="Arama Yapın" title="Ara" />
                    <input type="button" id="btnSubmit" class="search-bar__submit" title="Ara" value="&nbsp;" aria-label="Ara" />
                </div>
            </div>
        </div>

        <div class="clearfix"></div>

        <nav class="secondary-nav">
            <ul class="menu"><li><a href="/tr/ing/7-24-bankacilik/ingli-ol" title="ING&#39;li Ol Sayfası">ING&#39;li Ol</a></li><li><a href="/tr/sizin-icin/mevduat/ing-turuncu-hesap" title="Turuncu Hesap Sayfası">Turuncu Hesap</a></li><li><a href="/tr/sizin-icin/kartlar/kredi-karti" title="Kredi Kartı Sayfası">Kredi Kartı</a></li><li><a href="/tr/ihtiyac-kredisi" title="İhtiyaç Kredisi Sayfası">İhtiyaç Kredisi</a></li><li><a href="/tr/sizin-icin/turuncu-genclik" title="Turuncu Gençlik  Sayfası">Turuncu Gençlik </a></li><li class="sup"><a href="javascript:void(0);" title="Diğer Sayfası"><p>Diğer<p><div class="ui-arrows small orange-white bottom"></div></a><ul class="sub-menu"><li><a href="/tr/sizin-icin/odemeler/emekli-maas-odemeleri" title="Emekli Sayfası">Emekli</a></li><li><a href="/tr/sizin-icin/mevduat/turuncu-ekstra" title="Turuncu Ekstra Sayfası">Turuncu Ekstra</a></li><li><a href="/tr/ing/7-24-bankacilik" title="Dijital Bankacılık Sayfası">Dijital Bankacılık</a></li><li><a href="/tr/sizin-icin/kampanyalar" title="Kampanyalar Sayfası">Kampanyalar</a></li><li><a href="/tr/sizin-icin/kartlar" title="Kartlar Sayfası">Kartlar</a></li><li><a href="/tr/sizin-icin/mevduat" title="Mevduat Sayfası">Mevduat</a></li><li><a href="/tr/sizin-icin/yatirim" title="Yatırım  Sayfası">Yatırım </a></li><li><a href="/tr/sizin-icin/krediler" title="Krediler/Destek Hesap  Sayfası">Krediler/Destek Hesap </a></li><li><a href="/tr/sizin-icin/ozel-bankacilik" title="Özel Bankacılık Sayfası">Özel Bankacılık</a></li><li><a href="/tr/sizin-icin/platinum" title="Platinum Sayfası">Platinum</a></li><li><a href="/tr/sizin-icin/sigorta-ve-emeklilik" title="Sigorta ve Emeklilik Sayfası">Sigorta ve Emeklilik</a></li><li><a href="/tr/sizin-icin/odemeler" title="Maaş ve Kurum Ödemeleri Sayfası">Maaş ve Kurum Ödemeleri</a></li><li><a href="/tr/sizin-icin/blog" title="Blog Sayfası">Blog</a></li></ul></li></ul>
        </nav>

        <div class="clearfix"></div>

    </div>
</header>

<script>
    //<![CDATA[
    $(document).ready(function () {

        if (document.URL.indexOf('/tr/arama/sonuc/') != -1) {
            var $key1 = $("#key1");
            var value = 'tablo-deneme';
            if (value.length > 0 && value != "notfound") {
                $key1.val(value);
            }
        }

        String.prototype.replaceAll = function (search, replace) {
            if (!replace)
                return this;

            return this.replace(new RegExp('[' + search + ']', 'g'), replace);
        };

        function handleSearchInput() {
            const $key = $("#key1");
            const characterReg = /^\s*[a-zA-Z0-9öçşığüÖÇŞİĞÜ,\s]+\s*$/;
            let skey = $key.val();
            skey = replaceTurkishChars(skey);
            if (!characterReg.test(skey)) {
                skey = skey.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, '');
            }
            if ($key.val().length > 0 && characterReg.test(skey)) {
                const redirectUrl = '/tr/arama/sonuc/' + encodeURI(skey);
                window.location.href = redirectUrl;
            }
        }

        $("#key1").on('keypress', function (event) {
            if (event.which == 13) {
                event.preventDefault();
                handleSearchInput();
            }
            else {
                return validatetext(event);
            }
        });

        function validatetext(evt) {
            var theEvent = evt || window.event;
            var key = theEvent.keyCode || theEvent.which;
            key = String.fromCharCode(key);
            var regex = /^\s*[a-zA-Z0-9öçşığüÖÇŞİĞÜ,\s]+\s*$/;
            if (!regex.test(key)) {
                theEvent.returnValue = false;
                if (theEvent.preventDefault) theEvent.preventDefault();
            }
        }

        function replaceTurkishChars(skey) {
            return skey.replace(/ı/g, 'i').replace(/ğ/g, 'g').replace(/ü/g, 'u').replace(/ş/g, 's').replace(/ö/g, 'o').replace(/ç/g, 'c').replace(/İ/g, 'I').replace(/Ğ/g, 'G').replace(/Ü/g, 'U').replace(/Ş/g, 'S').replace(/Ö/g, 'O').replace(/Ç/g, 'C');
        }

        $("#btnSubmit").on('click', function () {
            handleSearchInput();
        });

        $(".ui-buttons.iconic.side-toggle").on('click', function (e) {
            e.preventDefault();
            $(this).toggleClass("align-right");
            $("header .logo").toggleClass("hide-class");
            $(".ui-custom-menu-text").toggleClass("hide-class");
        });
        
        function closeSection($btn) {
          const contentId = $btn.attr('aria-controls');
          $btn.attr('aria-expanded', 'false');
          $('#' + contentId).addClass('is-hidden');

          $btn.find('.top-menu__chevron-icon').removeClass('is-hidden');
          $btn.find('.top-menu__close-icon').addClass('is-hidden');
        }

        function openSection($btn) {
            const contentId = $btn.attr('aria-controls');
            $btn.attr('aria-expanded', 'true');
            $('#' + contentId).removeClass('is-hidden');

            $btn.find('.top-menu__chevron-icon').addClass('is-hidden');
            $btn.find('.top-menu__close-icon').removeClass('is-hidden');
        }

        $('.top-menu__header').on('click', function () {
          const $clickedBtn = $(this);
          const willExpand = $clickedBtn.attr('aria-expanded') !== 'true'; 

          $('.top-menu__header[aria-expanded="true"]').each(function () {
            const $btn = $(this);
            if (!$btn.is($clickedBtn)) closeSection($btn);
          });

          if (willExpand) {
            openSection($clickedBtn);
          } else {
            closeSection($clickedBtn);
          }
        });
    });
        //]]>
</script>

</div><div id="page"><section><div class="container"><div class="main-image"><img src="/F/Documents/banner/Bireysel/01_ING_Turuncu_Hesap/Detay/ing26_paranormal_45_yeni_musteri_detay.webp" class="image" alt="" width="521" height="230" /><div class="clearfix" ></div><div class="description" ><h1 class="banner-title">%45 güncel Hoş Geldin Faizi ile yüksek günlük faiz kazanırken paranı istediğin zaman çek.</h1><h2 class="banner-sub-title"><div><span class="banner-title18"></span></div>
Turuncu Hesap’ta vade beklemek yok, esneklik var.<span class="banner-title14"></span></h2><div class="fixed"></div></div><div class="label" ></div></div><div class="content-area"><div class="wrapper article" ><style>
    /*Typography*/
    @font-face { font-family: INGMe; src: url('https://www.ing.com.tr/documents/IngBank/assets/css/font/INGMe.otf'); }
    @font-face { font-family: INGMe-Bold; src: url('https://www.ing.com.tr/documents/IngBank/assets/css/font/INGMe-Bold.otf'); }
    /*@font-face { font-family: INGMe; src: url('../fonts/INGMe.otf'); }
    @font-face { font-family: INGMe-Bold; src: url('../fonts/INGMe-Bold.otf'); }*/
    .INGMe{
    font-family: "INGMe";
    }
    .INGMe-Bold{
    font-family: "INGMe-Bold";
    }
    /*Typography*/
    /*General*/
    .hide{
    display: none;
    }
    .show{
    display: block;
    }
    .wrapper strong {
    display: contents!important;
    }
    .base{
    font-family: "INGMe";
    color: black;
    width: 98%;
    /*border: 1px solid black;*/
    padding: 5px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    }
    .base .image{
    width: 100%;
    text-align: center;
    }
    .base b{
    font-family:"INGMe-Bold"!important;
    }
    .base h3{
    color:#ff6200;
    font-family:"INGMe-Bold";
    font-size:22pt!important;
    }
    .clear{
    clear: both;
    }
    .align-center{
    display: flex;
    justify-content: center;
    }
    .margin-top-25{
    margin-top: 25px;
    }
    .margin-top-15{
    margin-top: 15px;
    }
    .margin-top-50{
    margin-top: 50px;
    }
    .padding-top-25{
    padding-top:25px;
    }
    .padding-15{
    padding: 15px;
    }
    .padding-25{
    padding: 25px;
    }
    .padding-content-15{
    padding: 0px 15px 15px 15px;
    }
    .houndred{
    width: 100%;
    }
    .fifthy{
    width: 50%;
    }
    .thirty{
    width:33.33333%;
    }
    .twenty{
    width: 25%;
    }
    .only-desktop{
    display: block;
    }
    .only-mobile{
    display: none;
    }
    /*General*/
    /*Boxes*/
    .inbox{
    width:28%;
    padding:10px;
    text-align: center;
    color:#747474;
    float:left;
    position: relative;
    }
    .inbox p{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color: #494949;
    text-align: center;
    font-size: 12px;
    word-break: normal;
    }
    .box-2-out{
    width:100%;
    border-left:2px solid #f8f8f8;
    border-right:2px solid #f8f8f8;
    border-bottom:2px solid #f8f8f8;
    border-radius:0px 0px 15px 15px;
    text-align: center;
    }
    .box-2{
    float: left;
    position: relative;
    margin-top: -25px;
    padding-top: 15px;
    }
    .box-2 .header{
    padding: 15px;
    background-color:#ededed;
    color: #424242;
    font-size: 14px!important;
    font-family: "INGMe";
    /*border-top:2px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;*/
    }
    .box-2 .header.active{
    background-color:#ff6200;
    color: white;
    border-top:0px;
    border-bottom:0px;
    font-size: 14px !important;
    }
    .box-2:first-child .header{
    /*border-left:2px solid #d1d1d1;
    border-right:2px solid #e1e1e1;*/
    border-radius:15px 0px 0px 0px;
    }
    .box-2:nth-child(2) .header{
    /*border-right:2px solid #d1d1d1;*/
    border-radius:0px 15px 0px 0px;
    }
    .box-2:nth-child(3) .header{
    /*border-right:2px solid #d1d1d1;*/
    border-radius:0px 15px 0px 0px;
    }
    .box-2:first-child .header.active{
    border-left:2px solid #ff6200;
    border-right:2px solid #ff6200;
    border-radius:15px 0px 0px 0px;
    }
    .box-2:nth-child(2) .header.active{
    border-right:2px solid #ff6200;
    border-radius:0px 15px 0px 0px;
    }
    .box-2:nth-child(3) .header.active{
    border-right:2px solid #ff6200;
    border-radius:0px 15px 0px 0px;
    }
    .box-2 .content{
    text-align: center;
    padding-bottom:25px;
    }
    .box-2-out .content{
    margin-bottom: 5px;
    margin-top: 15px;
    }
    .box-2-out .content .left{
    width: 25%;
    float: left;
    position: relative;
    }
    .box-2-out .content .right{
    width: 70%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 45px;
    padding-left: 5px;
    }
    .box-2-out .content .image{
    float: left;
    position: relative;
    width: 100%;
    }
    .box-2-out .content .left img{
    width:80%;
    }
    .box-2-out .content p{
    text-align: left;
    float: left;
    position: relative;
    color:#494949;
    font-size: 0.9rem!important;
    }
    .box-3{
    width:71%;
    }
    .box-3 .header{
    padding: 15px;
    background-color:#ff6200;
    color: #ededed;
    border-top:2px solid #ff6200;
    border-left:2px solid #ff6200;
    border-right:2px solid #ff6200;
    border-radius:15px 15px 0px 0px;
    }
    .box-3 .content{
    border-left:2px solid #f8f8f8;
    border-right:2px solid #f8f8f8;
    border-bottom:2px solid #f8f8f8;
    border-radius:0px 0px 15px 15px;
    text-align: center;
    padding-bottom:5px;
    }
    .box-3 .content p{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    text-align: center;
    }
    .box-4{
    float: left;
    position: relative;
    margin-top: -25px;
    padding-top: 15px;
    }
    .box-4 .header{
    padding: 5px;
    padding-top: 10px;
    font-size: 9pt!important;
    line-height: 16px;
    height: 90px;
    background-color:#ededed;
    color: #424242;
    /*border-top:2px solid #ededed;*/
    opacity: 1;
    word-break:break-word;
    padding-bottom:15px;
    }
    .box-4 .header.active{
    opacity: 1;
    background-color:#ff6200;
    color: #fff;
    /*border-top:2px solid #ff6200;*/
    }
    .box-4 .header .image img{
    width: 60px;
    margin-bottom:0px;
    }
    .box-4:first-child .header{
    /*border-left:2px solid #ededed;
    border-right:2px solid #ededed;*/
    border-radius:15px 15px 0px 0px;
    }
    .box-4:nth-child(4) .header{
    border-right:2px solid #ededed;
    border-radius:0px 15px 0px 0px;
    }
    .box-4-content .last-text{
    }
    .box-4 .content{
    text-align: center;
    padding-bottom:25px;
    }
    .box-5{
    float: left;
    position: relative;
    margin-top: -25px;
    padding-top: 15px;
    }
    .box-5 .header{
    padding: 5px;
    font-size: 9pt!important;
    line-height: 16px;
    height: 90px;
    background-color:#ededed;
    color: #424242;
    /*border-top:2px solid #ededed;*/
    opacity: 1;
    word-break:break-word;
    padding-bottom:15px;
    }
    .box-5 .header.active{
    opacity: 1;
    background-color:#ff6200;
    color: #fff;
    /*border-top:2px solid #ff6200;*/
    }
    .box-5 .header .image img{
    width: 60px;
    margin-bottom:0px;
    }
    .box-5:first-child .header{
    /*border-left:2px solid #ededed;
    border-right:2px solid #ededed;*/
    border-radius:15px 0px 0px 0px;
    }
    .box-4:nth-child(6) .header{
    border-right:2px solid #ededed;
    border-radius:0px 15px 0px 0px;
    }
    .box-5-content .last-text{
    }
    .box-5 .content{
    text-align: center;
    padding-bottom:25px;
    }
    /*Boxes*/
    /*Buttons*/
    .btn {
    color: #fff;
    background-color: #559bd1;
    border-color: #559bd1;
    margin-top: .25rem;
    margin-bottom: .25rem;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 5px 30px;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .30rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: visible;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    align-items: flex-start;
    font-family: "INGMe-Bold"!important;
    margin-bottom: 25px;
    }
    .btn::after, .btn::before {
    box-sizing: border-box;
    }
    /*Buttons*/
    /*Texts*/
    .base .black{
    color: black!important;
    }
    .base .normal{
    font-size: 0.9rem;
    }
    .base .small{
    font-size: 0.8rem;
    }
    .base .too-small{
    font-size: 0.7rem;
    }
    .base .grey{
    color: #696969;
    }
    .base .text-left{
    text-align: left;
    }
    .base strong{
    color: inherit!important;
    }
    /*Texts*/
    /*Shapes*/
    .triangle-box{
    width:100%;
    text-align:center;
    }
    .triangle-down {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff6200;
    margin-left:auto;margin-right:auto;
    }
    .fancy {
    line-height: 1.5;
    text-align: center;
    }
    .fancy span {
    display: inline-block;
    position: relative;
    font-weight: bolder;
    margin-top: 30px;
    font-size: 1.6rem;
    width: 45%;
    }
    .fancy span:before,
    .fancy span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid black;
    top: 0;
    width: 55%;
    margin-top:40px;
    }
    .fancy span:before {
    left: -55%;
    }
    .fancy span:after {
    right: -55%;
    }
    .arrow-box{
    float:left;
    position: relative;
    }
    .arrow-top{
    border-right:1px solid #d9d9d9;
    height: 50px;
    padding: 3px;
    }
    .arrow {
    border: solid #d9d9d9;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    left: 9px;
    top: 3px;
    position: relative;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    }
    .arrow-bottom{
    border-right:1px solid #d9d9d9;
    height: 180px;
    padding: 3px;
    position: relative;
    top:2px;
    }
    .interest-bubble{
    background:url('https://www.ing.com.tr/F/Documents//deneme/img/kodeturuncu20201112-img-9.png');
    width: 225px!important;
    height: 90px;
    background-repeat: no-repeat;
    background-size: 121px;
    text-align: center;
    margin-left: 15px;
    margin-top: 25px;
    }
    .interest-bubble .text{
    padding-top: 5px;
    margin-left: -101px;
    color:white;
    }
    .interest-bubble .text .big{
    font-size: 18pt;
    }
    .interest-bubble .text .small{
    font-size: 14pt;
    }
    /*Shapes*/
    @media only screen and (max-width: 992px) {
    .margin-left-mobile-1{
    margin-left: 160px;
    }
    .margin-left-mobile-2{
    margin-left: 155px;
    }
    .margin-left-mobile-3{
    margin-left: 187px;
    }
    .margin-left-mobile-4{
    margin-left: 130px;
    }
    .margin-left-mobile-5{
    margin-left: 155px;
    }
    .base h3{
    color:#ff6200;
    font-family:"INGMe-Bold";
    font-size:14pt!important;
    text-align: center;
    }
    .inbox{
    width:100%;
    padding:50px;
    text-align: center;
    color:#747474;
    float:left;
    position: relative;
    }
    .inbox p{
    width: 95%;
    text-align: left;
    font-size: 14px;
    margin-left: 35px;
    margin-top: 20px;
    }
    .arrow-box{
    width:100%;
    }
    .arrow-top{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 25%;
    padding: 3px;
    float: left;
    position: relative;
    }
    .arrow {
    border: solid #d9d9d9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 16px;
    left: 6px;
    top: -16px;
    float: left;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    .arrow-bottom{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 62%;
    left: 38%;
    padding: 3px;
    position: relative;
    top: -1px;
    }
    .btn {
    width: 80%;
    margin-right: -50px;
    font-size: 14px;
    }
    .btn.first{
    width: 70%;
    margin-left: -40px;
    font-size: 14px;
    margin-top: -15px;
    }
    .twenty{
    width: 100%;
    }
    .box-2 .header{
    font-size: 14px;
    }
    .box-2-out .content .right p{
    font-size: 2.5rem;
    }
    .box-2-out .content .left{
    width: 40%;
    float: left;
    position: relative;
    }
    .box-2-out .content .left img{
    width: 80%;
    }
    .box-2-out .content .right{
    width: 60%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 25px;
    }
    .box-4 .header{
    border-radius:15px 15px 0px 0px!important;
    height: auto!important;
    padding: 0px 15px 0px 15px;
    opacity: 1;
    margin-bottom: 25px;
    background-color:#ff6200;
    color: #ededed;
    /*border-top:2px solid #ff6200;*/
    }
    .box-4 .header .image,.box-4 .header p{
    float: left;
    position: relative;
    }
    .box-4 .header .image{
    width: 40px!important;
    }
    .box-4 .triangle-box{
    display: none;
    }
    .base .only-mobile .box-4 .black{
    font-size:8pt;
    line-height: 10.8pt;
    }
    .fancy span {
    font-size: 1rem;
    width: 50%;
    }
    .fancy span:before,
    .fancy span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid black;
    top: 0;
    width: 50%;
    margin-top: 20px;
    }
    .fancy span:before {
    left: -50%;
    }
    .fancy span:after {
    right: -50%;
    }
    .only-desktop{
    display: none;
    }
    .only-mobile{
    display: block;
    }
    .box-4.houndred{
    border:2px solid #e6e6e6;
    padding-top: 25px;
    border-radius:15px;
    text-align: center;
    margin-top: 50px;
    }
    .box-4.houndred .content{
    font-size: 1.1rem;
    padding: 0px 15px 15px 15px;
    }
    .box-4.houndred .header{
    margin-top: -25px;
    height:40px!important;
    padding-bottom: 25px;
    text-align: center;
    }
    .box-4.houndred .header img{
    height: 40px;
    padding-top: 15px;
    }
    .box-4-content{
    float: left;
    position: relative;
    text-align: left;
    width: auto;
    font-size: 17.5px;
    margin-top: 23px;
    margin-left: 0px;
    }
    .box-4-content .last-text{
    float: left;
    position: relative;
    text-align: left;
    width: auto;
    font-size: 11px;
    margin-top: 10px;
    margin-left: 0px;
    }
    .box-4-content.small{
    font-size: 1.343rem;
    }
    .box-4-image{
    float: left;
    position: relative;
    text-align: right;
    bottom: 8px;
    }
    .small.grey.margin-top-25.text-left{
    font-size: 1rem;
    margin-bottom:25px;
    }
    .interest-bubble{
    width:80%!important;
    height:80%;
    background-size:100%;
    margin-left: 35px;
    margin-top: 25px;
    }
    .interest-bubble .text .big{
    font-size: 5rem;
    }
    .interest-bubble .text .small{
    font-size: 3rem;
    }
    }
    @media only screen and (max-width: 460px) {
    .margin-left-mobile-1{
    margin-left: 60px;
    }
    .margin-left-mobile-2{
    margin-left: 50px;
    }
    .margin-left-mobile-3{
    margin-left: 70px;
    }
    .margin-left-mobile-4{
    margin-left: 32px;
    }
    .margin-left-mobile-5{
    margin-left: 50px;
    }
    .inbox{
    width: 92%;
    padding: 15px;
    text-align: center;
    color: #747474;
    float: left;
    position: relative;
    }
    .inbox p{
    width: 95%;
    text-align: left;
    font-size: 14px;
    margin-left: 35px;
    margin-top: 20px;
    }
    .arrow-box{
    width:100%;
    }
    .arrow-top{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 25%;
    padding: 3px;
    float: left;
    position: relative;
    }
    .arrow {
    border: solid #d9d9d9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 16px;
    left: 6px;
    top: -16px;
    float: left;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    .arrow-bottom{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 62%;
    left: 38%;
    padding: 3px;
    position: relative;
    top: -1px;
    }
    .btn {
    width: 91%;
    margin-right: -50px;
    font-size: 14px;
    }
    .btn.first{
    width: 73%;
    margin-left: -105px;
    font-size: 14px;
    margin-top: 14px;
    }
    .twenty{
    width: 100%;
    }
    .box-2 .header{
    font-size: 14px;
    line-height: 14px;
    }
    .box-2-out .content .right p{
    font-size: 2.5rem;
    }
    .box-2-out .content .left{
    width: 40%;
    float: left;
    position: relative;
    }
    .box-2-out .content .left img{
    width: 80%;
    }
    .box-2-out .content p {
    text-align: left;
    float: left;
    position: relative;
    color: #494949;
    font-size: 0.89rem!important;
    }
    .box-2-out .content .right{
    width: 60%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 25px;
    }
    .box-4 .header{
    border-radius:15px 15px 0px 0px!important;
    height: auto!important;
    padding: 0px 15px 0px 15px;
    opacity: 1;
    margin-bottom: 25px;
    background-color:#ff6200;
    color: #ededed;
    /*border-top:2px solid #ff6200;*/
    }
    .box-4 .header .image,.box-4 .header p{
    float: left;
    position: relative;
    }
    .box-4 .header .image{
    width: 40px!important;
    }
    .box-4 .triangle-box{
    display: none;
    }
    .fancy span {
    font-size: 1rem;
    width: 50%;
    }
    .fancy span:before,
    .fancy span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid black;
    top: 0;
    width: 50%;
    margin-top: 20px;
    }
    .fancy span:before {
    left: -50%;
    }
    .fancy span:after {
    right: -50%;
    }
    .only-desktop{
    display: none;
    }
    .only-mobile{
    display: block;
    }
    .box-4.houndred{
    border:2px solid #e6e6e6;
    padding-top: 25px;
    border-radius:15px;
    text-align: center;
    margin-top: 50px;
    }
    .box-4.houndred .content{
    font-size: 1.1rem;
    padding: 0px 15px 15px 15px;
    }
    .box-4.houndred .header{
    margin-top: -25px;
    height:40px!important;
    padding-bottom: 25px;
    text-align: center;
    }
    .box-4.houndred .header img{
    height: 20px;
    margin-top: 18px;
    margin-left: 13px;
    padding-top: 0px;
    }
    .box-4-content {
    float: left;
    position: relative;
    text-align: left;
    width: auto;
    font-size: 13px;
    margin-top: 15px;
    margin-left: 0px;
    }
    .box-4-content.last-text{
    font-size: 13px;
    width: 51%;
    margin-top: 14px;
    }
    .box-4-content.small{
    font-size: 1.343rem;
    }
    .box-4-image{
    float: left;
    position: relative;
    text-align: right;
    bottom: 8px;
    }
    .small.grey.margin-top-25.text-left{
    font-size: 1rem;
    margin-bottom:25px;
    }
    .interest-bubble{
    width: 80%!important;
    height: 80%;
    background-size: 100%;
    margin-left: 12px;
    margin-top: 26px;
    }
    .interest-bubble .text {
    padding-top: 0;
    margin-left: -6px;
    color: white;
    line-height: 9pt;
    }
    .interest-bubble .text .big{
    font-size: 20pt;
    }
    .interest-bubble .text .small{
    font-size: 15pt;
    line-height: 15pt;
    }
    .box-2-out .content .image {
    float: left;
    position: relative;
    width: 100%;
    height: 142px;
    }
    }
    @media only screen and (max-width: 375px) {
    .margin-left-mobile-1{
    margin-left: 49px;
    }
    .margin-left-mobile-2{
    margin-left: 40px;
    }
    .margin-left-mobile-3{
    margin-left: 66px;
    }
    .margin-left-mobile-4{
    margin-left: 22px;
    }
    .margin-left-mobile-5{
    margin-left: 42px;
    }
    .inbox{
    width: 92%;
    padding: 15px;
    text-align: center;
    color: #747474;
    float: left;
    position: relative;
    }
    .inbox p{
    width: 95%;
    text-align: left;
    font-size: 14px;
    margin-left: 35px;
    margin-top: 20px;
    }
    .arrow-box{
    width:100%;
    }
    .arrow-top{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 25%;
    padding: 3px;
    float: left;
    position: relative;
    }
    .arrow {
    border: solid #d9d9d9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 16px;
    left: 6px;
    top: -16px;
    float: left;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    .arrow-bottom{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 60%;
    left: 40%;
    padding: 3px;
    position: relative;
    top: -1px;
    }
    .btn {
    width: 91%;
    margin-right: -50px;
    font-size: 14px;
    }
    .btn.first{
    width: 73%;
    margin-left: -105px;
    font-size: 14px;
    margin-top: 14px;
    }
    .twenty{
    width: 100%;
    }
    .box-2 .header{
    font-size: 14px;
    line-height: 14px;
    }
    .box-2-out .content .right p{
    font-size: 2.5rem;
    }
    .box-2-out .content .left{
    width: 40%;
    float: left;
    position: relative;
    }
    .box-2-out .content .left img{
    width: 80%;
    }
    .box-2-out .content .right{
    width: 60%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 25px;
    }
    .box-4 .header{
    border-radius:15px 15px 0px 0px!important;
    height: auto!important;
    padding: 0px 15px 0px 15px;
    opacity: 1;
    margin-bottom: 25px;
    background-color:#ff6200;
    color: #ededed;
    /*border-top:2px solid #ff6200;*/
    }
    .box-4 .header .image,.box-4 .header p{
    float: left;
    position: relative;
    }
    .box-4 .header .image{
    width: 40px!important;
    }
    .box-4 .triangle-box{
    display: none;
    }
    .fancy span {
    font-size: 1rem;
    width: 50%;
    }
    .fancy span:before,
    .fancy span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid black;
    top: 0;
    width: 50%;
    margin-top: 20px;
    }
    .fancy span:before {
    left: -50%;
    }
    .fancy span:after {
    right: -50%;
    }
    .only-desktop{
    display: none;
    }
    .only-mobile{
    display: block;
    }
    .box-4.houndred{
    border:2px solid #e6e6e6;
    padding-top: 25px;
    border-radius:15px;
    text-align: center;
    margin-top: 50px;
    }
    .box-4.houndred .content{
    font-size: 1rem;
    padding: 0px 15px 15px 15px;
    }
    .box-4.houndred .header{
    margin-top: -25px;
    height:40px!important;
    padding-bottom: 25px;
    text-align: center;
    }
    .box-4.houndred .header img{
    height: 20px;
    margin-top: 18px;
    padding-top: 0px;
    }
    .box-4-content {
    float: left;
    position: relative;
    text-align: left;
    width: auto;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 0px;
    }
    .box-4-content.last-text{
    font-size: 14px;
    width: 70%;
    margin-top: 13px;
    }
    .box-4-content.small{
    font-size: 1.343rem;
    }
    .box-4-image{
    float: left;
    position: relative;
    text-align: right;
    bottom: 8px;
    }
    .small.grey.margin-top-25.text-left{
    font-size: 1rem;
    margin-bottom:25px;
    }
    .interest-bubble{
    width: 80%!important;
    height: 80%;
    background-size: 100%;
    margin-left: 12px;
    margin-top: 26px;
    }
    .interest-bubble .text {
    padding-top: 0;
    margin-left: -6px;
    color: white;
    line-height: 9pt;
    }
    .interest-bubble .text .big{
    font-size: 19pt;
    }
    .interest-bubble .text .small{
    font-size: 9pt;
    line-height: 14pt;
    }
    .box-2-out .content .image {
    float: left;
    position: relative;
    width: 100%;
    height: 90px;
    }
    }
    @media only screen and (max-width: 360px) {
    .margin-left-mobile-1{
    margin-left: 37px;
    }
    .margin-left-mobile-2{
    margin-left: 34px;
    }
    .margin-left-mobile-3{
    margin-left: 54px;
    }
    .margin-left-mobile-4{
    margin-left: 24px;
    }
    .margin-left-mobile-5{
    margin-left: 28px;
    }
    .inbox{
    width: 92%;
    padding: 15px;
    text-align: center;
    color: #747474;
    float: left;
    position: relative;
    }
    .inbox p{
    width: 95%;
    text-align: left;
    font-size: 14px;
    margin-left: 35px;
    margin-top: 20px;
    }
    .arrow-box{
    width:100%;
    }
    .arrow-top{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 25%;
    padding: 3px;
    float: left;
    position: relative;
    }
    .arrow {
    border: solid #d9d9d9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 16px;
    left: 6px;
    top: -16px;
    float: left;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    .arrow-bottom{
    border-right:0px;
    border-top:2px solid #d9d9d9;
    height: 2px;
    width: 60%;
    left: 40%;
    padding: 3px;
    position: relative;
    top: -1px;
    }
    .btn {
    width: 91%;
    margin-right: -50px;
    font-size: 14px;
    }
    .btn.first{
    width: 73%;
    margin-left: -105px;
    font-size: 14px;
    margin-top: 14px;
    }
    .twenty{
    width: 100%;
    }
    .box-2 .header{
    font-size: 14px;
    line-height: 14px;
    }
    .box-2-out .content .right p{
    font-size: 2.5rem;
    }
    .box-2-out .content .left{
    width: 40%;
    float: left;
    position: relative;
    }
    .box-2-out .content .left img{
    width: 80%;
    }
    .box-2-out .content .right{
    width: 60%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 25px;
    }
    .box-4 .header{
    border-radius:15px 15px 0px 0px!important;
    height: auto!important;
    padding: 0px 15px 0px 15px;
    opacity: 1;
    margin-bottom: 25px;
    background-color:#ff6200;
    color: #ededed;
    /*border-top:2px solid #ff6200;*/
    }
    .box-4 .header .image,.box-4 .header p{
    float: left;
    position: relative;
    }
    .box-4 .header .image{
    width: 40px!important;
    }
    .box-4 .triangle-box{
    display: none;
    }
    .fancy span {
    font-size: 1rem;
    width: 50%;
    }
    .fancy span:before,
    .fancy span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid black;
    top: 0;
    width: 50%;
    margin-top: 20px;
    }
    .fancy span:before {
    left: -50%;
    }
    .fancy span:after {
    right: -50%;
    }
    .only-desktop{
    display: none;
    }
    .only-mobile{
    display: block;
    }
    .box-4.houndred{
    border:2px solid #e6e6e6;
    padding-top: 25px;
    border-radius:15px;
    text-align: center;
    margin-top: 50px;
    }
    .box-4.houndred .content{
    font-size: 11pt;
    padding: 0px 15px 15px 15px;
    }
    .box-4.houndred .header{
    margin-top: -25px;
    height:40px!important;
    padding-bottom: 25px;
    text-align: center;
    }
    .box-4.houndred .header img{
    height: 20px;
    margin-top: 18px;
    padding-top: 0px;
    }
    .box-4-content {
    float: left;
    position: relative;
    text-align: left;
    width: auto;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 0px;
    }
    .box-4-content.last-text{
    font-size: 9pt;
    width: 70%;
    margin-top: 15px;
    }
    .box-4-content.small{
    font-size: 1.343rem;
    }
    .box-4-image{
    float: left;
    position: relative;
    text-align: right;
    bottom: 8px;
    }
    .small.grey.margin-top-25.text-left{
    font-size: 1rem;
    margin-bottom:25px;
    }
    .interest-bubble{
    width: 80%!important;
    height: 80%;
    background-size: 100%;
    margin-left: 12px;
    margin-top: 26px;
    }
    .interest-bubble .text {
    padding-top: 0;
    margin-left: -6px;
    color: white;
    line-height: 9pt;
    }
    .interest-bubble .text .big{
    font-size: 19pt;
    }
    .interest-bubble .text .small{
    font-size: 9pt;
    line-height: 14pt;
    }
    .box-2-out .content .image {
    float: left;
    position: relative;
    width: 100%;
    height: 95px;
    }
    }
    #k-only-desktop{
    font-size:18px !important;
    }
    .box-99{
    border:1px solid #dadada;
    border-radius:15px;
    width:95%;
    float: left;
    position: relative;
    padding: 15px;
    }
    /*--------------------MOBİLE------------------------------------------------------------------------------------------------------*/
    @media only screen and (max-width: 600px) {
    .grid4-cstm-mbl {
    margin-bottom: 40px !important;
    width: 100%;
    background-color: #DFEDF8 !important;
    padding: 15px !important;
    border-radius: 10px;
    }
    .grid4-sub-cstm-mbl {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    .grid4-left-cstm-mbl {
    width: 60% !important;
    }
    .grid4-left-cstm-mbl img {
    width: 100% !important;
    margin-bottom: -18px !important;
    }
    .grid4-right-cstm-mbl {
    width: 100% !important;
    margin-bottom: 30px !important;
    }
    .grid4-right-cstm-mbl p {
    font-size: 15px !important;
    text-align: center;
    }
    .grid4-e-2 {
    background-color: #DFEDF8 !important;
    padding: 15px;
    margin-bottom: 80px !important;
    border-radius: 10px !important;
    }
    .grid4-sub-e-2 {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    .grid4-left-e-2 {
    width: 60% !important;
    }
    .grid4-left-e-2 img {
    width: 100% !important;
    margin-bottom: -19px !important;
    }
    .grid4-right-e-2 {
    width: 70% !important;
    }
    .grid4-right-e-2 p {
    margin-left: 15px !important;
    font-size: 15px !important;
    }
    .only-desktop{
    display: none !important;
    }
    .only-tablet{
    display: none !important;
    }
    .grid1{
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 80px !important;
    }
    .grid1-left .cstmmbltitle {
    color: #ff6200 !important;
    font-size: 24px !important;
    text-align: left !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 15px !important;
    }
    .grid1-left p {
    padding-left: 0px !important;
    margin-left: 0px !important;
    font-size: 16px !important;
    margin-bottom: 25px !important;
    padding-bottom: 0px !important;
    }
    /**/
    .grid2-right {
    margin-top: 30px !important;
    display: none !important;
    }
    .grid2 {
    margin-bottom: 80px !important;
    }
    .grid2-title {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 20px !important;
    font-weight: bold !important;
    }
    .grid2-sub-2 {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    margin-top: 35px;
    }
    .grid2-sub-2-sub {
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .grid2-icon-text {
    font-size: 35px !important;
    color: #FF6200 !important;
    font-weight: bold !important;
    }
    .grid2-text-text {
    margin-top: 20px !important;
    font-size: 26px !important;
    font-weight: bold !important;
    }
    /**/
    .grid3 {
    margin-bottom: 30px !important;
    margin-top: 70px !important;
    }
    .grid3 .cstmmbltitle {
    color: #ff6200 !important;
    font-size: 24px !important;
    text-align: left !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 15px !important;
    }
    .grid3-sub-div {
    display: flex !important
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    }
    .grid3-sub-div-left {
    width: 7% !important;
    }
    .grid3-sub-div-right {
    width: 93% !important;
    margin-left: 10px !important;
    margin-top: 2px !important;
    }
    .grid3-sub-div-right p {
    padding-left: 0px !important;
    margin-left: 0px !important;
    font-size: 16px !important;
    padding-bottom: 0px !important;
    }
    /**/
    .grid4 {
    background-color: white !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px;
    margin-bottom: 80px !important;
    border-radius: 10px !important;
    border: 1px solid #d5d5d5 !important;
    }
    .grid4-sub {
    display: flex
    ;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    }
    .grid4-left {
    width: 70% !important;
    }
    .grid4-left img {
    width: 100% !important;
    margin-bottom: -19px !important;
    margin-left: 20%;
    }
    .grid4-right {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 30px !important;
    }
    /**/
    .grid5 {
    margin-top: 80px !important;
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px !important;
    }
    .grid5-left {
    width: 100% !important;
    }
    .grid5-left .mblcstmtitle.orange.only-mobile {
    color: #ff6200 !important;
    font-size: 24px !important;
    text-align: left !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 25px !important;
    }
    .grid5 .sub-title {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    }
    .grid5-right {
    display: none !important;
    }
    .grid6 {
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    }
    .grid6-sub {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100% !important;
    margin-bottom: 15px !important;
    }
    .grid6-sub-left {
    width: 12% !important;
    }
    .grid6 img {
    width: 100% !important;
    }
    .grid6-sub-right {
    width: 92% !important;
    margin-left: 15px !important;
    }
    .customaccordtabclass::before{
    position: absolute !important;
    content: '';
    left: -40px;
    top: 10px;
    width: 30px;
    height: 1.4px;
    background-color: #D6D6D6 !important;
    }
    .customaccordtabclass::after{
    position: absolute !important;
    content: '';
    left: 40px;
    top: 10px;
    width: 30px;
    height: 1.4px;
    background-color: #D6D6D6 !important;
    }
    }
    @media only screen and (min-width: 601px) and (max-width: 1023px) {
    .grid4-cstm-tblt {
    margin-bottom: 40px !important;
    width: 100%;
    background-color: #DFEDF8 !important;
    padding: 15px !important;
    border-radius: 10px;
    }
    .grid4-sub-cstm-tblt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    .grid4-left-cstm-tblt {
    width: 30% !important;
    }
    .grid4-left-cstm-tblt img {
    width: 100% !important;
    margin-bottom: -18px !important;
    }
    .grid4-right-cstm-tblt {
    width: 70% !important;
    }
    .grid4-right-cstm-tblt p {
    margin-left: 15px !important;
    font-size: 15px !important;
    }
    .only-mobile{
    display: none !important;
    }
    .only-desktop{
    display: none !important;
    }
    .grid4.only-desktop.cstm-dsktp-k {
    display: none !important;
    }
    .grid4.only-mobile.cstm-mbl-k {
    display: none !important;
    }
    .grid1 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: flex-start !important;
    }
    .grid2 {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 60px !important;
    }
    .grid2-title {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 20px !important;
    font-weight: bold !important;
    }
    .grid2-sub-2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: space-around !important;
    align-items: center !important;
    margin-top: 40px !important;
    }
    .grid2-sub-2-sub {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    }
    .grid2-icon-text {
    font-size: 35px !important;
    color: #FF6200 !important;
    font-weight: bold !important;
    }
    .grid2-text-text {
    margin-top: 20px !important;
    font-size: 26px !important;
    font-weight: bold !important;
    }
    .grid3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    }
    .cstmtblttitle {
    color: #ff6200 !important;
    font-size: 24px !important;
    text-align: left !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 15px !important;
    }
    .grid3-sub-div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: flex-start !important;
    align-items: center !important;
    }
    .grid3-sub-div-left {
    width: 5% !important;
    }
    .grid3-sub-div-right {
    width: 93% !important;
    margin-left: 10px !important;
    margin-top: 2px !important;
    }
    .grid4 {
    background-color: #DFEDF8 !important;
    display: flex !important
    ;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 15px !important;
    margin-bottom: 80px !important;
    border-radius: 10px !important;
    }
    .grid4-sub {
    display: flex !important
    ;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: row !important;
    }
    .grid4-left {
    width: 40% !important;
    }
    .grid4-left img {
    width: 100% !important;
    margin-bottom: -19px !important;
    }
    .grid4-right {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    width: 60% !important;
    }
    .grid5 {
    margin-top: 80px !important;
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px !important;
    }
    .grid5-left {
    width: 100% !important;
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    }
    .grid5-left h4 {
    color: #ff6200 !important;
    font-size: 24px !important;
    text-align: left !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 25px !important;
    }
    .grid5-right {
    display: none !important;
    }
    .grid5 .sub-title {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    }
    .grid6 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: flex-start !important;
    justify-content: center !important;
    align-items: flex-start !important;
    }
    .grid6-sub {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    }
    .grid6-sub-left {
    width: 5% !important;
    }
    .grid6 img {
    width: 100% !important;
    }
    .grid6-sub-right {
    width: 95% !important;
    margin-left: 15px !important;
    }
    .customaccordtabclass::before{
    position: absolute !important;
    content: '';
    left: -40px;
    top: 10px;
    width: 30px;
    height: 1.4px;
    background-color: #D6D6D6 !important;
    }
    .customaccordtabclass::after{
    position: absolute !important;
    content: '';
    left: 40px;
    top: 10px;
    width: 30px;
    height: 1.4px;
    background-color: #D6D6D6 !important;
    }
    }
    /*--------------------DESKTOP------------------------------------------------------------------------------------------------------*/
    @media only screen and (min-width: 1024px) {
    .grid4-cstm-dsktp {
    margin-bottom: 40px !important;
    width: 100%;
    background-color: #DFEDF8 !important;
    padding: 15px !important;
    border-radius: 10px;
    }
    .grid4-sub-cstm-dsktp {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    .grid4-left-cstm-dsktp {
    width: 30% !important;
    }
    .grid4-left-cstm-dsktp img {
    width: 100% !important;
    margin-bottom: -18px !important;
    }
    .grid4-right-cstm-dsktp {
    width: 70% !important;
    }
    .grid4-right-cstm-dsktp p {
    margin-left: 15px !important;
    font-size: 15px !important;
    }
    .grid4-e-2 {
    margin-bottom: 40px !important;
    width: 100%;
    background-color: #DFEDF8 !important;
    padding: 15px !important;
    border-radius: 10px;
    }
    .grid4-sub-e-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    .grid4-left-e-2 {
    width: 30% !important;
    }
    .grid4-left-e-2 img {
    width: 100% !important;
    margin-bottom: -19px !important;
    }
    .grid4-right-e-2 {
    width: 70% !important;
    }
    .grid4-right-e-2 p {
    margin-left: 15px !important;
    font-size: 15px !important;
    }
    .only-mobile{
    display: none !important;
    }
    .only-tablet{
    display: none !important;
    }
    .grid1 {
    display: flex !important
    ;
    margin-bottom: 20px !important;
    }
    .grid1-left {
    width: 100% !important;
    }
    .grid1 h2 {
    color: #ff6200 !important;
    font-size: 27px !important;
    line-height: normal !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 30px !important;
    }
    .grid1 p {
    font-size: 16px !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 30px !important;
    }
    .grid2-right {
    width: 40% !important;
    }
    /**/
    .grid2 {
    margin-bottom: 40px !important;
    }
    .grid2-sub {
    width: 75% !important;
    margin-left: 12.5% !important;
    margin-bottom: 30px !important;
    }
    .grid2-sub .grid2-title {
    display: flex !important
    ;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: bold !important;
    }
    .grid2-sub-2 {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 75% !important;
    margin-left: 12.5% !important;
    }
    .grid2-sub-2-sub {
    width: 33.3% !important;
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .grid2-sub-2-sub {
    width: 33.3% !important;
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .grid2-icon-text {
    font-size: 35px !important;
    color: #FF6200 !important;
    font-weight: bold !important;
    }
    .grid2-text-text {
    margin-top: 20px !important;
    font-size: 30px !important;
    font-weight: bold !important;
    }
    /**/
    .grid3 {
    margin-bottom: 40px !important;
    margin-top: 60px !important;
    }
    .grid3 h3 {
    color: #ff6200 !important;
    font-size: 27px !important;
    line-height: normal !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 30px !important;
    }
    .grid3-sub-div {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 7px !important;
    }
    .grid3-sub-div-left {
    width: 4% !important;
    margin-right: 10px !important;
    }
    .grid3-sub-div-right {
    width: 90% !important;
    }
    .grid3-sub-div-right p {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 17px !important;
    }
    /**/
    .grid4 {
    margin-bottom: 40px !important;
    width: 100%;
    background-color: white !important;
    padding: 15px !important;
    border-radius: 10px;
    border: 1px solid #d5d5d5 !important;
    }
    .grid4-sub {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    .grid4-left {
    width: 30% !important;
    }
    .grid4-left img {
    width: 100% !important;
    margin-bottom: -78px !important;
    }
    .grid4-right {
    width: 70% !important;
    }
    .grid4-right p {
    margin-left: 15px !important;
    font-size: 15px !important;
    }
    /**/
    .grid5 {
    margin-top: 40px !important;
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .grid5-left {
    width: 65% !important;
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    margin-top: -25px !important;
    }
    .grid5 p.orange.only-tablet{
    color: #ff6200 !important;
    font-size: 24px !important;
    text-align: left !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 25px !important;
    }
    .grid5 .sub-title {
    margin-top: 30px !important;
    }
    .grid5-right {
    width: 35% !important;
    }
    .grid5-right img {
    width: 90% !important;
    }
    .grid6 {
    display: flex
    ;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    margin-top: -85px !important;
    }
    .grid6-sub {
    display: flex
    ;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 7px !important;
    }
    .grid6-sub-left {
    width: 5% !important;
    }
    .grid6-sub-left img {
    width: 100% !important;
    margin-top: 5px !important;
    }
    .grid6-sub-right {
    width: 95% !important;
    margin-left: 15px !important;
    }
    .grid6-sub-right p {
    font-size: 17px !important;
    margin: 0px !important;
    padding: 0px !important;
    }
    .customaccordtabclass{
    position: relative !important;
    }
    .customaccordtabclass::before{
    position: absolute !important;
    content: '';
    left: -40px;
    top: 10px;
    width: 30px;
    height: 1.4px;
    background-color: #D6D6D6 !important;
    }
    }
    /* --- HTML DIYAGRAM CSS BAŞLANGICI --- */
    .cstm-diag-wrapper { width: 100%; max-width: 600px; margin: 30px auto; background-color: transparent; position: relative; }
    .cstm-diag-header { position: relative; width: 60%; margin: 0 auto; height: 30px; }
    .cstm-diag-bracket { border: 1.5px solid #000; border-bottom: none; border-top-left-radius: 15px; border-top-right-radius: 15px; height: 100%; width: 100%; box-sizing: border-box; }
    .cstm-diag-title { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 0 15px; color: #ff6200; font-size: 20px; font-family: 'INGMe-Bold', sans-serif; font-weight: bold; white-space: nowrap; }
    .cstm-diag-body { display: flex; width: 100%; position: relative; margin-top: 5px; }
    .cstm-diag-col { width: 50%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 5px; box-sizing: border-box; }
    .cstm-diag-divider { position: absolute; left: 50%; top: 0; bottom: 65px; width: 1px; background-color: #000; transform: translateX(-50%); }
    .cstm-diag-text { font-size: 16px; color: #000; margin: 6px 0; line-height: 1.3; font-family: 'INGMe', sans-serif; }
    .cstm-diag-text.bold { font-family: 'INGMe-Bold', sans-serif; font-weight: bold; }
    .cstm-diag-arrow { margin: 5px 0; display: flex; align-items: center; justify-content: center; }
    .cstm-diag-rate { font-size: 44px; color: #ff6200; font-family: 'INGMe-Bold', sans-serif; font-weight: bold; line-height: 1; margin-top: 5px; }
    @media (max-width: 600px) {
    .cstm-diag-title { font-size: 17px; padding: 0 10px; top: -11px; }
    .cstm-diag-text { font-size: 14px; }
    .cstm-diag-rate { font-size: 36px; }
    .cstm-diag-header { width: 80%; }
    }
    /* --- HTML DIYAGRAM CSS BİTİŞİ --- */
</style>
<script>
    function box2Click(e){
      switch (e){
          case 'box-0097-0099':
  document.getElementById('box-0097-0099').className ='header active';
  document.getElementById('box-0098-0099').className ='header';
  document.getElementById('box-0099-0099').className ='header';
  document.getElementById('box-0097-0099-triangle').className='triangle-box show';
  document.getElementById('box-0098-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0099-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0097-0099-content').className='content';
  document.getElementById('box-0098-0099-content').className='content hide';
  document.getElementById('box-0099-0099-content').className='content hide';
  break;
          case 'box-0098-0099':
  document.getElementById('box-0098-0099').className ='header active';
  document.getElementById('box-0097-0099').className ='header';
  document.getElementById('box-0099-0099').className ='header';
  document.getElementById('box-0098-0099-triangle').className='triangle-box show';
  document.getElementById('box-0097-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0099-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0098-0099-content').className='content';
  document.getElementById('box-0097-0099-content').className='content hide';
  document.getElementById('box-0099-0099-content').className='content hide';
  break;
          case 'box-0099-0099':
  document.getElementById('box-0099-0099').className ='header active';
  document.getElementById('box-0098-0099').className ='header';
  document.getElementById('box-0097-0099').className ='header';
  document.getElementById('box-0099-0099-triangle').className='triangle-box show';
  document.getElementById('box-0097-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0098-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0099-0099-content').className='content';
  document.getElementById('box-0098-0099-content').className='content hide';
  document.getElementById('box-0097-0099-content').className='content hide';
  break;
  case 'box-0097-0099':
  document.getElementById('box-0097-0099').className ='header active';
  document.getElementById('box-0098-0099').className ='header';
  document.getElementById('box-0099-0099').className ='header';
  document.getElementById('box-0097-0099-dark').className ='';
  document.getElementById('box-0097-0099-light').className ='hide';
  document.getElementById('box-0098-0099-dark').className ='';
  document.getElementById('box-0098-0099-light').className ='hide';
  document.getElementById('box-0099-0099-dark').className ='';
  document.getElementById('box-0099-0099-light').className ='hide';
  document.getElementById('box-0097-0099-triangle').className='triangle-box show';
  document.getElementById('box-0098-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0099-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0097-0099-content').className='content';
  document.getElementById('box-0098-0099-content').className='content hide';
  document.getElementById('box-0099-0099-content').className='content hide';
  break;			
  case 'box-0098-0099':
  document.getElementById('box-0097-0099').className ='header';
  document.getElementById('box-0098-0099').className ='header active';
  document.getElementById('box-0099-0099').className ='header';
  document.getElementById('box-0098-0099-dark').className ='';
  document.getElementById('box-0098-0099-light').className ='hide';
  document.getElementById('box-0097-0099-dark').className ='';
  document.getElementById('box-0097-0099-light').className ='hide';
  document.getElementById('box-0096-0099-dark').className ='';
  document.getElementById('box-0096-0099-light').className ='hide';
  document.getElementById('box-0097-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0098-0099-triangle').className='triangle-box show';
  document.getElementById('box-0099-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0097-0099-content').className='content hide';
  document.getElementById('box-0098-0099-content').className='content';
  document.getElementById('box-0099-0099-content').className='content hide';
  break;			
  case 'box-0099-0099':
  document.getElementById('box-0097-0099').className ='header';
  document.getElementById('box-0098-0099').className ='header';
  document.getElementById('box-0099-0099').className ='header active';
  document.getElementById('box-0099-0099-dark').className ='';
  document.getElementById('box-0099-0099-light').className ='hide';
  document.getElementById('box-0097-0099-dark').className ='';
  document.getElementById('box-0097-0099-light').className ='hide';
  document.getElementById('box-0098-0099-dark').className ='';
  document.getElementById('box-0098-0099-light').className ='hide';
  document.getElementById('box-0097-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0098-0099-triangle').className='triangle-box hide';
  document.getElementById('box-0099-0099-triangle').className='triangle-box show';
  document.getElementById('box-0097-0099-content').className='content hide';
  document.getElementById('box-0098-0099-content').className='content hide';
  document.getElementById('box-0099-0099-content').className='content';
  break;		
        case 'box-97-99':
  document.getElementById('box-97-99').className ='header active';
  document.getElementById('box-98-99').className ='header';
  document.getElementById('box-99-99').className ='header';
  document.getElementById('box-97-99-triangle').className='triangle-box show';
  document.getElementById('box-98-99-triangle').className='triangle-box hide';
  document.getElementById('box-99-99-triangle').className='triangle-box hide';
  document.getElementById('box-97-99-content').className='content';
  document.getElementById('box-98-99-content').className='content hide';
  document.getElementById('box-99-99-content').className='content hide';
  break;
        case 'box-98-99':
  document.getElementById('box-98-99').className ='header active';
  document.getElementById('box-97-99').className ='header';
  document.getElementById('box-99-99').className ='header';
  document.getElementById('box-98-99-triangle').className='triangle-box show';
  document.getElementById('box-97-99-triangle').className='triangle-box hide';
  document.getElementById('box-99-99-triangle').className='triangle-box hide';
  document.getElementById('box-98-99-content').className='content';
  document.getElementById('box-97-99-content').className='content hide';
  document.getElementById('box-99-99-content').className='content hide';
  break;
        case 'box-99-99':
  document.getElementById('box-99-99').className ='header active';
  document.getElementById('box-98-99').className ='header';
  document.getElementById('box-97-99').className ='header';
  document.getElementById('box-99-99-triangle').className='triangle-box show';
  document.getElementById('box-97-99-triangle').className='triangle-box hide';
  document.getElementById('box-98-99-triangle').className='triangle-box hide';
  document.getElementById('box-99-99-content').className='content';
  document.getElementById('box-98-99-content').className='content hide';
  document.getElementById('box-97-99-content').className='content hide';
  break;
            case 'box-97-99':
  document.getElementById('box-97-99').className ='header active';
  document.getElementById('box-98-99').className ='header';
  document.getElementById('box-99-99').className ='header';
  document.getElementById('box-97-99-triangle').className='triangle-box show';
  document.getElementById('box-98-99-triangle').className='triangle-box hide';
  document.getElementById('box-99-99-triangle').className='triangle-box hide';
  document.getElementById('box-97-99-content').className='content';
  document.getElementById('box-98-99-content').className='content hide';
  document.getElementById('box-99-99-content').className='content hide';
  break;
        case 'box-98-99':
  document.getElementById('box-98-99').className ='header active';
  document.getElementById('box-97-99').className ='header';
  document.getElementById('box-99-99').className ='header';
  document.getElementById('box-98-99-triangle').className='triangle-box show';
  document.getElementById('box-97-99-triangle').className='triangle-box hide';
  document.getElementById('box-99-99-triangle').className='triangle-box hide';
  document.getElementById('box-98-99-content').className='content';
  document.getElementById('box-97-99-content').className='content hide';
  document.getElementById('box-99-99-content').className='content hide';
  break;
        case 'box-99-99':
  document.getElementById('box-99-99').className ='header active';
  document.getElementById('box-98-99').className ='header';
  document.getElementById('box-97-99').className ='header';
  document.getElementById('box-99-99-triangle').className='triangle-box show';
  document.getElementById('box-98-99-triangle').className='triangle-box hide';
  document.getElementById('box-97-99-triangle').className='triangle-box hide';
  document.getElementById('box-99-99-content').className='content';
  document.getElementById('box-98-99-content').className='content hide';
  document.getElementById('box-97-99-content').className='content hide';
  break;		
       case 'box-97-99':
        document.getElementById('box-97-99').className ='header active';
        document.getElementById('box-98-99').className ='header';
        document.getElementById('box-99-99').className ='header';
        document.getElementById('box-97-99-dark').className ='';
        document.getElementById('box-97-99-light').className ='hide';
        document.getElementById('box-98-99-dark').className ='';
        document.getElementById('box-98-99-light').className ='hide';
        document.getElementById('box-99-99-dark').className ='';
        document.getElementById('box-99-99-light').className ='hide';
        document.getElementById('box-97-99-triangle').className='triangle-box show';
        document.getElementById('box-98-99-triangle').className='triangle-box hide';
        document.getElementById('box-99-99-triangle').className='triangle-box hide';
        document.getElementById('box-97-99-content').className='content';
        document.getElementById('box-98-99-content').className='content hide';
        document.getElementById('box-99-99-content').className='content hide';
        break;			
       case 'box-98-99':
        document.getElementById('box-97-99').className ='header';
        document.getElementById('box-98-99').className ='header active';
        document.getElementById('box-99-99').className ='header';
        document.getElementById('box-98-99-dark').className ='';
        document.getElementById('box-98-99-light').className ='hide';
        document.getElementById('box-97-99-dark').className ='';
        document.getElementById('box-97-99-light').className ='hide';
        document.getElementById('box-96-99-dark').className ='';
        document.getElementById('box-96-99-light').className ='hide';
        document.getElementById('box-97-99-triangle').className='triangle-box hide';
        document.getElementById('box-98-99-triangle').className='triangle-box show';
        document.getElementById('box-99-99-triangle').className='triangle-box hide';
        document.getElementById('box-97-99-content').className='content hide';
        document.getElementById('box-98-99-content').className='content';
        document.getElementById('box-99-99-content').className='content hide';
        break;			
       case 'box-99-99':
        document.getElementById('box-97-99').className ='header';
        document.getElementById('box-98-99').className ='header';
        document.getElementById('box-99-99').className ='header active';
        document.getElementById('box-99-99-dark').className ='';
        document.getElementById('box-99-99-light').className ='hide';
        document.getElementById('box-97-99-dark').className ='';
        document.getElementById('box-97-99-light').className ='hide';
        document.getElementById('box-98-99-dark').className ='';
        document.getElementById('box-98-99-light').className ='hide';
        document.getElementById('box-97-99-triangle').className='triangle-box hide';
        document.getElementById('box-98-99-triangle').className='triangle-box hide';
        document.getElementById('box-99-99-triangle').className='triangle-box show';
        document.getElementById('box-97-99-content').className='content hide';
        document.getElementById('box-98-99-content').className='content hide';
        document.getElementById('box-99-99-content').className='content';
        break;			
          case 'box-16-17':
  document.getElementById('box-16-17').className ='header active';
  document.getElementById('box-17-17').className ='header';
  document.getElementById('box-16-17-triangle').className='triangle-box show';
  document.getElementById('box-17-17-triangle').className='triangle-box hide';
  document.getElementById('box-16-17-content').className='content ';
  document.getElementById('box-17-17-content').className='content hide';
  break;
            case 'box-17-17':
            document.getElementById('box-17-17').className ='header active';
            document.getElementById('box-16-17').className ='header';
            document.getElementById('box-17-17-triangle').className='triangle-box show';
            document.getElementById('box-16-17-triangle').className='triangle-box hide';
            document.getElementById('box-17-17-content').className='content ';
            document.getElementById('box-16-17-content').className='content hide';
            break;
            case 'box-10-11':
            document.getElementById('box-10-11').className ='header active';
            document.getElementById('box-11-11').className ='header';
            document.getElementById('box-10-11-triangle').className='triangle-box show';
            document.getElementById('box-11-11-triangle').className='triangle-box hide';
            document.getElementById('box-10-11-content').className='content ';
            document.getElementById('box-11-11-content').className='content hide';
            break;
            case 'box-11-11':
  document.getElementById('box-10-11').className ='header';
  document.getElementById('box-11-11').className ='header active';
  document.getElementById('box-11-11-triangle').className='triangle-box show';
  document.getElementById('box-10-11-triangle').className='triangle-box hide';
  document.getElementById('box-11-11-content').className='content ';
  document.getElementById('box-10-11-content').className='content hide';
  break;
        case 'box-2-1':
        document.getElementById('box-2-2').className ='header active';
        document.getElementById('box-2-3').className ='header';
        document.getElementById('box-2-2-triangle').className='triangle-box show';
        document.getElementById('box-2-3-triangle').className='triangle-box hide';
        document.getElementById('box-2-2-content').className='content ';
        document.getElementById('box-2-3-content').className='content hide';
        break;
        case 'box-7-8':
  document.getElementById('box-7-8').className ='header active';
  document.getElementById('box-8-8').className ='header';
  document.getElementById('box-7-8-triangle').className='triangle-box show';
  document.getElementById('box-8-8-triangle').className='triangle-box hide';
  document.getElementById('box-7-8-content').className='content ';
  document.getElementById('box-8-8-content').className='content hide';
  break;
        case 'box-2-2':
        document.getElementById('box-2-2').className ='header active';
        document.getElementById('box-2-3').className ='header';
        document.getElementById('box-2-2-triangle').className='triangle-box show';
        document.getElementById('box-2-3-triangle').className='triangle-box hide';
        document.getElementById('box-2-2-content').className='content';
        document.getElementById('box-2-3-content').className='content hide';
        break;
        case 'box-8-8':
  document.getElementById('box-8-8').className ='header active';
  document.getElementById('box-7-8').className ='header';
  document.getElementById('box-8-8-triangle').className='triangle-box show';
  document.getElementById('box-7-8-triangle').className='triangle-box hide';
  document.getElementById('box-8-8-content').className='content';
  document.getElementById('box-7-8-content').className='content hide';
  break;
        case 'box-2-3':
        document.getElementById('box-2-2').className ='header';
        document.getElementById('box-2-3').className ='header active';
        document.getElementById('box-2-2-triangle').className='triangle-box hide';
        document.getElementById('box-2-3-triangle').className='triangle-box show';
        document.getElementById('box-2-2-content').className='content hide';
        document.getElementById('box-2-3-content').className='content';
        break;
       case 'box-3-1':
        document.getElementById('box-3-1').className ='header active';
        document.getElementById('box-3-2').className ='header';
        document.getElementById('box-3-3').className ='header';
        document.getElementById('box-3-5').className ='header';
        document.getElementById('box-3-1-dark').className ='hide';
        document.getElementById('box-3-1-light').className ='';
        document.getElementById('box-3-2-dark').className ='';
        document.getElementById('box-3-2-light').className ='hide';
        document.getElementById('box-3-3-dark').className ='';
        document.getElementById('box-3-3-light').className ='hide';
        document.getElementById('box-3-5-dark').className ='';
        document.getElementById('box-3-5-light').className ='hide';
        document.getElementById('box-3-1-triangle').className='triangle-box show';
        document.getElementById('box-3-2-triangle').className='triangle-box hide';
        document.getElementById('box-3-3-triangle').className='triangle-box hide';
        document.getElementById('box-3-5-triangle').className='triangle-box hide';
        document.getElementById('box-3-1-content').className='content';
        document.getElementById('box-3-2-content').className='content hide';
        document.getElementById('box-3-3-content').className='content hide';
        document.getElementById('box-3-5-content').className='content hide';
        break;
        case 'box-3-2':
        document.getElementById('box-3-1').className ='header';
        document.getElementById('box-3-2').className ='header active';
        document.getElementById('box-3-3').className ='header';
        document.getElementById('box-3-5').className ='header';
        document.getElementById('box-3-1-dark').className ='';
        document.getElementById('box-3-1-light').className ='hide';
        document.getElementById('box-3-2-dark').className ='hide';
        document.getElementById('box-3-2-light').className ='';
        document.getElementById('box-3-3-dark').className ='';
        document.getElementById('box-3-3-light').className ='hide';
        document.getElementById('box-3-5-dark').className ='';
        document.getElementById('box-3-5-light').className ='hide';
        document.getElementById('box-3-1-triangle').className='triangle-box hide';
        document.getElementById('box-3-2-triangle').className='triangle-box show';
        document.getElementById('box-3-3-triangle').className='triangle-box hide';
        document.getElementById('box-3-5-triangle').className='triangle-box hide';
        document.getElementById('box-3-1-content').className='content hide';
        document.getElementById('box-3-2-content').className='content';
        document.getElementById('box-3-3-content').className='content hide';
        document.getElementById('box-3-5-content').className='content hide';
        break;
        case 'box-3-3':
        document.getElementById('box-3-1').className ='header';
        document.getElementById('box-3-2').className ='header';
        document.getElementById('box-3-3').className ='header active';
        document.getElementById('box-3-5').className ='header';
        document.getElementById('box-3-1-dark').className ='';
        document.getElementById('box-3-1-light').className ='hide';
        document.getElementById('box-3-2-dark').className ='';
        document.getElementById('box-3-2-light').className ='hide';
        document.getElementById('box-3-3-dark').className ='hide';
        document.getElementById('box-3-3-light').className ='';
        document.getElementById('box-3-5-dark').className ='';
        document.getElementById('box-3-5-light').className ='hide';
        document.getElementById('box-3-1-triangle').className='triangle-box hide';
        document.getElementById('box-3-2-triangle').className='triangle-box hide';
        document.getElementById('box-3-3-triangle').className='triangle-box show';
        document.getElementById('box-3-5-triangle').className='triangle-box hide';
        document.getElementById('box-3-1-content').className='content hide';
        document.getElementById('box-3-2-content').className='content hide';
        document.getElementById('box-3-3-content').className='content';
        document.getElementById('box-3-5-content').className='content hide';
        break;
        case 'box-3-5':
        document.getElementById('box-3-1').className ='header';
        document.getElementById('box-3-2').className ='header';
        document.getElementById('box-3-3').className ='header';
        document.getElementById('box-3-5').className ='header active';
        document.getElementById('box-3-1-dark').className ='';
        document.getElementById('box-3-1-light').className ='hide';
        document.getElementById('box-3-2-dark').className ='';
        document.getElementById('box-3-2-light').className ='hide';
        document.getElementById('box-3-3-dark').className ='';
        document.getElementById('box-3-3-light').className ='hide';
        document.getElementById('box-3-5-dark').className ='hide';
        document.getElementById('box-3-5-light').className ='';
        document.getElementById('box-3-1-triangle').className='triangle-box hide';
        document.getElementById('box-3-2-triangle').className='triangle-box hide';
        document.getElementById('box-3-3-triangle').className='triangle-box hide';
        document.getElementById('box-3-5-triangle').className='triangle-box show';
        document.getElementById('box-3-1-content').className='content hide';
        document.getElementById('box-3-2-content').className='content hide';
        document.getElementById('box-3-3-content').className='content hide';
        document.getElementById('box-3-5-content').className='content';
        break;
    case 'box-0050-0051':
  document.getElementById('box-0050-0051').className ='header active';
  document.getElementById('box-0051-0051').className ='header';
  document.getElementById('box-0050-0051-triangle').className='triangle-box show';
  document.getElementById('box-0051-0051-triangle').className='triangle-box hide';
  document.getElementById('box-0050-0051-content').className='content ';
  document.getElementById('box-0051-0051-content').className='content hide';
  break;
    case 'box-0051-0051':
  document.getElementById('box-0051-0051').className ='header active';
  document.getElementById('box-0050-0051').className ='header';
  document.getElementById('box-0051-0051-triangle').className='triangle-box show';
  document.getElementById('box-0050-0051-triangle').className='triangle-box hide';
  document.getElementById('box-0051-0051-content').className='content';
  document.getElementById('box-0050-0051-content').className='content hide';
  break;
      }
    }
</script>
<div class="base">
<div class="grid1">
<div class="grid1-left">
<div class="only-desktop" style="display: flex; flex-flow: row; place-content: center; align-items: center; background-color: #ffe0cc !important; width: 44% !important; height: 40px !important; margin-bottom: 30px !important; border-radius: 155px !important; border: 1px solid #ffe0cc !important;">
<p style="font-family: INGMe-Bold; margin: 0px 10px 0px 0px !important; padding: 0px !important; color: #ff6600 !important; font-size: 12px !important;">★</p>
<p style="font-family: INGMe-Bold; margin: 0px !important; padding: 0px !important; color: #ff6600 !important;">Yeni müşterilere özel %45 faiz</p>
</div>
<div class="only-mobile" style="background-color: #ffe0cc; display: flex; flex-flow: row; place-content: center; align-items: center; width: 85% !important; height: 40px !important; margin-bottom: 30px !important; border-radius: 125px !important; border: 1px solid #ffe0cc !important;">
<p style="font-family: INGMe-Bold; margin: 0px 10px 0px 0px !important; padding: 0px !important; color: #ff6600 !important; font-size: 12px !important;">★</p>
<p style="font-family: INGMe-Bold; margin: 0px !important; padding: 0px !important; color: #ff6600 !important;">Yeni müşterilere özel %45 faiz</p>
</div>
<div class="only-tablet" style="background-color: #ffe0cc; display: flex; flex-flow: row; place-content: center; align-items: center; width: 45% !important; height: 40px !important; margin-bottom: 30px !important; border-radius: 205px !important; border: 1px solid #ffe0cc !important;">
<p style="font-family: INGMe-Bold; margin: 0px 10px 0px 0px !important; padding: 0px !important; color: #ff6600 !important; font-size: 12px !important;">★</p>
<p style="font-family: INGMe-Bold; margin: 0px !important; padding: 0px !important; color: #ff6600 !important;">Yeni müşterilere özel %45 faiz</p>
</div>
<h2 class="orange only-desktop">Yüksek faiz kazanırken, istediğiniz zaman paranızı çekip yatırabilme esnekliği <br />
Turuncu Hesap’ta.</h2>
<p class="cstmmbltitle orange only-mobile">Yüksek faiz  kazanırken, istediğiniz zaman paranızı çekip yatırabilme esnekliği Turuncu Hesap’ta.</p>
<p class="cstmtblttitle orange only-tablet">Yüksek faiz kazanırken, istediğiniz zaman paranızı çekip yatırabilme esnekliği Turuncu Hesap’ta.</p>
<p class="base grey-text only-desktop">Turuncu Hesap, birikimlerinize günlük faiz kazandıran bir mevduat hesabıdır. İlk kez Turuncu Hesap açanlar <strong>90 gün</strong> gün boyunca güncel Hoş Geldin Faizi’nden koşulsuzca yararlanır. </p>
<p class="base grey-text only-desktop">
Farklı ürünler kullandıkça da birikimlerinizi Bitmeyen Hoş Geldin Faizi ile her zaman değerlendirebilirsiniz. </p>
<p class="base grey-text only-desktop" style="font-weight: bold !important;">Üstelik ING’de EFT, havale, FAST ücreti ve kredi kartı aidatı hiç yok. Hemen ING’li olarak masraflardan sonsuza kadar kurtulabilirsiniz. Detaylı bilgi için <a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingli-ol?utm_source=detay-sayfa&amp;utm_medium=buton&amp;utm_campaign=masrafsizlik" target="blank" onclick="return false;" re_target="blank" re_onclick="return false;">tıklayın.</a></p>
<p class="base grey-text only-mobile">
İlk kez mobilden ING'li olup Turuncu Hesap açanlar <strong>%45</strong> faiz oranından faydalanır. Mevcut müşterilerimizden ilk kez Turuncu Hesap açanlar içinse güncel Hoş Geldin Faizi <strong>%40'dır</strong>.</p>
<p class="base grey-text only-mobile">
Farklı ürünler kullandıkça da birikimlerinizi Bitmeyen Hoş Geldin Faizi ile her zaman değerlendirebilirsiniz.</p>
<p class="base grey-text only-mobile" style="font-weight: bold !important;">Üstelik ING’de EFT, havale, FAST ücreti ve kredi kartı aidatı hiç yok. Hemen ING’li olarak masraflardan sonsuza kadar kurtulabilirsiniz. Detaylı bilgi için <a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingli-ol?utm_source=detay-sayfa&amp;utm_medium=buton&amp;utm_campaign=masrafsizlik" target="blank" onclick="return false;" re_target="blank" re_onclick="return false;">tıklayın.</a></p>
<p class="base grey-text only-tablet" style="margin-bottom: 30px !important; padding: 0px !important; margin-left: 0px !important; margin-top: 30px !important;">Turuncu Hesap, birikimlerinize günlük faiz kazandıran bir mevduat hesabıdır. İlk kez Turuncu Hesap açanlar <strong>90 gün</strong> gün boyunca güncel Hoş Geldin Faizi’nden koşulsuzca yararlanır.</p>
<p class="base grey-text only-tablet" style="margin-bottom: 30px !important; padding: 0px !important; margin-left: 0px !important; margin-top: 30px !important;">
Farklı ürünler kullandıkça da birikimlerinizi Bitmeyen Hoş Geldin Faizi ile her zaman değerlendirebilirsiniz.</p>
<p class="base grey-text only-tablet" style="font-weight: bold !important;">Üstelik ING’de EFT, havale, FAST ücreti ve kredi kartı aidatı hiç yok. Hemen ING’li olarak masraflardan sonsuza kadar kurtulabilirsiniz. Detaylı bilgi için <a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingli-ol?utm_source=detay-sayfa&amp;utm_medium=buton&amp;utm_campaign=masrafsizlik" target="blank" onclick="return false;" re_target="blank" re_onclick="return false;">tıklayın.</a></p>
</div>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const accordionBtn = document.getElementById("accordion-btn");
    const accordionContent = document.getElementById("accordion-content");

    if (accordionBtn && accordionContent) {
      accordionBtn.addEventListener("click", function() {
        if (accordionContent.style.display === "none" || accordionContent.style.display === "") {
          accordionContent.style.display = "block";
          accordionBtn.style.transform = "rotate(180deg)";
        } else {
          accordionContent.style.display = "none";
          accordionBtn.style.transform = "rotate(0deg)";
        }
      });
    }
  });
</script>
<div class="grid4 only-desktop cstm-dsktp-k" style="width: 90% !important;">
<div class="grid4-sub">
<div class="grid4-left" style="align-self: flex-start; vertical-align: top;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/woman_confetti.png" />
</div>
<div class="grid4-right">
<p class="only-desktop" style="margin-bottom: 0px !important;"><strong>Şimdi ING Mobil'den yeni müşteri olanlara özel</strong></p>
<p class="only-desktop" style="margin-bottom: 0px !important; font-size: 21.3px !important; margin-top: 5px !important;"><strong>Turuncu Hesap'ta faiz oranı %45!</strong></p>
<img id="accordion-btn" alt="Detayları gör" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="cursor: pointer; transition: transform 0.3s; transform: rotate(0deg); width: 20px !important; margin-left: 35% !important; margin-top: 10px !important;" />
</div>
</div>
<div id="accordion-content" style="display: none; margin-top: 45px; width: 100%;">
<div class="cstm-diag-wrapper">
<div class="cstm-diag-header">
<div class="cstm-diag-bracket"></div>
<div class="cstm-diag-title">ING'li misiniz?</div>
</div>
<div class="cstm-diag-body">
<div class="cstm-diag-col">
<div class="cstm-diag-text bold">Evet</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">İlk kez mi Turuncu Hesap açıyorsunuz?</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text bold">Evet</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">Faiz oranınız</div>
<div class="cstm-diag-rate">%40</div>
</div>
<div class="cstm-diag-divider"></div>
<div class="cstm-diag-col">
<div class="cstm-diag-text bold">Henüz Değil</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">ING Mobil'i indirin</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text bold">Turuncu Hesap açın</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">Faiz oranınız</div>
<div class="cstm-diag-rate">%45</div>
</div>
</div>
</div>
<p class="only-mobile">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz.</p>
<p class="only-tablet" style="margin-left: 15px !important;">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz.</p>
</div>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const accordionBtnMobile = document.getElementById("accordion-btn-mobile");
    const accordionContentMobile = document.getElementById("accordion-content-mobile");

    if (accordionBtnMobile && accordionContentMobile) {
      accordionBtnMobile.addEventListener("click", function() {
        if (accordionContentMobile.style.display === "none" || accordionContentMobile.style.display === "") {
          accordionContentMobile.style.display = "block";
          accordionBtnMobile.style.transform = "rotate(180deg)";
        } else {
          accordionContentMobile.style.display = "none";
          accordionBtnMobile.style.transform = "rotate(0deg)";
        }
      });
    }
  });
</script>
<div class="grid4 only-mobile cstm-mbl-k" style="width: 90% !important; margin-bottom: 40px !important; margin-top: -50px !important;">
<div class="grid4-sub">
<div class="grid4-left" style="align-self: flex-start; vertical-align: top;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/woman_confetti.png" />
</div>
<div class="grid4-right">
<p class="only-desktop" style="margin-bottom: 0px !important;"><strong>Şimdi ING Mobil’den yeni müşteri olanlara özel<br />
Turuncu Hesap'ta faiz oranı %45!</strong></p>
<p class="only-mobile"><strong>Şimdi ING Mobil'den yeni müşteri olanlara özel</strong></p>
<p class="only-mobile" style="font-size: 22px !important; line-height: normal !important; margin-top: 20px !important;"><strong>Turuncu Hesap'ta faiz oranı %45!</strong></p>
<img id="accordion-btn-mobile" alt="Detayları gör" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="cursor: pointer; transition: transform 0.3s; transform: rotate(0deg); width: 20px !important; margin-left: 0% !important; margin-top: 10px !important;" />
</div>
</div>
<div id="accordion-content-mobile" style="display: none; margin-top: 15px; width: 100%;">
<div class="cstm-diag-wrapper">
<div class="cstm-diag-header">
<div class="cstm-diag-bracket"></div>
<div class="cstm-diag-title">ING'li misiniz?</div>
</div>
<div class="cstm-diag-body">
<div class="cstm-diag-col">
<div class="cstm-diag-text bold">Evet</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">İlk kez mi Turuncu Hesap açıyorsunuz?</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text bold">Evet</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">Faiz oranınız</div>
<div class="cstm-diag-rate">%40</div>
</div>
<div class="cstm-diag-divider"></div>
<div class="cstm-diag-col">
<div class="cstm-diag-text bold">Henüz Değil</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">ING Mobil'i indirin</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text bold">Turuncu Hesap açın</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">Faiz oranınız</div>
<div class="cstm-diag-rate">%45</div>
</div>
</div>
</div>
<p class="only-tablet" style="margin-left: 15px !important;">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz.</p>
</div>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const accordionBtnTablet = document.getElementById("accordion-btn-tablet");
    const accordionContentTablet = document.getElementById("accordion-content-tablet");

    if (accordionBtnTablet && accordionContentTablet) {
      accordionBtnTablet.addEventListener("click", function() {
        if (accordionContentTablet.style.display === "none" || accordionContentTablet.style.display === "") {
          accordionContentTablet.style.display = "block";
          accordionBtnTablet.style.transform = "rotate(180deg)";
        } else {
          accordionContentTablet.style.display = "none";
          accordionBtnTablet.style.transform = "rotate(0deg)";
        }
      });
    }
  });
</script>
<div class="grid4 only-tablet cstm-tblt-k" style="margin-bottom: 40px !important; margin-top: 35px !important; background-color: white !important; border: 1px solid #d5d5d5 !important;">
<div class="grid4-sub">
<div class="grid4-left" style="align-self: flex-start; vertical-align: top;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/woman_confetti.png" />
</div>
<div class="grid4-right">
<p class="only-tablet" style="margin-left: 15px !important; font-size: 13px !important; margin-bottom: 3px !important;"><strong>Şimdi ING Mobil'den yeni müşteri olanlara özel</strong></p>
<p class="only-tablet" style="margin-left: 15px !important; font-size: 20px !important;"><strong>Turuncu Hesap'ta faiz oranı %45!</strong></p>
<img id="accordion-btn-tablet" alt="Detayları gör" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="cursor: pointer; transition: transform 0.3s; transform: rotate(0deg); width: 20px !important; margin-left: 0% !important; margin-top: 10px !important;" />
</div>
</div>
<div id="accordion-content-tablet" style="display: none; width: 100%; margin-top: 15px;">
<div class="cstm-diag-wrapper">
<div class="cstm-diag-header">
<div class="cstm-diag-bracket"></div>
<div class="cstm-diag-title">ING'li misiniz?</div>
</div>
<div class="cstm-diag-body">
<div class="cstm-diag-col">
<div class="cstm-diag-text bold">Evet</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">İlk kez mi Turuncu Hesap açıyorsunuz?</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text bold">Evet</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">Faiz oranınız</div>
<div class="cstm-diag-rate">%40</div>
</div>
<div class="cstm-diag-divider"></div>
<div class="cstm-diag-col">
<div class="cstm-diag-text bold">Henüz Değil</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">ING Mobil'i indirin</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text bold">Turuncu Hesap açın</div>
<div class="cstm-diag-arrow"><svg width="12" height="18" viewbox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 0V16M6 16L1 11M6 16L11 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<div class="cstm-diag-text">Faiz oranınız</div>
<div class="cstm-diag-rate">%45</div>
</div>
</div>
</div>
<p class="only-desktop">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin<br />
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi<br />
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-mobile">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
</div>
</div>
<span class="deepnote" style="display: block; text-align: left; margin-left: 2%; font-size: 14px; margin-top: -40px; margin-bottom: 30px;"><br />
* ING Mobil'den yeni müşteri olanlara özel Turuncu Hesap faiz oranıdır.<br />
<br />
** Mobilden yeni müşteri olan ING'lilerin Turuncu Hesap'a özel bu faiz oranı sabit değildir, piyasa koşullarına bağlı olarak değişebilir.
<br />
</span>
<div class="grid3">
<p class="orange only-desktop" style="color: #ff6200 !important; font-size: 27px !important; line-height: normal !important; margin: 0px 0px 20px !important; padding: 0px !important; font-weight: bold !important;">Neden Turuncu Hesap açmalıyım?</p>
<p class="cstmmbltitle orange only-mobile">Neden Turuncu Hesap açmalıyım?</p>
<p class="cstmtblttitle orange only-tablet">Neden Turuncu Hesap açmalıyım?</p>
<div class="grid3-sub-div">
<div class="grid3-sub-div-left"><img alt="" src="https://www.ing.com.tr/F/Documents/banner/Taksitle-Kurumsal-Icon-Check.png" style="width: 100% !important; margin: 5px 0px 0px !important; padding: 0px !important;" /></div>
<div class="grid3-sub-div-right">
<p>Bitmeyen Hoş Geldin Faizi ile kazanabilirsiniz.</p>
</div>
</div>
<div class="grid3-sub-div">
<div class="grid3-sub-div-left"><img alt="" src="https://www.ing.com.tr/F/Documents/banner/Taksitle-Kurumsal-Icon-Check.png" style="width: 100% !important; margin: 5px 0px 0px !important; padding: 0px !important;" /></div>
<div class="grid3-sub-div-right">
<p style="padding: 0px !important; margin: 0px !important;">Birikimlerinizi günlük mevduat faizi ile değerlendirebilirsiniz.</p>
</div>
</div>
<div class="grid3-sub-div">
<div class="grid3-sub-div-left"><img alt="" src="https://www.ing.com.tr/F/Documents/banner/Taksitle-Kurumsal-Icon-Check.png" style="width: 100% !important; margin: 5px 0px 0px !important; padding: 0px !important;" /></div>
<div class="grid3-sub-div-right">
<p style="padding: 0px !important; margin: 0px !important;">İstediğiniz zaman, faiziniz bozulmadan para çekip yatırabilirsiniz.</p>
</div>
</div>
<div class="grid3-sub-div">
<div class="grid3-sub-div-left"><img alt="" src="https://www.ing.com.tr/F/Documents/banner/Taksitle-Kurumsal-Icon-Check.png" style="width: 100% !important; margin: 5px 0px 0px !important; padding: 0px !important;" /></div>
<div class="grid3-sub-div-right">
<p style="padding: 0px !important; margin: 0px !important;">Farklı para birimlerinde hesap açabilirsiniz.</p>
</div>
</div>
</div>
<div style="display: flex; margin-top: 0px !important; margin-bottom: 50px !important;"><a style="background-color: #ff6200 !important; border-color: #ff6200 !important;" data-omniture-type="button" data-omniture-section="product-landing" class="ui-buttons blue" href="https://basvuru.ing.com.tr/tr/sizin-icin/urun-basvuru-formu/e-turuncu" target="blank"><span class="ui-arrows blue"></span>
<p>Hemen Turuncu Hesap Aç</p>
</a></div>
<div class="grid4-cstm-dsktp only-desktop">
<div class="grid4-sub-cstm-dsktp">
<div class="grid4-left-cstm-dsktp">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/group_children.png" />
</div>
<div class="grid4-right-cstm-dsktp">
<p class="only-desktop">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin<br />
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi<br />
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-mobile">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-tablet" style="margin-left: 15px !important;">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
</div>
</div>
</div>
<div class="grid4-cstm-tblt only-tablet">
<div class="grid4-sub-cstm-tblt">
<div class="grid4-left-cstm-tblt">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/group_children.png" />
</div>
<div class="grid4-right-cstm-tblt">
<p class="only-desktop">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin<br />
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi<br />
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-mobile">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-tablet" style="margin-left: 15px !important;">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
</div>
</div>
</div>
<div class="grid4-cstm-mbl only-mobile">
<div class="grid4-sub-cstm-mbl">
<div class="grid4-left-cstm-mbl">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/group_children.png" />
</div>
<div class="grid4-right-cstm-mbl">
<p class="only-desktop">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin<br />
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi<br />
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-mobile">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
<p class="only-tablet" style="margin-left: 15px !important;">Hoş Geldin Faizi’nden sürekli yararlanmak için, ING’nin
farklı ürünlerini kullanmanız yeterli. Böylece, birikimlerinizi
Bitmeyen Hoş Geldin Faizi ile değerlendirebilirsiniz. </p>
</div>
</div>
</div>
<div class="only-desktop" style="margin-bottom: 40px !important;">
<h2 class="orange" style="color: #ff6200 !important; font-size: 24px !important; margin-bottom: 40px !important; font-weight: bold !important;">Turuncu Hesap’ta nasıl ek faiz kazanırsınız? </h2>
<div class="box-2-out">
<div class="box-2 fifthy" onclick="box2Click('box-7-8')" onmouseover="box2Click('box-7-8')">
<div class="header" id="box-7-8"><strong>Hoş Geldin Dönemi
<br />
içindeyseniz</strong></div>
<div class="triangle-box hide" id="box-7-8-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="box-2 fifthy" onclick="box2Click('box-8-8')" onmouseover="box2Click('box-8-8')">
<div class="header active" id="box-8-8"><strong>Hoş Geldin Dönemi’niz<br />
bittiyse</strong>
</div>
<div class="triangle-box show" id="box-8-8-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="content hide" id="box-7-8-content">
<div class="margin-top-15">&nbsp;</div>
<div style="width: 100%;">
<center style="display: flex; flex-flow: column; place-content: center; align-items: center;">
<p class="base grey-text" style="margin-left: 10px; margin-top: 10px; font-size: 16px !important;">Turuncu Ekstra programına katılarak ve seçili yatırım fonlarında birikimlerinizi değerlendirerek <strong>90 günlük</strong> Hoş Geldin Dönemi’nizi <strong>150 güne kadar</strong> uzatabilirsiniz.
</p>
</center>
<div>
<div style="width: 96%; margin-left: 2%; display: flex; flex-flow: row; place-content: center space-between; margin-bottom: 15px;">
<style>
</style>
<div class="kbx1" style="width: 49%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 10px; padding: 23px 0px 10px; position: relative;">
<p style="color: black; font-weight: bold; margin-bottom: 12px; line-height: 27px; font-size: 25px !important; text-align: center;">Turuncu Ekstra ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 20px; font-size: 20px !important;">ek 30 gün</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm:hover {
    background-color: white;
    }
    .accordion-content-cstm {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm {
    display: none;
    }
    .accordion-checkbox-cstm:checked ~ .accordion-content-cstm {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn1 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm">
<div class="accordion-item-cstm">
<input type="checkbox" id="accordion-checkbox-1" class="accordion-checkbox-cstm" data-gtm-form-interact-field-id="0" />
<label for="accordion-checkbox-1" class="accordion-label-cstm">
<div class="acrdbtn1" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm" style="padding-top: 0px; width: 85%; background-color: white; margin-left: 7px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">Turuncu Ekstra programında
belirlenen miktarda puan toplayarak
Hoş Geldin Dönemi’nize 30 gün daha
ekleyebilirsiniz.<br />
<br />
Turuncu Ekstra hakkında detaylı bilgi
için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/turuncu-ekstra" target="blank" onclick="return false;">tıklayın.</a> </p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-1');
        const acrdbtn1 = document.querySelector('.acrdbtn1');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn1.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn1.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx2" style="width: 49%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 10px; padding: 25px 0px 10px; position: relative;">
<p style="color: black; font-weight: bold; margin-bottom: 18px; font-size: 25px !important;">Yatırım Fonu ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 20px; font-size: 20px !important;">ek 30 gün</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm2 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm2 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm2:hover {
    background-color: white;
    }
    .accordion-content-cstm2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm2 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm2 {
    display: none;
    }
    .accordion-checkbox-cstm2:checked ~ .accordion-content-cstm2 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn2 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm2">
<div class="accordion-item-cstm2">
<input type="checkbox" id="accordion-checkbox-2" class="accordion-checkbox-cstm2" data-gtm-form-interact-field-id="1" />
<label for="accordion-checkbox-2" class="accordion-label-cstm2">
<div class="acrdbtn2" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm2" style="padding-top: 0px; width: 85%; background-color: white; margin-left: 7px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 0px; font-size: 0.9rem !important;">Birikimlerinizin bir kısmını seçili
yatırım fonlarında değerlendirerek
Hoş Geldin Dönemi’nize 30 gün
<br />
daha ekleyebilirsiniz.<br />
<br />
Seçili fonları ve bulundurmanız
gereken fon miktarını öğrenmek
<br />
için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/yatirim-fonu-ve-eturuncu" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-2');
        const acrdbtn2 = document.querySelector('.acrdbtn2');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn2.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn2.style.transform = 'none';
            }
        });
    });
</script>
</div>
</div>
<p style="color: #494949; margin-bottom: 20px; margin-top: 5px; margin-left: 15px; font-size: 0.9rem !important; text-align: center;">* Belirtilen ürünlerin kullanımında herhangi bir sıralama bulunmaz.<br />
** Turuncu Çocuk Hesabı’nda Bitmeyen Hoş Geldin Faizi uygulanmaz. </p>
</div>
</div>
</div>
<div class="content" id="box-8-8-content"><br />
<br />
<br />
<center>
<p class="base grey-text" style="margin-left: 10px !important; margin-top: 20px !important; font-size: 16px !important;">Ek faiz kazandıran ürünleri kullanarak faiz oranınızı artırabilir ve <strong>Bitmeyen Hoş Geldin Faizi</strong>’nden yararlanabilirsiniz. </p>
</center>
<div class="kbx5" style="width: 95%; display: flex; flex-flow: column; place-content: center space-between; margin-top: 35px; height: auto; margin-left: 2%; border: 1px solid #f0f0f0; border-radius: 5px; align-items: center; position: relative;">
<div style="width: 100%; display: flex; flex-flow: row; place-content: center; align-items: center; margin-top: 10px !important;">
<div style="width: 50%; height: auto; display: flex; flex-flow: column; place-content: center; align-items: center;">
<p style="color: black; font-weight: bold; line-height: 30px; margin-top: 10px; font-size: 25px !important; margin-bottom: 0px !important; text-align: center;">Turuncu Ekstra ile</p>
<p style="color: #ff6200; font-weight: bold; margin-top: 11px; font-size: 20px !important; margin-bottom: 17px !important;">%12’ye varan ek faiz</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
</div>
<div>
</div>
</div>
<div>
<style>
    .accordion-cstm3 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm3 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm3:hover {
    background-color: white;
    }
    .accordion-content-cstm3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 0 15px;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm3 {
    display: none;
    }
    .accordion-checkbox-cstm3:checked ~ .accordion-content-cstm3 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn3 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm3">
<div class="accordion-item-cstm3" style="height: auto;">
<input type="checkbox" id="accordion-checkbox-3" class="accordion-checkbox-cstm3" data-gtm-form-interact-field-id="2" />
<label for="accordion-checkbox-3" class="accordion-label-cstm3">
<div class="acrdbtn3" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm3" style="width: 530px; height: auto; margin-left: 0px; border-radius: 20px;">
<div style="display: flex; flex-flow: row; place-content: center; width: 100% !important; margin-bottom: 0px !important; margin-top: 0px !important;">
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center; border-right: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%8 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; margin-bottom: -3px !important; text-align: center;">Turuncu Ekstra Plus</p>
<span style="font-size: 16px;">6.000 Puan</span>
</div>
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center; border-right: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%9 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; text-align: center;">Turuncu Ekstra Ultra</p>
<span style="margin-bottom: -3px !important; font-size: 16px;">12.000 Puan</span>
</div>
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center; margin-left: 20px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%12 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; text-align: center;">Turuncu Ekstra Premium</p>
<span style="margin-bottom: -3px !important; font-size: 16px;">22.000 Puan</span>
</div>
</div>
<div></div>
</div>
<div class="accordion-content-cstm3" style="width: 530px; background-color: #f0f0f0; height: auto; margin-left: 0px; border-radius: 20px;">
<span style="font-weight: bold; color: #ff6200;">Nasıl puan kazanırım?</span>
<div style="width: 90%; height: auto; margin-left: 5%; margin-top: 10px; display: flex; align-items: center; padding: 10px 0px 20px; border-bottom: 1px solid black; flex-flow: row; place-content: center flex-start;">
<div style="margin-right: 55px;"><span style="display: flex; text-align: left; font-weight: bold; font-size: 15px; line-height: 17px; color: black;">ING hesabınıza her<br />
ay para yatırarak</span></div>
<div style="margin-right: 50px;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 25px; height: 26px;" /></div>
<div style="display: flex; flex-flow: column; place-content: flex-start; align-items: flex-start;"><span style="font-weight: bold; font-size: 12px;"> 22.000 - 45.000 TL &gt; 6.000 Puan</span><span style="font-weight: bold; font-size: 12px;"> 45.001 - 90.000 TL &gt; 12.000Puan</span><span style="font-weight: bold; font-size: 12px;"> 90.001 TL ve üzeri &gt; 22.000Puan</span></div>
</div>
<div style="width: 90%; height: auto; margin-left: 5%; margin-top: 10px; display: flex; align-items: center; padding: 10px 0px 20px; border-bottom: 1px solid black; flex-flow: row; place-content: center flex-start;">
<div style="margin-right: 61px;"><span style="display: flex; text-align: left; font-weight: bold; font-size: 15px; line-height: 17px; color: black;">Turuncu Ekstra<br />
Banka Kartı'nız ile<br />
harcama yaparak</span></div>
<div style="margin-right: 49px;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 25px; height: 26px;" /></div>
<div style="display: flex; flex-flow: column; place-content: flex-start; align-items: flex-start;"><span style="font-weight: bold; font-size: 12px;">1 TL harcama = 1 Puan</span></div>
</div>
<div style="width: 90%; height: auto; margin-left: 5%; margin-top: 10px; display: flex; align-items: center; padding: 10px 0px 20px; flex-flow: row; place-content: center flex-start;">
<div style="margin-right: 39px;"><span style="display: flex; text-align: left; font-weight: bold; font-size: 15px; line-height: 17px; color: black;">Vadesiz hesabınızdan<br />
fatura ödeyerek</span></div>
<div style="margin-right: 46px;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 25px; height: 26px;" /></div>
<div style="display: flex; flex-flow: column; place-content: flex-start; align-items: flex-start;"><span style="font-weight: bold; font-size: 12px;">1 TL harcama = 1 Puan</span></div>
</div>
<p style="display: flex; flex-flow: row; place-content: center; align-items: center; margin-top: 0px; margin-bottom: 0px; margin-left: 25px !important; text-align: left;">Turuncu Ekstra programıyla, vadesiz hesabınızdan fatura ödeyerek, Turuncu Ekstra Banka Kartı’nız ile harcama yaparak veya başka bankadaki hesabınızdan ING hesabınıza para göndererek ay içinde belirlenen miktarda puan topladığınızda ek faizden yararlanırsınız.</p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-3');
        const acrdbtn3 = document.querySelector('.acrdbtn3');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn3.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn3.style.transform = 'none';
            }
        });
    });
</script>
</div>
</div>
<div style="width: 100%; display: flex; flex-flow: row; place-content: center space-between; margin-top: 15px; margin-bottom: 10px;">
<style>
    .bx1::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 40px;
    height: 40px;
    background-image: url(https://www.ing.com.tr/F/Documents/banner/Sizin_icin/e-turuncu-icon6.png);
    background-size: 40px 40px;
    }
    .bx2::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 40px;
    height: 40px;
    background-image: url(https://www.ing.com.tr/F/Documents/banner/Sizin_icin/e-turuncu-icon6.png);
    background-size: 40px 40px;
    }
    .bx3::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 40px;
    height: 40px;
    background-image: url(https://www.ing.com.tr/F/Documents/banner/Sizin_icin/e-turuncu-icon6.png);
    background-size: 40px 40px;
    }
    .bx4::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 40px;
    height: 40px;
    background-image: url(https://www.ing.com.tr/F/Documents/banner/Sizin_icin/e-turuncu-icon6.png);
    background-size: 40px 40px;
    }
    .bx40::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 40px;
    height: 40px;
    background-image: url(https://www.ing.com.tr/F/Documents/Images/hosgeldindonemiicindeyimicon1_31.05.24.png);
    background-size: 40px 40px;
    }
</style>
<div class="kbx6" style="width: 30%; display: flex; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 20px 0px 0px; position: relative; margin-left: 2%; height: auto; flex-flow: column; place-content: center flex-start;">
<p style="color: black; font-weight: bold; margin-bottom: 13px; font-size: 25px !important; line-height: normal !important; text-align: center;">Yatırım
<br />
Fonu ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 16px; font-size: 20px !important;">%9 ek faiz</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm4 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm4 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm4:hover {
    background-color: white;
    }
    .accordion-content-cstm4 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm4 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm4 {
    display: none;
    }
    .accordion-checkbox-cstm4:checked ~ .accordion-content-cstm4 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn4 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm4">
<div class="accordion-item-cstm4">
<input type="checkbox" id="accordion-checkbox-4" class="accordion-checkbox-cstm4" data-gtm-form-interact-field-id="3" />
<label for="accordion-checkbox-4" class="accordion-label-cstm4">
<div class="acrdbtn4" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm4" style="padding-top: 0px; width: 75%; margin-left: 8px; background-color: white; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">Birikimlerinizin bir kısmını seçili yatırım
fonlarında değerlendirerek ek
faizden yararlanırsınız.
<br />
<br />
Seçili fonları ve
bulundurmanız gereken
fon miktarını öğrenmek
için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/yatirim-fonu-ve-eturuncu" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-4');
        const acrdbtn4 = document.querySelector('.acrdbtn4');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn4.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn4.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx7" style="width: 30%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 20px 0px 0px; position: relative; height: auto;">
<p style="color: black; font-weight: bold; margin-bottom: 13px; font-size: 25px !important; line-height: normal !important; text-align: center;">Sigorta<br />
Poliçesi ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 16px; font-size: 20px !important;">%7 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm5 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm5 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm5:hover {
    background-color: white;
    }
    .accordion-content-cstm5 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm5 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm5 {
    display: none;
    }
    .accordion-checkbox-cstm5:checked ~ .accordion-content-cstm5 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn5 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm5">
<div class="accordion-item-cstm5">
<input type="checkbox" id="accordion-checkbox-5" class="accordion-checkbox-cstm5" data-gtm-form-interact-field-id="4" />
<label for="accordion-checkbox-5" class="accordion-label-cstm5">
<div class="acrdbtn5" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm5" style="padding-top: 0px; width: 75%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">· Tamamlayıcı Sağlık,<br />
· Benim Evim,<br />
· Benim Arabam,<br />
· Yaşamaya Değer Hayat
veya<br />
· Geri Ödeyen Hayat
Sigortası poliçelerinden
en az birine sahip
olduğunuzda ek faizden
yararlanırsınız.
<br />
<br />
Detaylı
bilgi için <a href="https://www.ing.com.tr/tr/sizin-icin/sigorta-ve-emeklilik" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-5');
        const acrdbtn5 = document.querySelector('.acrdbtn5');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn5.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn5.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx8" style="width: 30%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 20px 0px 0px; position: relative; margin-right: 2%; height: auto;">
<p style="color: black; font-weight: bold; margin-bottom: 13px; font-size: 25px !important; line-height: normal !important; text-align: center;">Kredi<br />
Kartı ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 16px; font-size: 20px !important;">%9 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm6 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm6 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm6:hover {
    background-color: white;
    }
    .accordion-content-cstm6 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm6 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm6 {
    display: none;
    }
    .accordion-checkbox-cstm6:checked ~ .accordion-content-cstm6 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn6 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm6">
<div class="accordion-item-cstm6">
<input type="checkbox" id="accordion-checkbox-6" class="accordion-checkbox-cstm6" data-gtm-form-interact-field-id="5" />
<label for="accordion-checkbox-6" class="accordion-label-cstm6">
<div class="acrdbtn6" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm6" style="padding-top: 0px; width: 75%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">ING Kredi Kartı ile
alışveriş yaparak en
az 10.000 TL dönem
içi harcama tutarına
ulaştığınızda bir
sonraki ekstre dönemi
boyunca ek faizden
yararlanırsınız.<br />
<br />
Detaylı
bilgi için <a href="https://www.ing.com.tr/tr/sizin-icin/kartlar/kredi-karti" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-6');
        const acrdbtn6 = document.querySelector('.acrdbtn6');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn6.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn6.style.transform = 'none';
            }
        });
    });
</script>
</div>
</div>
<div class="kbx19" style="width: 95%; display: flex; flex-flow: column; place-content: center space-between; margin-top: 15px; height: auto; margin-left: 2%; border: 1px solid #f0f0f0; border-radius: 5px; align-items: center; position: relative; margin-bottom: 25px !important;">
<div style="width: 100%; display: flex; flex-flow: row; place-content: center; align-items: center; margin-top: 10px !important;">
<div style="width: 50%; height: auto; display: flex; flex-flow: column; place-content: center; align-items: center;">
<p class="kbx19cstmcls" style="color: black; font-weight: bold; line-height: 30px; margin-top: 10px; font-size: 25px !important; margin-bottom: 0px !important; text-align: center;">BES Sözleşmesi ile</p>
<p style="color: #ff6200; font-weight: bold; margin-top: 11px; font-size: 20px !important; margin-bottom: 17px !important;">%10'a varan ek faiz</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
</div>
<div>
</div>
</div>
<div>
<style>
    .accordion-cstm0034 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 5px;
    margin-bottom: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .accordion-label-cstm0034 {
    padding: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm0034:hover {
    background-color: white;
    }
    .accordion-content-cstm0034 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 0 15px;
    }
    .accordion-checkbox-cstm0034 {
    display: none;
    }
    .accordion-checkbox-cstm0034:checked ~ .accordion-content-cstm0034 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn0034 {
    transition: transform 0.5s ease;
    }
</style>
<div class="accordion-cstm0034">
<div class="accordion-item-cstm0034" style="height: auto;">
<input type="checkbox" id="accordion-checkbox-0034" class="accordion-checkbox-cstm0034" data-gtm-form-interact-field-id="2" />
<label for="accordion-checkbox-0034" class="accordion-label-cstm0034">
<div class="acrdbtn0034" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" />
</div>
</label>
<div class="accordion-content-cstm0034" style="width: 530px; height: auto; margin-left: 0px; border-radius: 20px;">
<div style="height: auto; display: flex; flex-flow: row; place-content: center space-between; align-items: center; width: 100% !important;">
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 33% !important; border-right: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%6 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important;">0 - 9.999 TL
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important;">0 - 149.999 TL</p>
</div>
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 33% !important; border-right: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%8 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important;">10.000 - 24.999 TL
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important;">150.000 - 599.999 TL</p>
</div>
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 33% !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%10 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important;">25.000 TL ve üzeri
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important;">600.000 TL ve üzeri</p>
</div>
</div>
<p style="color: #494949; font-size: 0.9rem !important; margin-top: 40px !important; margin-left: 20px !important;">* Tüm BES sözleşmeleriniz için ödediğiniz toplam katkı payı veya ulaştığınız<br />
toplam birikim tutarına göre ek faiz kazanırsınız.
<br />
<br />
** Aylık ödeme veya birikim tutarına karşılık gelen faiz bareminden büyük olanı
<br />
ek faiz olarak tanımlanır.</p>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const checkbox = document.getElementById('accordion-checkbox-0034');
    const acrdbtn = document.querySelector('.acrdbtn0034');
    checkbox.addEventListener('change', function() {
        acrdbtn.style.transform = this.checked ? 'rotate(180deg)' : 'none';
    });
});
</script>
</div>
</div>
<p style="color: #494949; width: 89.1%; margin-left: 2%; margin-top: 10px; margin-bottom: 27px; border-radius: 10px; font-size: 0.9rem !important; background-color: #f1f1f1 !important; padding: 10px 20px !important;">
Her üründeki hedeflerin tamamlanması ek faiz kazanmanızı sağlar. Tüm hedefleri
tamamlayarak Bitmeyen Hoş Geldin Faizi’nden yararlanabilirsiniz.
<br />
<br />
Ek faiz oranları, Hoş Geldin Faizi ve standart faiz oranı günlük olarak piyasa<br />
şartlarına göre değişkenlik gösterebilir, yıllık, basit ve brüttür.
</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="only-mobile" style="margin-bottom: 80px !important;">
<span class="orange" style="line-height: 25px; font-weight: bold; font-size: 24px; color: #ff6200;">Turuncu Hesap’ta nasıl ek faiz kazanırsınız? </span><br />
<br />
<br />
<div class="box-2-out">
<div class="box-2 fifthy" onclick="box2Click('box-10-11')" onmouseover="box2Click('box-10-11')">
<div class="header active" id="box-10-11" style="line-height: normal !important;"><strong>Hoş Geldin<br />
Dönemi<br />
içindeyseniz</strong></div>
<div class="triangle-box show" id="box-10-11-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="box-2 fifthy" onclick="box2Click('box-11-11')" onmouseover="box2Click('box-11-11')">
<div class="header" id="box-11-11"><strong style="line-height: normal !important;">Hoş Geldin<br />
Dönemi’niz<br />
bittiyse</strong>
</div>
<div class="triangle-box hide" id="box-11-11-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="content " id="box-10-11-content">
<div class="margin-top-15">&nbsp;</div>
<p class="base grey-text" style="margin-left: 10px; margin-top: 0px; margin-bottom: 35px; font-size: 16px !important;">Turuncu Ekstra programına katılarak ve seçili yatırım fonlarında birikimlerinizi değerlendirerek <strong>90 günlük</strong> Hoş Geldin Dönemi’nizi <strong>150 güne kadar</strong> uzatabilirsiniz.</p>
<div class="kbx3" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; line-height: 27px; font-size: 25px !important; text-align: center;">Turuncu Ekstra ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">ek 30 gün</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm7 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm7 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm7:hover {
    background-color: white;
    }
    .accordion-content-cstm7 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm7 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm7 {
    display: none;
    }
    .accordion-checkbox-cstm7:checked ~ .accordion-content-cstm7 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn7 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm7">
<div class="accordion-item-cstm7">
<input type="checkbox" id="accordion-checkbox-7" class="accordion-checkbox-cstm7" data-gtm-form-interact-field-id="6" />
<label for="accordion-checkbox-7" class="accordion-label-cstm7">
<div class="acrdbtn7" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm7" style="padding-top: 0px; width: 94%; margin-left: 8px; background-color: white !important; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">Turuncu Ekstra programında
belirlenen miktarda puan toplayarak
Hoş Geldin Dönemi’nize 30 gün daha
ekleyebilirsiniz.<br />
<br />
Turuncu Ekstra hakkında detaylı bilgi
için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/turuncu-ekstra" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-7');
        const acrdbtn7 = document.querySelector('.acrdbtn7');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn7.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn7.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx4" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Yatırım Fonu ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">ek 30 gün</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm8 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm8 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm8:hover {
    background-color: white;
    }
    .accordion-content-cstm8 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm8 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm8 {
    display: none;
    }
    .accordion-checkbox-cstm8:checked ~ .accordion-content-cstm8 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn8 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm8">
<div class="accordion-item-cstm8">
<input type="checkbox" id="accordion-checkbox-8" class="accordion-checkbox-cstm8" data-gtm-form-interact-field-id="7" />
<label for="accordion-checkbox-8" class="accordion-label-cstm8">
<div class="acrdbtn8"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm8" style="padding-top: 0px; margin-left: 8px; width: 94% !important; background-color: white !important; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 0px; font-size: 0.9rem !important;">Birikimlerinizin bir kısmını seçili
yatırım fonlarında değerlendirerek
Hoş Geldin Dönemi’nize 30 gün
daha ekleyebilirsiniz.<br />
<br />
Seçili fonları ve bulundurmanız
gereken fon miktarını öğrenmek için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/yatirim-fonu-ve-eturuncu" target="blank" onclick="return false;">tıklayın.</a>
</p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-8');
        const acrdbtn8 = document.querySelector('.acrdbtn8');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn8.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn8.style.transform = 'none';
            }
        });
    });
</script>
</div>
<p style="color: #494949; margin-top: 20px; margin-bottom: 20px; width: 94%; margin-left: 3%; font-size: 0.9rem !important;">
* Belirtilen ürünlerin kullanımında herhangi bir sıralama bulunmaz.<br />
** Turuncu Çocuk Hesabı’nda Bitmeyen Hoş Geldin Faizi uygulanmaz.</p>
<div style="width: 100%; background-color: white; padding: 12px 0px;">
</div>
</div>
<div class="content hide" id="box-11-11-content">
<p class="base grey-text" style="margin-left: 10px; margin-top: 10px; margin-bottom: 40px; font-size: 16px !important;">Ek faiz kazandıran ürünleri kullanarak faiz oranınızı artırabilir ve <strong>Bitmeyen Hoş Geldin Faizi</strong>’nden yararlanabilirsiniz.</p>
<div class="kbx9" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; line-height: 30px; font-size: 25px !important; text-align: center;">Turuncu Ekstra ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%12'ye varan ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<div style="width: 100%;">
<style>
    .accordion-cstm9 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm9 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm9:hover {
    background-color: white;
    }
    .accordion-content-cstm9 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm9 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm9 {
    display: none;
    }
    .accordion-checkbox-cstm9:checked ~ .accordion-content-cstm9 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn9 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm9">
<div class="accordion-item-cstm9">
<input type="checkbox" id="accordion-checkbox-9" class="accordion-checkbox-cstm9" data-gtm-form-interact-field-id="8" />
<label for="accordion-checkbox-9" class="accordion-label-cstm9">
<div class="acrdbtn9"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm9" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<div style="display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important;">
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%8 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; margin-bottom: -3px !important; text-align: center;">Turuncu Ekstra Plus</p>
<span style="font-size: 16px;">6.000 Puan</span>
</div>
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center; border-bottom: 1px solid #d6d6d6 !important; padding-bottom: 15px !important; padding-top: 15px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%9 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; text-align: center;">Turuncu Ekstra Ultra</p>
<span style="margin-bottom: -3px !important; font-size: 16px;">12.000 Puan</span>
</div>
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%12 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; text-align: center;">Turuncu Ekstra Premium</p>
<span style="margin-bottom: -3px !important; font-size: 16px;">22.000 Puan</span>
</div>
</div>
</div>
<div class="accordion-content-cstm9" style="padding-top: 0px; width: 95%; background-color: white; margin-left: -6px; margin-top: 0px !important;">
<div style="width: 260px; background-color: #f0f0f0; height: auto; margin-left: 9px; padding: 20px 0px; border-radius: 10px; margin-top: 15px !important;">
<div style="width: 260px; height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; border-bottom: 1px solid black; padding-bottom: 20px;">
<span style="font-weight: bold; margin-bottom: 10px;">ING hesabınıza her<br />
ay para yatırarak</span>
<div style="display: flex; flex-flow: column; place-content: center; align-items: center;"><span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;"> 22.000 - 45.000 TL &gt; 6.000 Puan</span><span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;"> 45.001 - 90.000 TL  &gt; 12.000 Puan</span><span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;"> 90.001 TL ve üzeri &gt; 22.000 Puan</span></div>
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 20px; height: 20px; transform: rotate(90deg); margin-bottom: 10px;" /></div>
<div style="width: 260px; height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; border-bottom: 1px solid black; padding-top: 20px; padding-bottom: 20px;">
<span style="font-weight: bold; margin-bottom: 10px;">Turuncu Ekstra<br />
Banka Kart'ınız ile<br />
harcama yaparak</span>
<div style="display: flex; flex-flow: column; place-content: center; align-items: center;"><span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">1 TL harcama = 1 Puan</span></div>
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 20px; height: 20px; transform: rotate(90deg); margin-bottom: 10px;" /></div>
<div style="width: 260px; height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; padding-top: 20px;">
<span style="font-weight: bold; margin-bottom: 10px;">Vadesiz hesabınızdan<br />
fatura ödeyerek</span>
<div style="display: flex; flex-flow: column; place-content: center; align-items: center;"><span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">1 TL harcama = 1 Puan</span></div>
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 20px; height: 20px; transform: rotate(90deg); margin-bottom: 10px;" /></div>
<br />
<span style="font-size: 12px; display: flex; flex-flow: column; place-content: flex-start center; align-items: flex-start; line-height: 17px !important; text-align: left !important; padding: 10px !important;">Turuncu Ekstra programıyla, vadesiz hesabınızdan fatura ödeyerek, Turuncu Ekstra Banka Kartı’nız ile harcama yaparak veya başka bankadaki hesabınızdan ING hesabınıza para göndererek ay içinde belirlenen miktarda puan topladığınızda ek faizden yararlanırsınız.</span>
</div>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-9');
        const acrdbtn9 = document.querySelector('.acrdbtn9');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn9.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn9.style.transform = 'none';
            }
        });
    });
</script>
</div>
</div>
<div class="kbx10" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Yatırım
Fonu ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%9 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm10 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm10 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm10:hover {
    background-color: white;
    }
    .accordion-content-cstm10 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm10 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm10 {
    display: none;
    }
    .accordion-checkbox-cstm10:checked ~ .accordion-content-cstm10 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn10 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm10">
<div class="accordion-item-cstm10">
<input type="checkbox" id="accordion-checkbox-10" class="accordion-checkbox-cstm10" data-gtm-form-interact-field-id="9" />
<label for="accordion-checkbox-10" class="accordion-label-cstm10">
<div class="acrdbtn10"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm10" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">Birikimlerinizin bir kısmını seçili yatırım
fonlarında değerlendirerek ek
faizden yararlanırsınız.
<br />
<br />
Seçili fonları ve
bulundurmanız gereken
fon miktarını öğrenmek
için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/yatirim-fonu-ve-eturuncu" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-10');
        const acrdbtn10 = document.querySelector('.acrdbtn10');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn10.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn10.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx11" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Sigorta Poliçesi ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%7 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm11 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm11 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm11:hover {
    background-color: white;
    }
    .accordion-content-cstm11 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm11 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm11 {
    display: none;
    }
    .accordion-checkbox-cstm11:checked ~ .accordion-content-cstm11 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn11 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm11">
<div class="accordion-item-cstm11">
<input type="checkbox" id="accordion-checkbox-11" class="accordion-checkbox-cstm11" data-gtm-form-interact-field-id="10" />
<label for="accordion-checkbox-11" class="accordion-label-cstm11">
<div class="acrdbtn11" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm11" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">· Tamamlayıcı Sağlık,<br />
· Benim Evim,<br />
·Benim Arabam,<br />
·Yaşamaya Değer Hayat
veya<br />
· Geri Ödeyen Hayat
Sigortası poliçelerinden
en az birine sahip
olduğunuzda ek faizden
yararlanırsınız.<br />
<br />
Detaylı
bilgi için <a href="https://www.ing.com.tr/tr/sizin-icin/sigorta-ve-emeklilik" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-11');
        const acrdbtn11 = document.querySelector('.acrdbtn11');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn11.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn11.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx12" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Kredi Kartı ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%9 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm12 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    /* background-color: green; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm12 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm12:hover {
    background-color: white;
    }
    .accordion-content-cstm12 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm12 p {
    margin: 15px 0;
    }
    /* Checkbox ile içerik kontrolü */
    .accordion-checkbox-cstm12 {
    display: none;
    }
    .accordion-checkbox-cstm12:checked ~ .accordion-content-cstm12 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn12 {
    transition: transform 0.5s ease; /* Dönüş animasyonu için geçiş efekti */
    }
    .rotate-180 {
    transform: rotate(180deg); /* 180 derece döndürme */
    }
</style>
<div class="accordion-cstm12">
<div class="accordion-item-cstm12">
<input type="checkbox" id="accordion-checkbox-12" class="accordion-checkbox-cstm12" data-gtm-form-interact-field-id="11" />
<label for="accordion-checkbox-12" class="accordion-label-cstm12">
<div class="acrdbtn12" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm12" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">ING Kredi Kartı ile
alışveriş yaparak en
az 10.000 TL dönem
içi harcama tutarına
ulaştığınızda bir
sonraki ekstre dönemi
boyunca ek faizden
yararlanırsınız.<br />
<br />
Detaylı
bilgi için <a href="https://www.ing.com.tr/tr/sizin-icin/kartlar/kredi-karti" target="blank" onclick="return false;">tıklayın.</a></p>
</div>
</div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('accordion-checkbox-12');
        const acrdbtn12 = document.querySelector('.acrdbtn12');
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                acrdbtn12.style.transform = 'rotate(180deg)';
            } else {
                acrdbtn12.style.transform = 'none';
            }
        });
    });
</script>
</div>
<div class="kbx20" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p class="kbx20cstmcls" style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">BES Sözleşmesi ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%10’a varan ek faiz</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm0020 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 5px;
    margin-bottom: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .accordion-label-cstm0020 {
    padding: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm0020:hover {
    background-color: white;
    }
    .accordion-content-cstm0020 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm0020 p {
    margin: 15px 0;
    }
    .accordion-checkbox-cstm0020 {
    display: none;
    }
    .accordion-checkbox-cstm0020:checked ~ .accordion-content-cstm0020 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn0020 {
    transition: transform 0.5s ease;
    }
</style>
<div class="accordion-cstm0020">
<div class="accordion-item-cstm0020">
<input type="checkbox" id="accordion-checkbox-0020" class="accordion-checkbox-cstm0020" data-gtm-form-interact-field-id="2" />
<label for="accordion-checkbox-0020" class="accordion-label-cstm0020">
<div class="acrdbtn0020" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" />
</div>
</label>
<div class="accordion-content-cstm0020" style="width: 100%; background-color: white; padding: 0px !important; margin: 0px !important;">
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important;">
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 200px !important; border-bottom: 1px solid #d6d6d6 !important; padding-bottom: 20px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%6 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important; margin-top: 0px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">0 - 9.999 TL
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">0 - 149.999 TL</p>
</div>
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 200px !important; border-bottom: 1px solid #d6d6d6 !important; padding-top: 20px !important; padding-bottom: 20px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%8 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important; margin-top: 0px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">10.000 - 24.999 TL
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">150.000 - 599.999 TL</p>
</div>
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 200px !important; padding-top: 20px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%10 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important; margin-top: 0px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">25.000 TL ve üzeri
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">600.000 TL ve üzeri</p>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const checkbox = document.getElementById('accordion-checkbox-0020');
    const acrdbtn = document.querySelector('.acrdbtn0020');
    checkbox.addEventListener('change', function() {
        acrdbtn.style.transform = this.checked ? 'rotate(180deg)' : 'none';
    });
});
</script>
</div>
<div style="width: 100%; background-color: white; padding: 12px 0px;">
</div>
<p style="color: #494949; width: 90.1%; margin-left: 5%; margin-top: 10px; margin-bottom: 27px; border-radius: 10px; font-size: 0.9rem !important; background-color: #f1f1f1 !important; padding: 10px 20px !important;">
Her üründeki hedeflerin tamamlanması ek faiz kazanmanızı sağlar. Tüm hedefleri
tamamlayarak Bitmeyen Hoş Geldin Faizi’nden yararlanabilirsiniz.
<br />
<br />
Ek faiz oranları, Hoş Geldin Faizi ve standart faiz oranı günlük olarak piyasa<br />
şartlarına göre değişkenlik gösterebilir, yıllık, basit ve brüttür.
</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="only-tablet" style="margin-bottom: 80px !important;">
<span class="orange" style="line-height: 25px; font-weight: bold; font-size: 24px; color: #ff6200;">Turuncu Hesap’ta nasıl ek faiz kazanırsınız? </span><br />
<br />
<br />
<div class="box-2-out">
<div class="box-2 fifthy" onclick="box2Click('box-0050-0051')" onmouseover="box2Click('box-0050-0051')">
<div class="header active" id="box-0050-0051" style="line-height: normal !important;"><strong>Hoş Geldin<br />
Dönemi<br />
içindeyseniz</strong></div>
<div class="triangle-box show" id="box-0050-0051-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="box-2 fifthy" onclick="box2Click('box-0051-0051')" onmouseover="box2Click('box-0051-0051')">
<div class="header" id="box-0051-0051"><strong style="line-height: normal !important;">Hoş Geldin<br />
Dönemi’niz<br />
bittiyse</strong>
</div>
<div class="triangle-box hide" id="box-0051-0051-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="content " id="box-0050-0051-content">
<div class="margin-top-15">&nbsp;</div>
<p class="base grey-text" style="margin-left: 10px; margin-top: 0px; margin-bottom: 35px; font-size: 16px !important;">Turuncu Ekstra programına katılarak ve seçili yatırım fonlarında birikimlerinizi değerlendirerek <strong>90 günlük</strong> Hoş Geldin Dönemi’nizi <strong>150 güne kadar</strong> uzatabilirsiniz.</p>
<div class="kbx13" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; line-height: 27px; font-size: 25px !important; text-align: center;">Turuncu Ekstra ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">ek 30 gün</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm13 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 5px;
    margin-bottom: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .accordion-label-cstm13 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm13:hover {
    background-color: white;
    }
    .accordion-content-cstm13 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm13 p {
    margin: 15px 0;
    }
    /* Checkbox kontrolü */
    .accordion-checkbox-cstm13 {
    display: none;
    }
    .accordion-checkbox-cstm13:checked ~ .accordion-content-cstm13 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn13 {
    transition: transform 0.5s ease;
    }
    .rotate-180 {
    transform: rotate(180deg);
    }
</style>
<div class="accordion-cstm13">
<div class="accordion-item-cstm13">
<input type="checkbox" id="accordion-checkbox-13" class="accordion-checkbox-cstm13" data-gtm-form-interact-field-id="0" />
<label for="accordion-checkbox-13" class="accordion-label-cstm13">
<div class="acrdbtn13" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm13" style="padding-top: 0px; width: 94%; margin-left: 8px; background-color: white !important; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">
Turuncu Ekstra programında belirlenen miktarda puan toplayarak
Hoş Geldin Dönemi’nize 30 gün daha ekleyebilirsiniz.<br />
<br />
Turuncu Ekstra hakkında detaylı bilgi için
<a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/turuncu-ekstra" target="blank" onclick="return false;">tıklayın.</a>
</p>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const checkbox = document.getElementById('accordion-checkbox-13');
    const acrdbtn13 = document.querySelector('#accordion-checkbox-13 + label .acrdbtn13');
    checkbox.addEventListener('change', function() {
        acrdbtn13.style.transform = this.checked ? 'rotate(180deg)' : 'none';
    });
});
</script>
</div>
<div class="kbx14" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Yatırım Fonu ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">ek 30 gün</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm14 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm14 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm14:hover {
    background-color: white;
    }
    .accordion-content-cstm14{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm14 p {
    margin: 15px 0;
    }
    .accordion-checkbox-cstm14 {
    display: none;
    }
    .accordion-checkbox-cstm14:checked ~ .accordion-content-cstm14 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn14 {
    transition: transform 0.5s ease;
    }
    .rotate-180 {
    transform: rotate(180deg);
    }
</style>
<div class="accordion-cstm14">
<div class="accordion-item-cstm14">
<input type="checkbox" id="accordion-checkbox-14" class="accordion-checkbox-cstm14" data-gtm-form-interact-field-id="14" />
<label for="accordion-checkbox-14" class="accordion-label-cstm14">
<div class="acrdbtn14" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm14" style="padding-top: 0px; margin-left: 8px; width: 94% !important; background-color: white !important; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 0px; font-size: 0.9rem !important;">
Birikimlerinizin bir kısmını seçili yatırım fonlarında değerlendirerek Hoş Geldin Dönemi’nize 30 gün daha ekleyebilirsiniz.<br />
<br />
Seçili fonları ve bulundurmanız gereken fon miktarını öğrenmek için
<a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/yatirim-fonu-ve-eturuncu" target="blank" onclick="return false;">tıklayın.</a>
</p>
</div>
</div>
</div>
<script>



document.addEventListener('DOMContentLoaded', function() {







    const checkbox = document.getElementById('accordion-checkbox-14');



    const acrdbtn14 = document.querySelector('#accordion-checkbox-14 + label .acrdbtn14');







    checkbox.addEventListener('change', function() {



        acrdbtn14.style.transform = this.checked ? 'rotate(180deg)' : 'none';



    });







});



</script>
</div>
<p style="color: #494949; margin-top: 20px; margin-bottom: 20px; width: 94%; margin-left: 3%; font-size: 0.9rem !important;">
* Belirtilen ürünlerin kullanımında herhangi bir sıralama bulunmaz.<br />
** Turuncu Çocuk Hesabı’nda Bitmeyen Hoş Geldin Faizi uygulanmaz.</p>
<div style="width: 100%; background-color: white; padding: 12px 0px;">
</div>
</div>
<div class="content hide" id="box-0051-0051-content">
<p class="base grey-text" style="margin-left: 10px; margin-top: 10px; margin-bottom: 40px; font-size: 16px !important;">Ek faiz kazandıran ürünleri kullanarak faiz oranınızı artırabilir ve <strong>Bitmeyen Hoş Geldin Faizi</strong>’nden yararlanabilirsiniz.</p>
<div class="kbx15" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; line-height: 30px; font-size: 25px !important; text-align: center;">Turuncu Ekstra ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%12’ye varan ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<div style="width: 100%;">
<style>
    .accordion-cstm15 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm15 {
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    }
    .accordion-label-cstm15:hover {
    background-color: white;
    }
    .accordion-content-cstm15 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-checkbox-cstm15 {
    display: none;
    }
    .accordion-checkbox-cstm15:checked ~ .accordion-content-cstm15 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn15 {
    transition: transform 0.5s ease;
    }
    .rotate-180 {
    transform: rotate(180deg);
    }
</style>
<div class="accordion-cstm15">
<div class="accordion-item-cstm15" style="display: flex; flex-flow: column; place-content: center; align-items: center; width: 90% !important;">
<input type="checkbox" id="accordion-checkbox-15" class="accordion-checkbox-cstm15" data-gtm-form-interact-field-id="1" />
<label for="accordion-checkbox-15" class="accordion-label-cstm15">
<div class="acrdbtn15" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm15" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<div style="display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important;">
<div style="width: 60%; display: flex; flex-flow: column; place-content: center; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%8 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; margin-bottom: -3px !important; text-align: center;">Turuncu Ekstra Plus</p>
<span style="font-size: 16px;">6.000 Puan</span>
</div>
<div style="width: 60%; display: flex; flex-flow: column; place-content: center; align-items: center; border-bottom: 1px solid #d6d6d6 !important; padding-bottom: 15px !important; padding-top: 15px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%9 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; text-align: center;">Turuncu Ekstra Ultra</p>
<span style="margin-bottom: -3px !important; font-size: 16px;">12.000 Puan</span>
</div>
<div style="width: 100%; display: flex; flex-flow: column; place-content: center; align-items: center; padding-top: 15px !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 23px !important; margin-bottom: 15px !important;">%12 Ek Faiz</p>
<p style="color: black; font-weight: bold; line-height: 30px; font-size: 15px !important; text-align: center;">Turuncu Ekstra Premium</p>
<span style="margin-bottom: -3px !important; font-size: 16px;">22.000 Puan</span>
</div>
</div>
</div>
<div class="accordion-content-cstm15" style="padding-top: 0px; width: 95%; background-color: white; margin-left: -6px; display: flex; flex-flow: column; place-content: center; align-items: center; margin-top: 0px !important;">
<div style="background-color: #f0f0f0; height: auto; padding: 20px 0px; border-radius: 10px; display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important; margin-top: 15px !important; margin-left: 1.5% !important;">
<div style="width: 400px; display: flex; flex-flow: column; align-items: center; border-bottom: 1px solid black; padding-bottom: 20px;">
<span style="font-weight: bold; margin-bottom: 10px;">ING hesabınıza her ay para yatırarak</span>
<div style="display: flex; flex-flow: column; align-items: center;">
<span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">22.000 - 45.000 TL  &gt; 6.000 Puan</span>
<span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">45.001 - 90.000 TL &gt; 12.000 Puan</span>
<span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">90.001 TL ve üzeri &gt; 22.000 Puan</span>
</div>
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 20px; height: 20px; transform: rotate(90deg); margin-bottom: 10px;" /></div>
<div style="width: 390px; display: flex; flex-flow: column; align-items: center; border-bottom: 1px solid black; padding-top: 20px; padding-bottom: 20px;">
<span style="font-weight: bold; margin-bottom: 10px;">Turuncu Ekstra Banka Kart'ınız ile harcama yaparak</span>
<div style="display: flex; flex-flow: column; align-items: center;">
<span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">1 TL harcama = 1 Puan</span>
</div>
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 20px; height: 20px; transform: rotate(90deg); margin-bottom: 10px;" /></div>
<div style="width: 390px; display: flex; flex-flow: column; align-items: center; padding-top: 20px;">
<span style="font-weight: bold; margin-bottom: 10px;">Vadesiz hesabınızdan fatura ödeyerek</span>
<div style="display: flex; flex-flow: column; align-items: center;">
<span style="margin-bottom: 5px; font-weight: bold; font-size: 14px;">1 TL harcama = 1 Puan</span>
</div>
<br />
<span style="font-size: 12px; display: flex; flex-flow: column; align-items: flex-start; line-height: 17px !important; text-align: left !important; padding: 10px !important;">Turuncu Ekstra programıyla, vadesiz hesabınızdan fatura ödeyerek, Turuncu Ekstra Banka Kartı’nız ile harcama yaparak veya başka bankadaki hesabınızdan ING hesabınıza para göndererek ay içinde belirlenen miktarda puan topladığınızda ek faizden yararlanırsınız.</span>
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/arrowicon10.png" style="width: 20px; height: 20px; transform: rotate(90deg); margin-bottom: 10px;" /></div>
</div>
</div>
</div>
<script>



document.addEventListener('DOMContentLoaded', function() {







    const checkbox = document.getElementById('accordion-checkbox-15');



    const acrdbtn15 = document.querySelector('#accordion-checkbox-15 + label .acrdbtn15');







    checkbox.addEventListener('change', function() {



        acrdbtn15.style.transform = this.checked ? 'rotate(180deg)' : 'none';



    });







});



</script>
</div>
</div>
</div>
<div class="kbx16" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Yatırım
Fonu ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%9 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm16 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm16 {
    padding: 5px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm16:hover {
    background-color: white;
    }
    .accordion-content-cstm16 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm16 p {
    margin: 15px 0;
    }
    .accordion-checkbox-cstm16 {
    display: none;
    }
    .accordion-checkbox-cstm16:checked ~ .accordion-content-cstm16 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn16 {
    transition: transform 0.5s ease;
    }
</style>
<div class="accordion-cstm16">
<div class="accordion-item-cstm16">
<input type="checkbox" id="accordion-checkbox-16" class="accordion-checkbox-cstm16" data-gtm-form-interact-field-id="2" />
<label for="accordion-checkbox-16" class="accordion-label-cstm16">
<div class="acrdbtn16" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm16" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">
Birikimlerinizin bir kısmını seçili yatırım fonlarında değerlendirerek ek faizden yararlanırsınız.
<br />
<br />
Seçili fonları ve bulundurmanız gereken fon miktarını öğrenmek için
<a href="https://www.ing.com.tr/tr/sizin-icin/mevduat/yatirim-fonu-ve-eturuncu" target="blank" onclick="return false;">tıklayın.</a>
</p>
</div>
</div>
</div>
<script>



document.addEventListener('DOMContentLoaded', function() {







    const checkbox = document.getElementById('accordion-checkbox-16');



    const acrdbtn16 = document.querySelector('#accordion-checkbox-16 + label .acrdbtn16');







    checkbox.addEventListener('change', function() {



        acrdbtn16.style.transform = this.checked ? 'rotate(180deg)' : 'none';



    });







});



</script>
</div>
<div class="kbx17" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Sigorta Poliçesi ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%7 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm17 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm17 {
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm17:hover {
    background-color: white;
    }
    .accordion-content-cstm17 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm17 p {
    margin: 15px 0;
    }
    .accordion-checkbox-cstm17 {
    display: none;
    }
    .accordion-checkbox-cstm17:checked ~ .accordion-content-cstm17 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn17 {
    transition: transform 0.5s ease;
    }
</style>
<div class="accordion-cstm17">
<div class="accordion-item-cstm17">
<input type="checkbox" id="accordion-checkbox-17" class="accordion-checkbox-cstm17" data-gtm-form-interact-field-id="3" />
<label for="accordion-checkbox-17" class="accordion-label-cstm17">
<div class="acrdbtn17" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm17" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">
· Tamamlayıcı Sağlık,<br />
· Benim Evim,<br />
· Benim Arabam,<br />
· Yaşamaya Değer Hayat veya<br />
· Geri Ödeyen Hayat Sigortası poliçelerinden en az birine sahip olduğunuzda ek faizden yararlanırsınız.
<br />
<br />
Detaylı bilgi için <a href="https://www.ing.com.tr/tr/sizin-icin/sigorta-ve-emeklilik" target="blank" onclick="return false;">tıklayın.</a>
</p>
</div>
</div>
</div>
<script>



document.addEventListener('DOMContentLoaded', function () {







    const checkbox = document.getElementById('accordion-checkbox-17');



    const acrdbtn17 = document.querySelector('#accordion-checkbox-17 + label .acrdbtn17');







    checkbox.addEventListener('change', function () {



        acrdbtn17.style.transform = this.checked ? 'rotate(180deg)' : 'none';



    });







});



</script>
</div>
<div class="kbx18" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">Kredi Kartı ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%9 ek faiz </p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm18 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 8px;
    }
    .accordion-label-cstm18 {
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm18:hover {
    background-color: white;
    }
    .accordion-content-cstm18 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: green;
    padding: 0 15px;
    }
    .accordion-content-cstm18 p {
    margin: 15px 0;
    }
    .accordion-checkbox-cstm18 {
    display: none;
    }
    .accordion-checkbox-cstm18:checked ~ .accordion-content-cstm18 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn18 {
    transition: transform 0.5s ease;
    }
</style>
<div class="accordion-cstm18">
<div class="accordion-item-cstm18">
<input type="checkbox" id="accordion-checkbox-18" class="accordion-checkbox-cstm18" data-gtm-form-interact-field-id="4" />
<label for="accordion-checkbox-18" class="accordion-label-cstm18">
<div class="acrdbtn18" style="transform: none;"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" /></div>
</label>
<div class="accordion-content-cstm18" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px;">
<p style="color: #494949; margin-top: 5px; margin-bottom: 15px; font-size: 0.9rem !important;">
ING Kredi Kartı ile alışveriş yaparak en az 10.000 TL dönem içi harcama tutarına ulaştığınızda bir sonraki ekstre dönemi boyunca ek faizden yararlanırsınız.
<br />
<br />
Detaylı bilgi için <a href="https://www.ing.com.tr/tr/sizin-icin/kartlar/kredi-karti" target="blank" onclick="return false;">tıklayın.</a>
</p>
</div>
</div>
</div>
<script>



document.addEventListener('DOMContentLoaded', function() {







    const checkbox = document.getElementById('accordion-checkbox-18');



    const acrdbtn18 = document.querySelector('#accordion-checkbox-18 + label .acrdbtn18');







    checkbox.addEventListener('change', function() {



        acrdbtn18.style.transform = this.checked ? 'rotate(180deg)' : 'none';



    });







});



</script>
</div>
<div class="kbx21" style="width: 92%; display: flex; flex-flow: column; place-content: center flex-start; align-items: center; border: 1px solid #f0f0f0; border-radius: 5px; padding: 30px 0px 10px; position: relative; margin-left: 4%; margin-top: 50px;">
<p style="color: black; font-weight: bold; margin-bottom: 15px; font-size: 25px !important;">BES Sözleşmesi ile</p>
<p style="color: #ff6200; font-weight: bold; margin-bottom: 15px; font-size: 20px !important;">%10’a varan ek faiz</p>
<span style="font-size: 15px; color: #ff6200;">Detaylı Bilgi</span>
<style>
    .accordion-cstm0021 {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 100%;
    display: flex;
    margin-top: 5px;
    margin-bottom: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .accordion-label-cstm0021 {
    padding: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    }
    .accordion-label-cstm0021:hover {
    background-color: white;
    }
    .accordion-content-cstm0021 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 0 15px;
    }
    .accordion-content-cstm0021 p {
    margin: 15px 0;
    }
    .accordion-checkbox-cstm0021 {
    display: none;
    }
    .accordion-checkbox-cstm0021:checked ~ .accordion-content-cstm0021 {
    max-height: 1000px;
    padding: 15px;
    width: 110%;
    margin-left: -10%;
    }
    .acrdbtn0021 {
    transition: transform 0.5s ease;
    }
</style>
<div class="accordion-cstm0021">
<div class="accordion-item-cstm0021">
<input type="checkbox" id="accordion-checkbox-0021" class="accordion-checkbox-cstm0021" data-gtm-form-interact-field-id="3" />
<label for="accordion-checkbox-0021" class="accordion-label-cstm0021">
<div class="acrdbtn0021" style="transform: none;">
<img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/down-arrow.png" style="width: 20px !important;" />
</div>
</label>
<div class="accordion-content-cstm0021" style="padding-top: 0px; width: 95%; background-color: white; margin-left: 8px; margin-top: 0px !important;">
<div style="height: auto; display: flex; flex-flow: row; place-content: center space-between; align-items: center; width: 100% !important;">
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 33% !important; border-right: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%7 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important; margin-top: 0px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">0 - 9.999 TL
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">0 - 149.999 TL</p>
</div>
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 33% !important; border-right: 1px solid #d6d6d6 !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%8 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important; margin-top: 0px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">10.000 - 24.999 TL
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">150.000 - 599.999 TL</p>
</div>
<div style="height: auto; display: flex; flex-flow: column; place-content: center; align-items: center; width: 33% !important;">
<p style="color: #ff6200; font-weight: bold; font-size: 20px !important; margin-bottom: 15px !important;">%10 Ek Faiz</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important; margin-top: 0px !important;">Aylık Ödeme</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">25.000 TL ve üzeri
</p>
<p class="customaccordtabclass" style="color: #494949; font-size: 0.9rem !important; margin-top: 10px !important; margin-bottom: 10px !important;">veya</p>
<p style="color: #494949; font-size: 0.9rem !important; margin-bottom: 5px !important;">Toplam Birikim</p>
<p style="color: #494949; font-size: 0.8rem !important; font-weight: bold !important; margin-top: 0px !important;">600.000 TL ve üzeri</p>
</div>
</div>
<p style="color: #494949; font-size: 0.9rem !important; margin-top: 40px !important; margin-left: 20px !important;">* Tüm BES sözleşmeleriniz için ödediğiniz toplam katkı payı veya ulaştığınız<br />
toplam birikim tutarına göre ek faiz kazanırsınız.
<br />
<br />
** Aylık ödeme veya birikim tutarına karşılık gelen faiz bareminden büyük olanı
<br />
ek faiz olarak tanımlanır.</p>
</div>
</div>
</div>
<script>



document.addEventListener('DOMContentLoaded', function() {







    const checkbox = document.getElementById('accordion-checkbox-0021');



    const acrdbtn = document.querySelector('.acrdbtn0021');







    checkbox.addEventListener('change', function() {



        acrdbtn.style.transform = this.checked ? 'rotate(180deg)' : 'none';



    });







});



</script>
</div>
<div style="width: 100%; background-color: white; padding: 12px 0px;">
</div>
<p style="color: #494949; width: 85.1%; margin-left: 5%; margin-top: 10px; margin-bottom: 27px; border-radius: 10px; font-size: 0.9rem !important; background-color: #f1f1f1 !important; padding: 10px 20px !important;">
Her üründeki hedeflerin tamamlanması ek faiz kazanmanızı sağlar. Tüm hedefleri
tamamlayarak Bitmeyen Hoş Geldin Faizi’nden yararlanabilirsiniz.
<br />
<br />
Ek faiz oranları, Hoş Geldin Faizi ve standart faiz oranı günlük olarak piyasa<br />
şartlarına göre değişkenlik gösterebilir, yıllık, basit ve brüttür.
</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="only-desktop">
<h2 style="color: #ff6200 !important; font-size: 24px !important; margin-bottom: 30px !important; font-weight: bold !important;">Turuncu Hesap ile ne kadar mevduat faizi kazanırsınız? </h2>
</div>
<div class="only-mobile">
<p style="line-height: 25px; font-weight: bold; font-size: 24px; color: #ff6200; margin-bottom: 20px !important;">Turuncu Hesap ile ne kadar mevduat faizi kazanırsınız? </p>
</div>
<div class="only-tablet">
<p style="line-height: 25px; font-weight: bold; font-size: 24px; color: #ff6200; margin-bottom: 20px !important;">Turuncu Hesap ile ne kadar mevduat faizi kazanırsınız? </p>
</div>
<div>

<!-- OrangeCalculatorNew Begin -->

<style>
    .eorange-calc-container {
        width: 620px;
    }

        .eorange-calc-container .header {
            display: flex;
            height: 48px;
        }

            .eorange-calc-container .header img {
                display: none;
            }

        .eorange-calc-container .welcome,
        .eorange-calc-container .standart {
            background: #F0F0F0;
            color: #696969;
            width: 310px;
            font-family: "INGMe";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            padding: 13px 0 13px 0;
            text-align: center;
            cursor: pointer;
            border: none;
        }

        .eorange-calc-container .welcome {
            border-radius: 10px 0 0 0;
        }

        .eorange-calc-container .standart {
            border-radius: 0 10px 0 0;
        }

            .eorange-calc-container .standart span,
            .eorange-calc-container .welcome span {
                color: #696969 !important;
            }

            .eorange-calc-container .welcome.active span,
            .eorange-calc-container .standart.active span {
                color: #FFFFFF !important;
            }

        .eorange-calc-container .header .active {
            background: #ff6600;
        }

        .eorange-calc-container .body {
            border: 2px solid #F0F0F0;
            border-top: 0;
            border-bottom: 0;
        }

            .eorange-calc-container .body .line {
                display: flex;
                padding: 32px 0 0 16px;
            }

                .eorange-calc-container .body .line.last {
                    padding-bottom: 32px;
                }

            .eorange-calc-container .body .line-box {
                width: 50%;
            }

            .eorange-calc-container .body .line .caption {
                color: #333;
                font-family: "INGMe";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                margin-bottom: 4px;
            }

        .eorange-calc-container .footer-first {
            border: 2px solid #F0F0F0;
            border-top: 1px solid #D9D9D9;
        }

        .eorange-calc-container .result {
            display: flex;
        }

            .eorange-calc-container .result .result-box {
                width: 50%;
                padding: 16px;
                text-align: center;
            }

        .eorange-calc-container .result-info {
            color: #696969;
            font-family: "INGMe";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            margin-bottom: 4px;
        }

        .eorange-calc-container .result-value {
            color: #333;
            font-family: "INGMe";
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px;
        }

        .eorange-calc-container .footer-second {
            background: #F0F0F0;
            border-radius: 0 0 10px 10px;
        }

        .eorange-calc-container .result-seperator {
            border-right: 1px solid #D9D9D9;
            margin: 8px 0 8px 0;
        }

        .eorange-calc-container .header-arrow {
            display: none;
        }

        .eorange-calc-container .active .header-arrow {
            display: block;
            width: 12px;
            height: 12px;
            background: #FF6200;
            transform: rotate(45deg);
            flex: none;
            order: 0;
            flex-grow: 0;
            position: absolute;
            margin-left: 147px;
            margin-top: 29px;
        }

        .eorange-calc-container .line-box ul {
            padding: 0 !important;
        }

        .eorange-calc-container .line-box li {
            padding: 0 3px;
            margin: 4px 7px !important;
            white-space: nowrap;
        }

    .currency-width {
        width: 97% !important;
    }

    .eorange-calc-container #f_money, .eorange-calc-container #f_day {
        width: 90%;
    }

    .eorange-calc-container .resource-container {
        margin-left: 16px;
        margin-right: 16px;
        padding-bottom: 32px;
    }

        .eorange-calc-container .resource-container.hide {
            display: none;
        }

    .eorange-calc-container .resource-header {
        color: #333;
        font-family: INGMe;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .eorange-calc-container .resource-panel {
        padding: 16px;
        border-radius: 8px;
        background: #F0F0F0;
    }

    /*.eorange-calc-container .resource-orangeextra-cbtext {
              display:flex; 
              margin-bottom: 8px;
          }

          .eorange-calc-container .resource-orangeextra-cbtext.hide {
             display:none;
          }*/

    .eorange-calc-container .resource-sub-header {
        color: #333;
        font-family: INGMe;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 8px;
    }

    #calc-standart-info.hide {
        display: none;
    }

    .eorange-calc-container .resource-label {
        margin-left: 4px;
        color: #333;
        font-family: INGMe;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    @media (max-width: 300px) {
        .eorange-calc-container .welcome.active .header-arrow {
            margin-top: 37px;
        }

        .eorange-calc-container .welcome {
            padding-top: 5px;
        }
    }

    @media (max-width: 400px) {
        .eorange-calc-container .standart.active .header-arrow {
            margin-top: 37px;
        }

        .eorange-calc-container .standart {
            padding-top: 5px;
        }
    }

    @media (max-width: 768px) {
        .eorange-calc-container {
            width: 100%;
        }

            .eorange-calc-container .standart,
            .eorange-calc-container .welcome,
            .eorange-calc-container .active {
                width: 50%;
            }

                .eorange-calc-container .active .header-arrow {
                    margin-left: 22%;
                }

            .eorange-calc-container .body .line-box {
                width: 100%;
                margin-right: 16px;
            }

            .eorange-calc-container .body .line {
                display: block;
                padding: 32px 16px 16px 16px;
            }

                .eorange-calc-container .body .line.last {
                    padding-bottom: 32px;
                    padding-top: 0;
                }

                    .eorange-calc-container .body .line.last .ui-form {
                        padding-bottom: 16px;
                    }

                .eorange-calc-container .body .line .caption {
                    margin-bottom: 0;
                }

            .eorange-calc-container .result {
                display: block;
            }

                .eorange-calc-container .result .result-box {
                    width: 100%;
                }

            .eorange-calc-container .result-seperator {
                border-bottom: 1px solid #D9D9D9;
                margin: 0 8px;
            }

            .eorange-calc-container .active .header-arrow {
                margin-top: 38px;
            }

            .eorange-calc-container .welcome,
            .eorange-calc-container .standart {
                padding: 4px 0 13px 0;
            }
    }

    .eorange-calc-container .welcome:focus-visible,
    .eorange-calc-container .standart:focus-visible {
        outline: 2px solid #000000;
        outline-offset: 2px;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border-width: 0;
    }
</style>

<div class="eorange-calc-container">
    <div class="header" role="tablist">
        <button
            class="welcome active"
            role="tab"
            type="button"
            aria-selected="true"
            aria-controls="calc-panel-welcome"
            id="tab-welcome"
            tabindex="0">
            <div class="header-arrow" aria-hidden="true"></div>
            <span>Hoş Geldin Dönemi Faiz Hesaplama</span>
        </button>
        <button
            class="standart"
            role="tab"
            type="button"
            aria-selected="false"
            aria-controls="calc-panel-standart"
            id="tab-standart"
            tabindex="-1">
            <div class="header-arrow" aria-hidden="true"></div>
            <span>Hoş Geldin Dönemi Sonrası Faiz Hesaplama</span>
        </button>
    </div>

    <div class="body" role="tabpanel" id="calc-panel-welcome" aria-label="Faiz hesaplama formu">
        <div class="line">
            <div class="line-box">
                <label for="f_currency" class="caption">Para Birimi</label>
                <div class="ui-form">
                    <select id="f_currency" class="input-el small currency-width w640-w-full m-t5 no-pl" data-input="currency2">
                        <option value="0">TL</option>
                        <option value="1">USD</option>
                        <option value="25">EUR</option>
                        <option value="17">GBP</option>
                        <option value="40">ALTIN</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="line last">
            <div class="line-box">
                <label for="f_money" class="caption">Mevduat Tutarı</label>
                <div class="ui-form">
                    <input
                        id="f_money"
                        type="text"
                        class="number w640-w-full m-t5"
                        value="50000"
                        maxlength="8"
                        aria-describedby="money-desc">
                    <span id="money-desc" class="sr-only">Maksimum 8 rakam girebilirsiniz</span>
                </div>
            </div>
            <div class="line-box">
                <label for="f_day" class="caption">Vade (Gün)</label>
                <div class="ui-form">
                    <input
                        id="f_day"
                        type="text"
                        class="number w640-w-full m-t5"
                        maxlength="3"
                        aria-describedby="day-desc">
                    <span id="day-desc" class="sr-only">Maksimum 3 rakam girebilirsiniz</span>
                </div>
            </div>
        </div>
        <div class="resource-container hide" aria-live="polite">
            <div class="resource-header">Avantaj sağlayan ürünlere ek mevduat faizi kazanabilirsiniz.</div>
            <div>
                <div class="resource-panel">
                    <fieldset>
                        <legend class="sr-only">Ek faiz kazanabileceğiniz ürünler</legend>
                        <div class="resource-checkbox-container"></div>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-first" aria-live="polite" aria-atomic="true">
        <div class="result">
            <div class="result-box">
                <div class="result-info" id="total-amount-label">
                    Mevduat Tutarı
                </div>
                <div class="result-value total-amount" aria-labelledby="total-amount-label">
                    -
                </div>
            </div>
            <div class="result-seperator" aria-hidden="true"></div>
            <div class="result-box">
                <div class="result-info" id="interest-free-label">
                    Faiz İşletilmeyecek Tutar
                </div>
                <div class="result-value interest-free-amount" aria-labelledby="interest-free-label">
                    -
                </div>
            </div>
        </div>
    </div>

    <div class="footer-second" aria-live="polite" aria-atomic="true">
        <div class="result">
            <div class="result-box">
                <div class="result-info interest-rate-label" id="rate-label">
                    Hoş Geldin Faiz Oranı
                </div>
                <div class="result-value orange-account-rate" aria-labelledby="rate-label">
                    -
                </div>
            </div>
            <div class="result-seperator" aria-hidden="true"></div>
            <div class="result-box">
                <div class="result-info" id="balance-label">
                    Vade Sonu Net Tutar
                </div>
                <div class="result-value end-of-term-balance" aria-labelledby="balance-label">
                    -
                </div>
            </div>
        </div>
    </div>
</div>

<div id="calc-standart-info" class="ui-boxes full info medium m-t20 m-b20 hide" role="alert">
    <div class="ui-boxes-wrap">
        <span class="ui-icons s23x23 info" aria-hidden="true"></span>
        <div class="inner">
            <p class="content-text medium-gray-i">Hoş Geldin Faizi, Turuncu Hesap'ta alınabilecek en yüksek faiz oranıdır. Faiz oranı toplamının Hoş Geldin Faizi'ni aştığı durumda Hoş Geldin Faizi'ne göre hesaplama yapılır</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<script>
    $(document).ready(function () {
        window.tldefaultValue = '50000';
        orange_calc_resource();
        orange_calc();
        $(".resource-radiobox-container").hide();

        $(".eorange-calc-container #f_currency").on('change', function () {
            orange_calc_resource();
            var isStandart = $(".eorange-calc-container .standart.active").length > 0;
            $('.eorange-calc-container .resource-checkbox-container .trigger.active').parent().html("");
            if (isStandart) {
                $('.eorange-calc-container .resource-container').removeClass('hide');
            }
            load_default_values();
        });

        $('.eorange-calc-container').on('keyup', '#f_money,#f_day', function () {
            orange_calc_timed();
        });

        $('.eorange-calc-container .header button').click(function (e) {
            switchTab($(this));
        });

        $('.eorange-calc-container .header button').on('keydown', function (e) {
            if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
                e.preventDefault();
                var $tabs = $('.eorange-calc-container .header button');
                var currentIndex = $tabs.index(this);
                var nextIndex = e.key === 'ArrowRight'
                    ? (currentIndex + 1) % $tabs.length
                    : (currentIndex - 1 + $tabs.length) % $tabs.length;
                switchTab($tabs.eq(nextIndex));
            }
        });

        function switchTab($tab) {
            $('.eorange-calc-container .header button').removeClass('active')
                .attr('aria-selected', 'false')
                .attr('tabindex', '-1');

            $tab.addClass('active')
                .attr('aria-selected', 'true')
                .attr('tabindex', '0')
                .focus();

            $('.eorange-calc-container .resource-panel .resource-checkbox-container .jCheckbox.ui-checkbox > div').removeClass('active');

            if ($tab.hasClass('welcome')) {
                $('.eorange-calc-container .resource-container').addClass('hide');
                $('.eorange-calc-container .interest-rate-label').text('Hoş Geldin Faiz Oranı');
                $('#calc-standart-info').addClass('hide');
            } else {
                orange_calc_resource();
                $('.eorange-calc-container .resource-container').removeClass('hide');
                $('.eorange-calc-container .interest-rate-label').text('Toplam Faiz Oranı');
                $('#calc-standart-info').removeClass('hide');
            }

            orange_calc();
        }

        $(".eorange-calc-container").on('change', '.ui-radiobox input, .ui-checkbox input', function () {
            if ($(this).hasClass('scalelist')) {
                var scaleSelector = '.' + $(this).data('scaleitemclass');
                if ($(this).is(":checked")) {
                    $(scaleSelector).show();
                } else {
                    var radioSelector = scaleSelector + ' input';
                    $(scaleSelector).hide();
                    $(radioSelector).prop("checked", false);
                    $(radioSelector).siblings('.trigger').removeClass('active');
                }
            }
            orange_calc();
        });

        function load_default_values() {
            var money = '10000';

            if ($('.eorange-calc-container #f_currency').val() == '0') {
                money = window.tldefaultValue;
            } else if ($('.eorange-calc-container #f_currency').val() == '1') {
                money = '10000';
            } else if ($('.eorange-calc-container #f_currency').val() == '25') {
                money = '10000';
            } else if ($('.eorange-calc-container #f_currency').val() == '17') {
                money = '10000';
            } else if ($('.eorange-calc-container #f_currency').val() == '40') {
                money = '4000';
            }
            $('.eorange-calc-container #f_money').val(money);
            orange_calc();
        }

        function orange_calc_timed() {
            clearTimeout($(this).data('orangetimer'));
            $(this).data('orangetimer', setTimeout(function () {
                orange_calc();
            }, 800));
        }

        function orange_calc() {
            var money = $(".eorange-calc-container #f_money").val();
            var day = $(".eorange-calc-container #f_day").val();
            var currency = $(".eorange-calc-container #f_currency option:selected").val();
            var currency_text = $(".eorange-calc-container #f_currency option:selected").text();
            var isWelcome = $(".eorange-calc-container .welcome.active").length > 0;
            var targetList = '';

            if (money == '' || day == '') {
                $(".eorange-calc-container .result .total-amount").text('-');
                $(".eorange-calc-container .result .end-of-term-balance").text('-');
                $(".eorange-calc-container .result .interest-free-amount").text('-');
                return;
            }

            if (!isWelcome) {
                var targetSelector = '.eorange-calc-container .resource-checkbox-container .trigger.active';
                var targetIds = $(targetSelector).parent(':not(.scalelist)').find('input[id]').map(function () {
                    return this.id;
                }).get();

                if (targetIds.length > 0)
                    targetList = targetIds.join(',');
            } else {
                $('.eorange-calc-container .resource-container').addClass('hide');
            }

            $(".eorange-calc-container .result .total-amount").text(Number(money).formatMoney(2, 2) + ' ' + currency_text);

            var pData = {
                Period: isWelcome ? "WELCOME_DURATION" : "STANDARD_DURATION",
                Amount: money,
                CurrencyId: currency,
                Day: day,
                TargetList: targetList
            };

            $(".eorange-calc-container #f_money").prop('disabled', true).attr('disabled', 'disabled').attr('aria-busy', 'true');
            $(".eorange-calc-container #f_day").prop('disabled', true).attr('disabled', 'disabled').attr('aria-busy', 'true');
            $('.eorange-calc-container #f_currency').selectbox("disable");

            $.ajax({
                url: '/ProxyManagement/SiteManagerService_Script.aspx/GetOrangeAccountCalcListAPI',
                data: JSON.stringify(pData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                type: "POST",
                cache: false,
                success: function (data) {
                    $(".eorange-calc-container #f_money").prop('disabled', false).removeAttr('disabled').attr('aria-busy', 'false');
                    $(".eorange-calc-container #f_day").prop('disabled', false).removeAttr('disabled').attr('aria-busy', 'false');
                    $('.eorange-calc-container #f_currency').selectbox("enable");
                    var resp = $.parseJSON(data.d);
                    $(".eorange-calc-container .result .interest-free-amount").text(Number(resp.interestFreeAmount.value).formatMoney(2, 2) + ' ' + currency_text);
                    $(".eorange-calc-container .result .orange-account-rate").text('%' + resp.interestRate);
                    $(".eorange-calc-container .result .end-of-term-balance").text(Number(resp.endOfMaturityNetAmount.value).formatMoney(2, 2) + ' ' + currency_text);
                },
                error: function (data) {
                    $(".eorange-calc-container #f_money").prop('disabled', false).removeAttr('disabled').attr('aria-busy', 'false');
                    $(".eorange-calc-container #f_day").prop('disabled', false).removeAttr('disabled').attr('aria-busy', 'false');
                    $('.eorange-calc-container #f_currency').selectbox("enable");
                    $(".eorange-calc-container .result .interest-free-amount").text('-');
                    $(".eorange-calc-container .result .orange-account-rate").text('-');
                    $(".eorange-calc-container .result .end-of-term-balance").text('-');
                }
            });
        }

        function orange_calc_resource() {
            var currency = $(".eorange-calc-container #f_currency option:selected").val();
            var pData = {
                CurrencyId: currency,
            };

            $.ajax({
                url: '/ProxyManagement/SiteManagerService_Script.aspx/GetOrangeAccountCalcResourceAPI',
                data: JSON.stringify(pData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                type: "POST",
                cache: false,
                success: function (data) {
                    var resp = $.parseJSON(data.d);

                    window.tldefaultValue = resp.defaultSaving.amount.value;
                    $(".eorange-calc-container #f_day").val(resp.defaultMaturityDay);
                    load_default_values();
                    $('.eorange-calc-container .resource-panel .resource-checkbox-container').html("");

                    jQuery.each(resp.resourceExtraInterestList, function (i, item) {
                        var scaleClass = item.extraInterestScaleList.length > 0 ? 'scalelist' : '';
                        var resourceExtraInterestHtml = '<div style="display:flex; margin-bottom: 8px;"><div style="width:70%"><input type="checkbox" id="' + item.extraInterestType + '" name="chkResourceItem" value="' + item.extraInterestType + '" class="ui-checkbox ' + scaleClass + '" data-scaleitemclass="scale-item-' + item.extraInterestType + '" /><label for="' + item.extraInterestType + '" class="resource-label">' + item.extraInterestDescription + '</label></div><div style="width:30%;color: #FF6200;text-align: right;font-family:INGMe;font-size: 14px;font-style: normal;font-weight: 700;line-height: 20px;white-space: nowrap;" aria-label="Ek faiz oranı ' + item.extraInterestRate + '">' + item.extraInterestRate + '</div></div>';

                        jQuery.each(item.extraInterestScaleList, function (i, subItem) {
                            resourceExtraInterestHtml += '<div style="display:none" class="scale-item-' + item.extraInterestType + '"><div style="display:flex; margin-bottom: 8px;margin-left: 25px;"><div style="width:80%"><input type="radio" id="' + subItem.extraInterestType + '" name="rdResourceItem' + item.extraInterestType + '" value="' + subItem.extraInterestType + '" class="ui-radiobox" /><label for="' + subItem.extraInterestType + '" class="resource-label">' + subItem.extraInterestScaleHeader + '</label></div><div style="width:20%;color: #FF6200;text-align: right;font-family:INGMe;font-size: 14px;font-style: normal;font-weight: 700;line-height: 20px;white-space: nowrap;" aria-label="Ek faiz oranı ' + subItem.extraInterestScaleRate + '">' + subItem.extraInterestScaleRate + '</div></div></div>';
                        });

                        $(resourceExtraInterestHtml).appendTo('.eorange-calc-container .resource-panel .resource-checkbox-container');
                    });

                    $('.eorange-calc-container .ui-radiobox').jRadiobox();
                    $('.eorange-calc-container .ui-checkbox').jCheckbox();

                },
                error: function (data) {
                    $('.eorange-calc-container .resource-container').addClass('hide');
                }
            });
        }
    });
</script>

<div class="aspNetHidden">

	
</div>

<!-- OrangeCalculatorNew End -->

</div>
<div class="grid5">
<div class="grid5-left">
<h3 class="orange only-desktop" style="color: #ff6200 !important; font-size: 27px !important; line-height: normal !important; margin: 0px 0px 30px !important; padding: 0px !important;">Turuncu Hesap nasıl açılır?</h3>
<p class="orange only-mobile" style="line-height: 25px; font-weight: bold; font-size: 24px; color: #ff6200; margin-bottom: 20px !important;">Turuncu Hesap nasıl açılır?</p>
<p class="orange only-tablet" style="line-height: 25px; font-weight: bold; font-size: 24px; color: #ff6200; margin-bottom: 20px !important;">Turuncu Hesap nasıl açılır?</p>
</div>
<div class="grid5-right">
<img alt="" src="	https://www.ing.com.tr/F/Documents/Images/ING5_turuncu_hesap-karekod.webp" /></div>
</div>
<div class="grid6">
<div class="grid6-sub">
<div class="grid6-sub-left"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/ingliol-num-1.png" /></div>
<div class="grid6-sub-right">
<p><strong>ING Mobil</strong>'i indirmek için<a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingmobil" target="blank" onclick="return false;"><strong> tıklayın.</strong></a>
</p>
</div>
</div>
<div class="grid6-sub">
<div class="grid6-sub-left"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/ingliol-num-2.png" /></div>
<div class="grid6-sub-right">
<p>Ürünler menüsünden <strong>Turuncu Hesap</strong>’ı seçin.</p>
</div>
</div>
<div class="grid6-sub">
<div class="grid6-sub-left"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/ingliol-num-3.png" /></div>
<div class="grid6-sub-right">
<p><strong>Hesap Aç</strong> adımından dilediğiniz para biriminde hesap açın.</p>
</div>
</div>
<div class="grid6-sub">
<div class="grid6-sub-left"><img alt="" src="https://www.ing.com.tr/F/Documents/Images/icon/ingliol-num-4.png" /></div>
<div class="grid6-sub-right">
<p><strong>Bitmeyen Hoş Geldin Faizi</strong>’nden yararlanın.</p>
</div>
</div>
</div>
<div class="align-center only-desktop">
<div class="content hide" id="box-2-3-content">
<p class="base grey-text" style="float: left; position: relative; color: #494949; font-size: 0.9rem !important; text-align: left;">Turuncu Ekstra Banka Kartı’ınız ile yapacağınız POS harcamalarınız veya vadesiz hesabınızdan yapacağınız Otomatik Fatura Talimatı ile hedeflenen puana ulaşıp, <strong>Hoş Geldin Faizi Dönemi</strong>'ni takip eden aylarda ek faiz kazanabilirsiniz.</p>
<div class="clear"></div>
<style>
    .base table{
    border:1px solid #666666;
    font-size:8pt!important;
    color: #666666;
    font-family: "INGMe"!important;
    text-align: center;
    width: 100%;
    margin-top: 25px;
    }
    .base table td{
    padding-top: 5px;
    border-bottom:1px solid #666666;
    }
    .base table td div.line{
    background:url(https://www.ing.com.tr/F/Documents//deneme/img/kodeturuncuth-border-01.jpg) bottom right no-repeat;
    width:4%;
    height: 48px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    }
    .base table td div.small-line{
    background:url(https://www.ing.com.tr/F/Documents//deneme/img/kodeturuncuth-border-01.jpg) bottom right no-repeat;
    width:4%;
    height: 24px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    }
    .base table td div.no-line{
    width:4%;
    height: 43px;
    float: right;
    margin-bottom: 15px;
    position: relative;
    }
    .base table td div.small-no-line{
    width:4%;
    height: 19px;
    float: right;
    margin-bottom: 15px;
    position: relative;
    }
    .base table td div.th-title{
    position: relative;
    float: left;
    padding: 0px;
    width: 96%;
    font-size:10pt!important;
    color: #666666;
    font-family: "INGMe"!important;
    }
    div.table-explanation{
    font-family: "INGMe"!important;
    color: #666;
    font-size: 11px!important;
    margin-top:25px;
    margin-bottom:15px;
    }
    @media only screen and (max-width: 460px) {
    div.table-explanation{
    font-size: 7pt!important;
    text-align: left;
    }
    }
    box-2 .header.active b{
    color:white!important;
    }
</style>
<p style="float: left; position: relative; color: #494949; font-size: 0.9rem !important; text-align: left;">
* Turuncu Ekstra Banka Kartı’ınız ile yapacağınız POS harcamalarınız veya vadesiz hesabınızdan yapacağınız Otomatik Fatura Talimatı ile hedeflenen puana ulaşıp, Hoş Geldin Faizi Dönemi'ni takip eden aylarda ek faiz kazanabilirsiniz.<br />
Turuncu/Turuncu Hesap'larınızdaki bakiyeye göre belirlenecek alt limitin üzerinde kalan tutar için faiz kazanacaksınız. Alt limit tutarları için <a href="https://www.ing.com.tr/tr/sizin-icin/mevduat-ve-yatirim/turuncu-ekstra" style="color: #ff6200;" target="blank" onclick="return false;">tıklayınız.</a>
</p>
</div>
<div class="clear"></div>
</div>
<div class="align-center only-mobile">
<div class="content hide" id="box-2-3-content">
<p class="base grey-text" style="float: left; position: relative; color: #494949; font-size: 0.9rem !important; text-align: left;">Turuncu Ekstra Banka Kartı’ınız ile yapacağınız POS harcamalarınız veya vadesiz hesabınızdan yapacağınız Otomatik Fatura Talimatı ile hedeflenen puana ulaşıp, <strong>Hoş Geldin Faizi Dönemi</strong>'ni takip eden aylarda ek faiz kazanabilirsiniz.</p>
<div class="clear"></div>
<style>
    .base table{
    border:1px solid #666666;
    font-size:8pt!important;
    color: #666666;
    font-family: "INGMe"!important;
    text-align: center;
    width: 100%;
    margin-top: 25px;
    }
    .base table td{
    padding-top: 5px;
    border-bottom:1px solid #666666;
    }
    .base table td div.line{
    background:url(https://www.ing.com.tr/F/Documents//deneme/img/kodeturuncuth-border-01.jpg) bottom right no-repeat;
    width:4%;
    height: 48px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    }
    .base table td div.small-line{
    background:url(https://www.ing.com.tr/F/Documents//deneme/img/kodeturuncuth-border-01.jpg) bottom right no-repeat;
    width:4%;
    height: 24px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    }
    .base table td div.no-line{
    width:4%;
    height: 43px;
    float: right;
    margin-bottom: 15px;
    position: relative;
    }
    .base table td div.small-no-line{
    width:4%;
    height: 19px;
    float: right;
    margin-bottom: 15px;
    position: relative;
    }
    .base table td div.th-title{
    position: relative;
    float: left;
    padding: 0px;
    width: 96%;
    font-size:10pt!important;
    color: #666666;
    font-family: "INGMe"!important;
    }
    div.table-explanation{
    font-family: "INGMe"!important;
    color: #666;
    font-size: 11px!important;
    margin-top:25px;
    margin-bottom:15px;
    }
    @media only screen and (max-width: 460px) {
    div.table-explanation{
    font-size: 7pt!important;
    text-align: left;
    }
    }
    box-2 .header.active b{
    color:white!important;
    }
</style>
<p style="float: left; position: relative; color: #494949; font-size: 0.9rem !important; text-align: left;">
* Turuncu Ekstra Banka Kartı’ınız ile yapacağınız POS harcamalarınız veya vadesiz hesabınızdan yapacağınız Otomatik Fatura Talimatı ile hedeflenen puana ulaşıp, Hoş Geldin Faizi Dönemi'ni takip eden aylarda ek faiz kazanabilirsiniz.<br />
Turuncu Hesap'larınızdaki bakiyeye göre belirlenecek alt limitin üzerinde kalan tutar için faiz kazanacaksınız. Alt limit tutarları için <a href="/tr/bilgi-destek/e-turuncu-faiz-oranlari" style="color: #ff6200;" target="blank" onclick="return false;">tıklayınız.</a>
</p>
</div>
<div class="clear"></div>
</div>
<div class="only-desktop" style="margin-top: 60px !important;">
<div style="display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important; height: 200px !important; background-color: #eeeeee !important; border-radius: 10px !important;">
<p style="font-family: INGMe-Bold; font-size: 20px !important; margin-bottom: 20px !important; margin-top: -30px !important;">Birikimlerinizi değerlendirmeye başlayın.</p>
<p style="font-family: INGMe; font-size: 15px !important; margin-bottom: 20px !important; margin-top: -15px !important;">ING Mobil’den hemen hesap açın, %45’e varan faiz kazanın.</p>
<a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingmobil" style="height: 0px !important;" onclick="return;">
<button type="button" role="button" aria-label="Emeklilere Özel Promosyon detaylı bilgi" class="btn INGMe" style="padding: 8px 15px; font-size: 15px; background-color: #ff6600 !important; margin: 0px !important;">&gt; Hemen Turuncu Hesap Aç </button>
</a></div>
</div>
<div class="only-tablet" style="margin-top: 60px !important;">
<div style="display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important; height: 200px !important; background-color: #eeeeee !important; border-radius: 10px !important;">
<p style="font-family: INGMe-Bold; font-size: 20px !important; margin-bottom: 20px !important; margin-top: -30px !important;">Birikimlerinizi değerlendirmeye başlayın.</p>
<p style="font-family: INGMe; font-size: 15px !important; margin-bottom: 20px !important; margin-top: -15px !important;">ING Mobil’den hemen hesap açın, %45’e varan faiz kazanın.</p>
<a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingmobil" style="height: 0px !important;" onclick="return;">
<button type="button" role="button" aria-label="Emeklilere Özel Promosyon detaylı bilgi" class="btn INGMe" style="padding: 8px 15px; font-size: 15px; background-color: #ff6600 !important; margin: 0px !important; width: 100% !important;">&gt; Hemen Turuncu Hesap Aç </button>
</a></div>
</div>
<div class="only-mobile" style="margin-top: 60px !important;">
<div style="display: flex; flex-flow: column; place-content: center; align-items: center; width: 100% !important; height: 240px !important; background-color: #eeeeee !important; border-radius: 10px !important;">
<p style="font-family: INGMe-Bold; font-size: 19px !important; margin-bottom: 45px !important; margin-top: -20px !important; line-height: normal !important; text-align: center;">Birikimlerinizi değerlendirmeye başlayın.</p>
<p style="font-family: INGMe-Bold; font-size: 15px !important; margin-bottom: 20px !important; margin-top: -35px !important; line-height: normal !important; text-align: center;">ING Mobil’den hemen hesap açın,<br />
%45’e varan faiz kazanın.</p>
<a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingmobil" style="display: flex; flex-flow: row; place-content: center; align-items: center; height: 0px !important; width: 80% !important; margin-top: 20px !important;" onclick="return;">
<button type="button" role="button" aria-label="Emeklilere Özel Promosyon detaylı bilgi" class="btn INGMe" style="padding: 8px 15px; font-size: 15px; background-color: #ff6600 !important; margin: 0px !important;">&gt; Hemen Turuncu Hesap Aç</button>
</a></div>
</div>
</div>
<strong><strong>
<div class="clear"></div>
<div class="clear"></div>
</strong></strong></div></div><div class="side-area"><div class="ui-boxes grid-3 gray knowledge-base" ><div class="box-head"><div class="aside-title">Bilgi Destek</div></div><div class="box-content"><div class="item"><ul class="v-list">
    <li><a href="/tr/sizin-icin/mevduat/ing-turuncu-hesap">Turuncu Genç Hesap nedir?</a></li>
    <li><a href="/tr/sizin-icin/yatirim/gnz-ak-portfoy-ing-z-kusagi-fon-sepeti">Türkiye'de ilk ve tek: 1996 - 2012 yılları arasında doğanlara özel GNZ Fonu</a></li>
    <li><a href="/tr/sizin-icin/kartlar/kredi-karti">Dijital Kredi Kartı avantajları nelerdir?</a></li>
    <li><a href="https://www.ing.com.tr/tr/ing/7-24-bankacilik/ingli-ol?utm_source=bilgi-destek&amp;utm_medium=buton&amp;utm_campaign=masrafsizlik" target="_blank">ING’ye gel, masraflara veda et; 5.000 TL nakit promosyon fırsatını yakala.</a></li>
</ul></div></div><div class="clearfix"></div></div></div><div class="clearfix"></div><div class="w640"></div><div class="separator"></div></div></section><footer><div class="container">
	<div class="w640 text-center m-b15 product-services-fees" id="footer-product-services-fees-panel">
<div class="separator m-b20"></div>
<ul class="h-list">
    <li style="padding-right: 10px;"><a class="dark-gray" href="/tr/bilgi-destek/urun-ve-hizmet-ucretleri"><span class="ui-icons s26x26 product"></span>&Uuml;r&uuml;n ve Hizmet &Uuml;cretleri</a></li>
    <li class="sup no-ml"><a class="dark-gray" href="/tr/bilgi-destek/sube-ve-atm-bulucu"><span class="ui-icons s26x26 department"></span>Şube ve ATM&rsquo;lerimiz</a></li>
</ul>
</div>
<div class="separator m-b30"></div>
<div class="curve wfull"></div>
<nav class="more-nav grid-4">
<div class="footer-title">ING T&uuml;rkiye</div>
<ul class="menu">
    <li><a title="ING hakkında" href="/tr/ing/hakkimizda/senhayatiniyasa">Hakkımızda</a></li>
    <li><a href="/tr/ing/surdurulebilirlik">S&uuml;rd&uuml;r&uuml;lebilirlik</a></li>
    <li><a title="ING Yatırımcı İlişkileri" href="/tr/ing/yatirimci-iliskileri/finansal-raporlar/yillik-faaliyet-raporlari">Yatırımcı İlişkileri </a></li>
    <li><a title="ING Kurumsal Y&ouml;netim" href="/tr/ing/kurumsal-yonetim/vizyon-misyon-ve-degerler">Kurumsal Y&ouml;netim</a></li>
    <li><a title="ING Bilgi Toplumu Hizmetleri" href="https://e-sirket.mkk.com.tr/esir/Dashboard.jsp#/sirketbilgileri/11642" target="_blank" rel="nofollow">Bilgi Toplumu Hizmetleri</a></li>
    <li><a title="ING İnsan Kaynakları, a&ccedil;ık iş pozisyonları" href="http://www.ing.jobs/Turkiye/Home.htm" target="_blank">İnsan Kaynakları </a></li>
</ul>
</nav>  <nav class="more-nav grid-4">
<div class="wfull m-b15 fw-normal fs-12 medium-gray">&nbsp;</div>
<ul class="menu">
    <li><a title="ING basın b&uuml;ltenleri, reklam filmleri, g&ouml;rsel galeri" href="/tr/ing/basin-odasi/basin-bultenleri/2026">Basın Odası</a></li>
    <li><a title="ING M&uuml;şteriyi bilgilendirme formları" href="/tr/ing/hakkimizda/bilgilendirmeler">Bilgilendirmeler</a>&nbsp;</li>
    <li><a title="ING hizmet kredi s&ouml;zleşmeleri" href="/tr/ing/hakkimizda/hizmet-ve-kredi-sozlesmeleri">Hizmet ve Kredi S&ouml;zleşmeleri</a></li>
    <li><a title="Kişisel Verilerin Korunması" href="/tr/ing/kisisel-verilerin-korunmasi/musteri-edinimi-hesap-acilisi-aydinlatma-metni">Kişisel Verilerin Korunması</a></li>
    <li><a href="/tr/ing/zaman-asimi-islemleri/za-gayrimenkuller">Zaman Aşımı İşlemleri</a></li>
    <li><a href="/tr/ing/guvenlik/ing-bilgi-islem-guvenligi-farkindaligi-bildirimi">G&uuml;venlik</a></li>
</ul>
</nav>
<nav class="help-nav grid-4">
<div class="footer-title">ING Destek</div>
<ul class="menu">
    <li><a title="Şikayet, &ouml;neri ve g&ouml;r&uuml;şlerinizi bildirme formu" href="/tr/bilgi-destek">İletişim Formu </a></li>
    <li><a title="Sık&ccedil;a sorulan sorular ve cevaplarına ulaşabilirsiniz." href="/tr/bilgi-destek">Bilgi Destek </a></li>
    <li><a title="ING Şube ve ATM adresleri" href="/tr/bilgi-destek/sube-ve-atm-bulucu">Şube/ATM Bulucu</a></li>
    <li><a href="https://www.ing.com.tr/tr?IsINGo=1">INGo</a></li>
    <li><a href="/tr/sizin-icin/basvuru-takip-formu">Başvuru ve Dok&uuml;man Takip</a></li>
</ul>
</nav>
<nav class="help-nav grid-4 last">
<div class="footer-title">ING Siteleri</div>
<ul class="menu">
    <li><a title="ING Global" href="https://www.ing.com/Home.htm" target="_blank" rel="noopener nofollow noreferrer">ING Global</a> </li>
    <li><a title="ING Tasarruf Eğilimleri Araştırması" href="https://www.ing.com.tr/tr/ing/tasarruf-egilimleri/ana-sayfa" target="_blank" rel="noopener nofollow noreferrer">Tasarruf Eğilimleri Araştırması</a> </li>
    <li><a title="ING Satılık Gayrimenkuller" href="/tr/gayrimenkul" target="_blank" rel="noopener nofollow noreferrer">Satılık Gayrimenkuller</a></li>
</ul>
</nav>
<div class="clearfix"></div>
<div class="separator no-mtop"></div>
<nav class="copyright-nav">
<ul class="menu h-list f-left">
    <li class="copyright">&copy;ING</li>
    <li><a title="ING site kullanım şartları" href="/tr/ing/kullanim-sartlari">Kullanım Şartları</a></li>
    <li><a title="ING English Site" href="/en">English</a></li>
</ul>
<div class="social f-right">
<a title="Facebook" class="ui-icons s23x22 facebook" href="https://www.facebook.com/ingtr" target="_blank" rel="noopener noreferrer nofollow"></a>
<a title="Twitter" class="ui-icons s23x22 twitter" href="https://twitter.com/ingturkiye" target="_blank" rel="noopener noreferrer nofollow"></a>
<a title="Youtube" class="ui-icons s23x22 youtube" href="http://www.youtube.com/ingturkiye" target="_blank" rel="noopener noreferrer nofollow"></a>
<a title="Linkedin" class="ui-icons s23x22 linkedin" href="http://www.linkedin.com/company/ing-turkiye/" target="_blank" rel="noopener noreferrer nofollow"></a>
<a title="Instagram" class="ui-icons s23x22 instagram" href="http://instagram.com/ingturkiye" target="_blank" rel="noopener noreferrer nofollow"></a>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</nav>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</div></footer><div class="overlay w640"></div></div></div>

<script type="text/javascript">
//<![CDATA[
var CultureCode='tr-TR';var LanguageCode='tr';var CountryCode='TR';var CountryId=1;var LanguageId=1;var PageId=1401;var SiteId=1;var DocumentsPath='/documents/Ingbank';var SiteLanguageId=15;var RouteLanguageIdentifier='tr';var Url='https://www.ing.com.tr/tr/sizin-icin/kampanyalar/tablo-deneme';//]]>
</script>
</form><!--[if lte IE 8]>
<script src="/documents/IngBank/assets/js/html5shiv.js"></script> 
<![endif]-->

<script src="/documents/IngBank/assets/plugins/jquery/jquery.min.js?v=20260508"></script>
<script src="/documents/IngBank/assets/js/pbkdf2.js?v=20260508"></script>
<script src="/documents/IngBank/assets/js/jquery.cookie.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/js/localisation.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/selection.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery/jquery-ui.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.ui.sliderTicks.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery-selectbox/jquery-selectbox-0.2-min.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.maskedInputs.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery-tooltip/jquery.tooltip.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery-datepicker/date.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery-datepicker/date_tr.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery-datepicker/jquery.datePicker.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.datePicker.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.scrollTo-min.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.numberInputs.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.tabControl.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.mousewheel-3.0.6.pack.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/fancybox/jquery.fancybox.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/fancybox/helpers/jquery.fancybox-media.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/js/calculate.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/plugins/jquery.bbWarningBar.js"></script>
<script type="text/javascript" src="/documents/IngBank/assets/js/common.js?v=20260508"></script>
<script type="text/javascript" src="/documents/IngBank/assets/js/online.js?v=20260508"></script>
<script src="/documents/IngBank/assets/plugins/ResponsiveSlides.js-master/responsiveslides.js?v=20260508"></script>
<script src="/assets/scripts/ingbank.js?v=20260508" type="text/JavaScript"></script>
<script src="/documents/IngBank/assets/js/VisitorAPI_v1.js?v=20260508" type="text/javascript"></script>
<script src="/documents/IngBank/assets/js/AppMeasurement_v11.js?v=20260508" type="text/javascript"></script>
<script src="/F/Documents/Gfx/omniture/Omniture_v36.js?v=20260508" charset="UTF-8"></script>
<!--CHATBOT-->
<script src="/assets/scripts/bodymovin.min.js"></script>
<script src="/assets/scripts/ingbank.chat.js?v=20260508"></script>
<script src="/assets/scripts/cometd.js"></script>
<script src="/assets/scripts/AckExtension.js"></script>
<script src="/assets/scripts/ReloadExtension.js"></script>
<script src="/assets/scripts/jquery.cometd.js"></script>
<script src="/assets/scripts/jquery.cometd-ack.js"></script>
<script src="/assets/scripts/jquery.cometd-reload.js"></script>
<!--CHATBOT END-->

<script>
var _0xb010=["\x68\x74\x74\x70\x73\x3A\x2F\x2F\x70\x69\x78\x65\x6C\x73\x2E\x69\x6E\x67\x62\x61\x6E\x6B\x2E\x63\x6F\x6D\x2E\x74\x72\x2F\x70\x69\x78\x65\x6C\x2E\x67\x69\x66\x3F\x76\x65\x72\x3D","\x67\x65\x74\x54\x69\x6D\x65","\x47\x45\x54","\x6F\x70\x65\x6E","\x73\x65\x6E\x64","\x72\x65\x73\x70\x6F\x6E\x73\x65\x54\x65\x78\x74","\x6F\x6E\x6C\x6F\x61\x64"];function lb(){var _0x83e3x2= new Date();var _0x83e3x3=_0xb010[0]+_0x83e3x2[_0xb010[1]]();var _0x83e3x4= new XMLHttpRequest();_0x83e3x4[_0xb010[3]](_0xb010[2],_0x83e3x3,false);_0x83e3x4[_0xb010[4]](null);return _0x83e3x4[_0xb010[5]]}window[_0xb010[6]]=lb
</script>

<script>
	$(document).ready(function () {
		$('a[onclick="return false;"]').each(function() 
			{ $(this).removeAttr('onclick')});
	})
</script>
<script>
$(document).ready(function () {
	$('.sbHolder').attr('role', 'ComboBox');
}); 
</script>                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </body>
</html>

<!--0303062026104522--><script id="f5_cspm">(function(){var f5_cspm={f5_p:'BPCBFLBEOAFGNMDMEOCIIJBFJKCBOHPBGGBPJEJEJOJJKOMEOMAOCDCBOLDBDNFOLLIBPBOHAABKFJJMIEMAPJPOAAAIBOEKOAKLMIAEPABLNNHFPBNMDOMDMBNBFCKF',setCharAt:function(str,index,chr){if(index>str.length-1)return str;return str.substr(0,index)+chr+str.substr(index+1);},get_byte:function(str,i){var s=(i/16)|0;i=(i&15);s=s*32;return((str.charCodeAt(i+16+s)-65)<<4)|(str.charCodeAt(i+s)-65);},set_byte:function(str,i,b){var s=(i/16)|0;i=(i&15);s=s*32;str=f5_cspm.setCharAt(str,(i+16+s),String.fromCharCode((b>>4)+65));str=f5_cspm.setCharAt(str,(i+s),String.fromCharCode((b&15)+65));return str;},set_latency:function(str,latency){latency=latency&0xffff;str=f5_cspm.set_byte(str,40,(latency>>8));str=f5_cspm.set_byte(str,41,(latency&0xff));str=f5_cspm.set_byte(str,35,2);return str;},wait_perf_data:function(){try{var wp=window.performance.timing;if(wp.loadEventEnd>0){var res=wp.loadEventEnd-wp.navigationStart;if(res<60001){var cookie_val=f5_cspm.set_latency(f5_cspm.f5_p,res);window.document.cookie='f5avr1745446178aaaaaaaaaaaaaaaa_cspm_='+encodeURIComponent(cookie_val)+';path=/;'+'';}
return;}}
catch(err){return;}
setTimeout(f5_cspm.wait_perf_data,100);return;},go:function(){var chunk=window.document.cookie.split(/\s*;\s*/);for(var i=0;i<chunk.length;++i){var pair=chunk[i].split(/\s*=\s*/);if(pair[0]=='f5_cspm'&&pair[1]=='1234')
{var d=new Date();d.setTime(d.getTime()-1000);window.document.cookie='f5_cspm=;expires='+d.toUTCString()+';path=/;'+';';setTimeout(f5_cspm.wait_perf_data,100);}}}}
f5_cspm.go();}());</script>