Danışmanlık Hizmetleri
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
margin: 0 !important;
padding: 0 !important;
height: 100vh;
overflow: hidden;
}
body {
margin: 0 !important;
padding: 0 !important;
width: 100vw;
height: 100vh;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* SPLIT SCREEN CONTAINER – TAM EKRAN */
.split-container {
display: flex;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
margin: 0;
padding: 0;
}
/* HER BİR PANEL (SOL VE SAĞ) */
.panel {
position: relative;
flex: 1;
width: 50%;
height: 100vh;
background: transparent;
overflow: hidden;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
/* SOL PANEL ARKA PLAN RESMİ */
.panel:nth-child(1) {
background-image: url(‘https://kalempsikolojiedm.com/wp-content/uploads/2025/11/ofis-masasi-danismanlik-2.jpg’);
background-size: cover;
background-position: center;
}
/* SAĞ PANEL ARKA PLAN RESMİ */
.panel:nth-child(2) {
background-image: url(‘https://kalempsikolojiedm.com/wp-content/uploads/2025/11/Ekran-Resmi-2025-01-28-20.28.20.png’);
background-size: cover;
background-position: center;
}
/* HOVER’DA GENİŞLEME OLMASIN – SAĞA/SOLA KAYMA DURSUN */
.panel:hover {
flex: 1;
}
/* GENİŞLETİLMİŞ OVERLAY – PERDE SABİT KALSIN */
.panel-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg,
rgba(0,0,0,0.25) 0%,
rgba(0,0,0,0.35) 25%,
rgba(0,0,0,0.45) 50%,
rgba(0,0,0,0.55) 75%,
rgba(0,0,0,0.65) 100%);
pointer-events: none;
z-index: 1;
}
/* İÇERİK WRAPPER */
.panel-content {
position: relative;
z-index: 2;
padding: 60px 60px 140px 60px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
/* SOL PANEL – KURUMSAL DANIŞMANLIK */
.panel:nth-child(1) .panel-content {
padding-left: 100px;
padding-right: 150px;
padding-bottom: 140px;
}
/* SAĞ PANEL – BİREYSEL DANIŞMANLIK */
.panel:nth-child(2) .panel-content {
padding-left: 180px;
padding-right: 80px;
padding-bottom: 140px;
}
/* BAŞLIK – GOOGLE FONTS İLE GÜÇLÜ FONT */
.panel-title {
font-size: 76px;
font-weight: 400;
color: #ffffff;
font-family: ‘Bebas Neue’, ‘Impact’, ‘Arial Black’, sans-serif;
text-transform: uppercase;
text-shadow:
5px 5px 25px rgba(0,0,0,1),
0 0 50px rgba(255,255,255,0.5),
0 0 80px rgba(0,212,255,0.3);
margin-bottom: 50px;
line-height: 0.85;
letter-spacing: 2px;
animation: titleSlideIn 0.8s ease-out;
}
/* ELEMENTOR KIRMIZI YAZILARINI OVERRIDE ET */
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
h1, h2 {
color: #ffffff !important;
font-family: ‘Bebas Neue’, ‘Impact’, ‘Arial Black’, sans-serif !important;
text-shadow:
5px 5px 25px rgba(0,0,0,1),
0 0 50px rgba(255,255,255,0.5),
0 0 80px rgba(0,212,255,0.3) !important;
}
@keyframes titleSlideIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.panel:hover .panel-title {
transform: translateY(-5px);
text-shadow:
3px 3px 20px rgba(0,0,0,1),
0 0 40px rgba(255,255,255,0.5),
0 0 60px rgba(255,255,255,0.3);
}
/* DETAY GÖR BUTONU */
.panel-button {
display: inline-block;
padding: 18px 55px;
border: 3px solid #ffffff;
color: #ffffff;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 3px;
background: transparent;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
animation: buttonFadeIn 1s ease-out 0.3s both;
}
@keyframes buttonFadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* BUTON HOVER */
.panel-button::before {
content: ”;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: #ffffff;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all 0.6s ease;
z-index: -1;
}
.panel-button:hover::before {
width: 300%;
height: 500%;
border-radius: 0;
}
.panel-button:hover {
color: #000000;
border-color: #ffffff;
transform: scale(1.05);
box-shadow: 0 10px 30px rgba(255,255,255,0.3);
}
/* ALT KISIM – 2’Lİ HİZMET SATIRI */
.services-row {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
background: transparent;
z-index: 20;
}
.service-item {
flex: 1;
padding: 25px 20px;
text-decoration: none;
text-align: center;
transition: all 0.4s ease;
position: relative;
border-top: 4px solid rgba(255,255,255,0.3);
background: transparent;
}
.service-item:first-child {
border-top-color: #00d4ff;
}
.service-item:hover {
background: linear-gradient(135deg,
rgba(0,150,255,0.3) 0%,
rgba(0,200,255,0.5) 50%,
rgba(0,212,255,0.3) 100%);
border-top-color: #00d4ff;
box-shadow:
0 -5px 30px rgba(0,212,255,0.6),
inset 0 0 50px rgba(0,212,255,0.2);
transform: translateY(-5px);
}
.service-text {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
line-height: 1.3;
letter-spacing: 1px;
text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
transition: all 0.4s ease;
}
.service-item:hover .service-text {
color: #00d4ff;
text-shadow:
0 0 20px rgba(0,212,255,1),
0 0 40px rgba(0,212,255,0.8),
2px 2px 10px rgba(0,0,0,0.9);
transform: scale(1.08);
letter-spacing: 2px;
}
/* DİKEY AYIRICI ÇİZGİ */
.divider {
display: none;
position: absolute;
left: 50%;
top: 0;
width: 2px;
height: 100%;
background: linear-gradient(to bottom,
transparent 0%,
rgba(255,255,255,0.3) 20%,
rgba(255,0,0,0.5) 50%,
rgba(255,255,255,0.3) 80%,
transparent 100%);
z-index: 10;
box-shadow: 0 0 15px rgba(255,0,0,0.3);
}
/* LOGO SABİT BOYUT – RESPONSIVE */
.logo-container {
position: fixed;
top: 20px;
right: 40px;
z-index: 100;
}
.logo-container img {
height: 40px;
width: auto;
max-width: 200px;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5));
}
/* MOBİL UYUMLULUK – MASAÜSTÜ GİBİ GÖSTER */
@media (max-width: 968px) {
html {
overflow-x: auto !important;
}
body {
min-width: 1200px !important;
overflow-x: auto !important;
}
.split-container {
min-width: 1200px !important;
}
.panel-title {
font-size: 60px !important;
}
.panel:nth-child(1) .panel-content {
padding-left: 60px !important;
padding-right: 80px !important;
}
.panel:nth-child(2) .panel-content {
padding-left: 80px !important;
padding-right: 60px !important;
}
/* MOBİLDE LOGO GİZLE – HEADER GÖZÜKSÜN */
.logo-container {
display: none !important;
}
.service-text {
font-size: 13px !important;
}
}
/* TAB GÖRÜNÜMÜ */
@media (min-width: 969px) and (max-width: 1200px) {
.panel-title {
font-size: 60px;
}
.service-text {
font-size: 13px;
}
}

KURUMSAL
DANIŞMANLIK
BİREYSEL
DANIŞMANLIK
DETAY GÖR
KURUMSAL EĞİTİM
BİREYSEL EĞİTİM
Biz Kimiz | Kalem Psikoloji
/* — GENEL SIFIRLAMA — */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–primary-blue: #3b82f6;
–dark-bg: #020617;
–text-white: #ffffff;
–text-gray: #94a3b8;
}
body, html {
width: 100%;
background-color: var(–dark-bg);
font-family: ‘Inter’, sans-serif;
color: var(–text-white);
overflow-x: hidden;
}
/* — %100 TAM EKRAN VE SİYAH TASARIM — */
.kp-full-section {
width: 100%;
background-color: #020617; /* Gece Siyahı */
color: #e2e8f0;
font-family: ‘Inter’, sans-serif;
/* Header kalktığı için üst boşluğu azalttım */
padding: 80px 20px 80px;
box-sizing: border-box;
position: relative;
}
/* İçeriği Ortada Tutan Kutu */
.kp-inner-container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 2;
}
/* Başlıklar */
.kp-title {
text-align: center;
font-size: 3rem;
font-weight: 800;
color: #ffffff;
margin: 0 0 20px 0;
text-transform: uppercase;
font-family: ‘Manrope’, sans-serif;
text-shadow: 0 0 30px rgba(59, 130, 246, 0.3);
}
.kp-divider {
width: 80px;
height: 6px;
background: #3b82f6; /* Mavi Çizgi */
margin: 0 auto 60px;
border-radius: 50px;
box-shadow: 0 0 15px rgba(59, 130, 246, 0.6);
}
/* Metin Alanları */
.kp-text-block {
text-align: center;
max-width: 900px;
margin: 0 auto 100px;
font-size: 1.15rem;
line-height: 1.8;
color: #cbd5e1;
}
/* Hikayemiz (Grid Yapısı) */
.kp-story-area {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 100px;
}
.kp-story-content h3 {
font-size: 2.2rem;
color: #fff;
margin-bottom: 25px;
font-weight: 800;
font-family: ‘Manrope’, sans-serif;
}
/* Alıntı Kutusu */
.kp-quote {
background: rgba(30, 41, 59, 0.4);
border: 1px solid rgba(59, 130, 246, 0.2);
padding: 40px;
border-radius: 20px;
font-style: italic;
font-size: 1.2rem;
color: #fff;
position: relative;
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.kp-quote::before {
content: ‘”‘;
font-size: 5rem;
position: absolute;
top: -30px;
left: 20px;
color: #3b82f6;
opacity: 0.4;
font-family: serif;
}
/* Misyon Vizyon Kartları */
.kp-mv-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 80px;
}
.kp-card {
background: rgba(15, 23, 42, 0.8);
border: 1px solid rgba(255,255,255,0.05);
padding: 40px;
border-radius: 25px;
transition: 0.3s;
}
.kp-card:hover {
transform: translateY(-5px);
border-color: #3b82f6;
box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}
.kp-icon {
width: 60px; height: 60px;
background: rgba(59, 130, 246, 0.1);
border-radius: 12px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 20px;
}
.kp-icon svg { width: 30px; fill: #3b82f6; }
.kp-card h3 { font-size: 1.5rem; color: #fff; margin-bottom: 15px; font-weight: 700; }
.kp-card p { color: #94a3b8; line-height: 1.6; }
/* İÇERİK İÇİ İLETİŞİM ALANI */
.kp-contact-section {
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 50px;
text-align: center;
}
.kp-contact-header {
color: #3b82f6;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 30px;
display: block;
}
.kp-contact-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.kp-info-pill {
display: flex;
align-items: center;
gap: 12px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.1);
padding: 15px 30px;
border-radius: 50px;
transition: 0.3s;
}
.kp-info-pill:hover {
background: rgba(59, 130, 246, 0.1);
border-color: #3b82f6;
}
.kp-info-pill svg { width: 20px; fill: #3b82f6; flex-shrink: 0; }
.kp-info-pill span { color: #fff; font-size: 0.95rem; text-align: left; }
/* MOBİL DÜZENLEMELER */
@media (max-width: 900px) {
.kp-story-area, .kp-mv-wrapper { grid-template-columns: 1fr; gap: 40px; }
.kp-title { font-size: 2.2rem; }
.kp-contact-grid { flex-direction: column; }
.kp-info-pill { justify-content: center; text-align: center; padding: 20px; flex-direction: column; }
.kp-info-pill span { text-align: center; }
}
/* — FOOTER (MAVİ TEMALI) — */
.custom-footer {
width: 100%;
background: #00040f;
border-top: 1px solid rgba(59, 130, 246, 0.2); /* Mavi çizgi */
padding: 60px 20px 30px 20px;
margin-top: auto;
}
.footer-content {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1.5fr;
gap: 40px;
}
.footer-col h4 {
color: white;
font-size: 1.2rem;
margin-bottom: 20px;
font-family: ‘Manrope’, sans-serif;
border-left: 3px solid var(–primary-blue); /* Mavi vurgu */
padding-left: 10px;
}
/* Linkler */
.footer-links ul { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 12px; }
.footer-links a {
color: var(–text-gray);
text-decoration: none;
transition: 0.3s;
font-size: 0.95rem;
display: flex; align-items: center; gap: 8px;
}
.footer-links a:hover {
color: var(–primary-blue); /* Mavi hover */
transform: translateX(5px);
}
.footer-links a::before { content: ‘›’; font-weight: bold; opacity: 0.5; color: var(–primary-blue); }
/* İletişim */
.footer-contact p {
color: var(–text-gray);
margin-bottom: 15px;
display: flex;
align-items: flex-start;
gap: 15px;
font-size: 0.95rem;
line-height: 1.6;
}
.footer-contact i {
color: var(–primary-blue); /* Mavi ikonlar */
font-size: 1.1rem;
margin-top: 3px;
}
/* Harita */
.map-container {
width: 100%;
height: 250px;
border-radius: 15px;
overflow: hidden;
border: 1px solid rgba(59, 130, 246, 0.2);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.map-container iframe { width: 100%; height: 100%; border: 0; filter: invert(90%) hue-rotate(180deg); }
.footer-bottom {
max-width: 1300px;
margin: 40px auto 0;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,0.05);
text-align: center;
color: #555;
font-size: 0.85rem;
}
@media (max-width: 900px) {
.footer-content { grid-template-columns: 1fr; gap: 30px; }
.map-container { height: 200px; }
}
BİZ KİMİZ?
Kalem Psikoloji, mental sağlık alanında profesyonel, güvenilir ve yenilikçi çözümler sunan deneyimli bir ekiptir. Bireylerin yaşam kalitesini artırmak ve toplumsal farkındalığı güçlendirmek için bilimsel yöntemlerle çalışıyoruz.
Kanıta dayalı psikoloji ilkelerine bağlı kalarak, her danışanımızın benzersiz ihtiyaçlarına özel çözümler geliştiriyor ve uzman kadromuzla kapsamlı psikolojik destek sunuyoruz.
HİKAYEMİZ
Kalem Psikoloji, 2010 yılında mental sağlık hizmetlerini daha erişilebilir ve etkili hale getirmek vizyonuyla kuruldu. Küçük bir danışmanlık ofisinden başlayan yolculuğumuz, bugün binlerce bireye ve onlarca kuruma profesyonel destek sunan köklü bir organizasyona dönüştü.
15 yıllık deneyimimiz boyunca bireysel terapi, çift ve aile danışmanlığı, kurumsal psikolojik destek ve eğitim programlarıyla binlerce insanın hayatına dokunduk.
“Her bireyin kendini güvende hissettiği, yargılanmadan dinlendiği ve etkili çözümlere ulaştığı bir ortam yaratmak için çalışıyoruz.”
Misyonumuz
Bireylerin ve toplumun mental sağlığını güçlendirmek için profesyonel, bilimsel ve erişilebilir psikolojik danışmanlık hizmetleri sunmak.
Vizyonumuz
Mental sağlık konusunda toplumsal farkındalığı artırarak, psikolojik desteğin bir ihtiyaç olduğu anlayışını yaygınlaştırmak ve sektöre öncülük etmek.
Hızlı İletişim
+90 541 525 36 40
Gevher Nesibe Mah. Tekin Sok. Miraboğlu İş Mrk. Kat:6 No:24/17 Kocasinan/Kayseri