.farm-section {
max-width: 1200px;
margin: 80px auto;
padding: 0 20px;
font-family: var(--font-main);
color: var(--primary);
}/* Üst Bölüm: Görsel ve Yazı */
.farm-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
margin-bottom: 50px;
}.farm-image {
width: 100%;
height: 500px;
position: relative;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}.farm-image img {
width: 100%;
height: auto;
display: block;
transition: transform 0.6s ease;
}
.farm-image:hover img {
transform: scale(1.03);
}.farm-content {
padding-right: 20px;
}.subtitle {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--text-gray);
margin-bottom: 15px;
display: block;
}.main-title2 {
font-family: var(--font2);
font-size: 42px;
line-height: 1.1;
font-weight: 400;
margin-bottom: 30px;
color: #1a1a1a;
margin-top: 0px;
}/* Numaralı Liste ve Bağlantı Çizgisi */:root {
--primary-dark: #0f172a; /* Gece Mavisi / Siyah */
--accent-gold: #c5a059; /* Kurumsal Altın / Bronz */
--text-main: #334155; /* Yumuşak Gri Metin */
--border-soft: #e2e8f0; /* İnce Kenarlık */
}.corporate-expertise-wrap {
padding-left: 0px; /* Görselden uzaklık */
text-align: left;
}/* Üst Başlık Tasarımı */
.expertise-header {
margin-bottom: 55px;
}.badge-area {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
}.badge-area .line {
width: 30px;
height: 2px;
background-color: var(--accent-gold);
}.badge-text {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.15em;
color: var(--accent-gold);
}.main-title {
font-size: 42px;
font-weight: 800;
color: var(--primary-dark);
line-height: 1.1;
margin-bottom: 25px;
letter-spacing: -0.02em;
}.main-title span {
font-weight: 300; /* Başlığın bir kısmı zarif görünsün diye */
color: var(--text-main);
}.sub-lead {
font-size: 15px;
line-height: 1.4;
border-left: 3px solid var(--border-soft);
padding-left: 20px;
}/* Liste Alanı */
.expertise-grid {
display: flex;
flex-direction: column;
gap: 0px;
}.expertise-item {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 0;
transition: transform 0.3s ease;
}.expertise-item:hover {
transform: translateX(8px);
}.icon-box {
width: 19px;
height: 19px;
color: var(--accent-gold);
display: flex;
align-items: center;
justify-content: start;
flex-shrink: 0;
padding: 0;
}.farm-content h2 {
margin: 0;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
color: #c5a059;
font-family: var(--font2);
}.expertise-item h3 {
margin: 0;
font-size: 14px;
font-weight: 500;
color: var(--primary-dark);
letter-spacing: 0;
}/* Mobil Düzenlemeler */
@media (max-width: 991px) {
.corporate-expertise-wrap {
padding-left: 0;
margin-top: 40px;
}
.main-title {
font-size: 32px;
}
}/* Alt Bölüm: İstatistikler */
.stats-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-top: 1px solid #f0f0f0;
padding-top: 50px;
}.stat-item {
text-align: center;
}
.stat-label {
font-size: 12px;
color: var(--text-gray);
display: block;
margin-top: 10px;
font-weight: 500;
}.stat-value-container {
display: flex;
align-items: center;
gap: 12px;
justify-content: center;
}.stat-suffix {
font-size: 20px;
font-weight: 500;
color: #c5a059; /* Kurumsal altın/bronz tonu */
}.stat-value {
font-size: 48px;
font-weight: 300;
color: #1a1a1a;
/* letter-spacing: -1px; */
font-family: var(--font2);
}/* Responsive */
@media (max-width: 992px) {
.farm-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.stats-row {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.farm-content {
order: 1;
}
.farm-image {
order: 2;
}
}/**/.hero-wrapper {
position: relative;
width: 100%;
height: 100vh;
background-color: #000;
overflow: hidden;
display: flex;
align-items: center;
color: #fff;
}/* Arka Plan Görseli ve Ken Burns Efekti */
.hero-bg {
position: absolute;
inset: 0;
z-index: 1;
overflow: hidden;
}.hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}/* Karartma Katmanı */
.hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0.3) 50%,
rgba(0, 0, 0, 0) 100%
);
}/* Metin Alanı */
.hero-content {
position: relative;
z-index: 3;
width: 100%;
color: var(--text-white);
}.hero-heading {
font-family: var(--font2);
font-size: 42px;
line-height: 42px;
line-height: 1.1;
font-weight: 400;
margin-bottom: 30px;
opacity: 0;
transform: translateY(40px);
animation: fadeUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}.hero-description {
line-height: 1.5;
font-weight: 300;
max-width: 650px;
opacity: 0;
transform: translateY(30px);
animation: fadeUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
}@keyframes fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}/* Alt Kısımdaki Yukarı Oku (Opsiyonel) */
.scroll-indicator {
position: absolute;
bottom: 40px;
right: 40px;
z-index: 3;
width: 50px;
height: 50px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
cursor: pointer;
}.scroll-indicator:hover {
border-color: #fff;
background: rgba(255, 255, 255, 0.1);
}.scroll-indicator svg {
fill: #fff;
width: 20px;
}/**/.history-section {
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: #fff;
}/* Arka Plan */
.history-bg {
position: absolute;
inset: 0;
z-index: 1;
}.history-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}/* 1. Kapsayıcı: Resmin taşmasını engeller */
.fx-zoom-container {
width: 100%;
position: relative;
overflow: hidden;
padding: 90px 0 0 0;
}/* 2. Resim: Başlangıç ayarları */
.fx-ken-burns {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
will-change: transform;
}/* 3. Animasyon Tetiklendiğinde (JS ile 'active' eklenince) */
.fx-ken-burns.active {
animation: fx-prestige-zoom 20s ease-in-out infinite alternate;
}/* Sinematik Yakınlaşma ve Hafif Kayma Efekti */
@keyframes fx-prestige-zoom {
0% {
transform: scale(1) translate(0, 0);
}
100% {
transform: scale(1.12) translate(-2%, -1%);
}
}/* Alternatif: Sadece Yavaş Zoom istersen bunu kullanabilirsin */
.fx-slow-zoom.active {
animation: fx-just-zoom 25s linear forwards;
}@keyframes fx-just-zoom {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}/* Üstten beyaz geçiş (Görseldeki gibi) */
.history-overlay-top {
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 70%;
background: linear-gradient(
to bottom,
rgb(255 255 255) 40%,
rgba(255, 255, 255, 0) 100%
);
z-index: 9;
opacity: 90%;
}/* Alttan siyah geçiş */
.history-overlay-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to top,
rgb(0 0 0 / 100%) 0%,
rgba(0, 0, 0, 0) 130%
);
z-index: 2;
opacity: 90%;
}/* İçerik Yerleşimi */
.history-container {
position: relative;
z-index: 99;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.history-main-description {
font-size: 16px;
color: var(--text-gray);
margin-bottom: 40px;
}.history-main-title {
font-family: var(--font2);
font-size: 38px;
line-height: 44px;
color: #1a1a1a;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;
}.history-year-wrap {
margin-top: auto;
margin-bottom: auto;
display: flex;
flex-direction: column;
align-items: center;
}.since-text {
font-family: var(--font2);
font-size: 28px;
color: #ffc377; /* Altın/Bronz tonu */
margin-top: 120px;
}.year-text {
font-family: var(--font2);
font-size: 120px;
line-height: 0.9;
color: #ffc377;
font-weight: 400;
margin-bottom: 12px;
margin-top: 0px;
}/* Yuvarlak Buton */
.history-footer {
position: absolute;
bottom: -72px;
z-index: 99;
}.read-more-circle {
width: 150px;
height: 150px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: transform 0.3s ease;
border: 1px solid #e9e9e9;
position: relative;
overflow: hidden;
}.read-more-circle::before {
position: absolute;
width: 0%;
height: 0%;
content: "";
background: #000;
z-index: 0;
left: 0;
right: 0;
border-radius: 100%;
transition: 0.5s all ease;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}.read-more-circle:hover::before {
width: 100%;
height: 100%;
}.read-more-circle span {
font-size: 15px;
color: #000;
font-weight: 600;
position: relative;
z-index: 1;
}.read-more-circle:hover span {
color: #fff;
}.timeline-section {
padding: 30px 0 50px;
width: 100%;
overflow: hidden;
}.timeline-wrapper {
position: relative;
width: 100%;
margin-bottom: 50px;
}/* Ana Yatay Çizgi */
.timeline-main-line {
position: absolute;
top: 97px;
left: 0;
width: 100%;
height: 1px;
background-color: #ffffff7a;
z-index: 1;
}.timeline-items {
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
padding-left: 35px;
}.timeline-item {
flex: 1;
padding-right: 20px;
text-align: left;
}/* Yıl Yazısı */
.timeline-year {
font-family: sans-serif;
font-size: 66px;
font-weight: 500;
color: #ffc377;
margin-bottom: 13px;
display: block;
font-family: var(--font2);
}.timeline-year svg {
fill: #ffc377;
width: 50px;
height: 50px;
}/* Çizgi Üzerindeki Nokta */
.timeline-dot {
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
margin-bottom: 25px;
position: relative;
}/* Başlık (Küçük Başlık) */
.timeline-title {
font-size: 16px;
font-weight: 700;
color: #fff;
margin-bottom: 12px;
}/* Açıklama Metni */
.timeline-desc {
font-size: 14px;
line-height: 1.4;
color: #fff;
max-width: 250px;
font-weight: 300;
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.timeline-items {
flex-direction: column;
gap: 40px;
}
.timeline-main-line {
display: none; /* Mobilde çizgiyi gizleyebilir veya dikey yapabilirsin */
}
.timeline-item {
border-left: 2px solid #6b8e61;
padding-left: 20px;
}
.timeline-dot {
display: none;
}
}/**/.interactive-services {
padding: 140px 0 80px;
background-color: #fff;
}.is-wrapper {
display: flex;
align-items: center;
justify-content: 间-between;
gap: 50px;
}/* Sol Menü */
.is-nav {
flex: 1.2;
}.is-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 25px;
}.is-menu-item {
color: #000;
font-size: 30px;
font-weight: 500;
letter-spacing: 0;
line-height: 1;
display: inline-flex;
margin-bottom: 0px;
cursor: pointer;
position: relative;
}.is-menu-item svg {
width: 30px;
height: 30px;
margin-right: 16px;
fill: #a6a6a6;
}.is-menu-item span {
font-size: 18px;
font-weight: 600;
line-height: 1.3;
}.is-menu-item small {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
display: block;
margin-top: 5px;
opacity: 60%;
}.is-menu-item:after {
display: block;
content: "";
width: 0;
height: 1px;
background-color: #c5a059;
transition: width 0.3s ease-in-out;
bottom: -10px;
position: absolute;
}.is-menu-item:hover:after,
.is-menu-item.active:after {
width: 100%;
}.is-menu-item:hover svg,
.is-menu-item.active svg {
fill: #c5a059;
}.is-menu-item:hover,
.is-menu-item.active {
color: #c5a059; /* Altın/Bronz tonu */
}/* Orta Görsel */
.is-image-container {
flex: 2;
position: relative;
height: 380px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}.is-content-block {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: all 0.8s ease-in-out;
transform: scale(1.1);
}.is-content-block.active {
opacity: 1;
visibility: visible;
transform: scale(1);
}.is-content-block img {
width: 100%;
height: 100%;
object-fit: cover;
}/* Sağ Metin */
.is-text-container {
flex: 1.2;
}.is-text-block {
display: none;
animation: slideUp 0.6s ease forwards;
}.is-text-block.active {
display: block;
}.is-text-block h2 {
font-family: var(--font2);
font-size: 34px;
line-height: 1.2;
color: #1a1a1a;
font-weight: 400;
margin-top: 0px;
}.is-text-block p {
font-size: 15px;
}/* Animasyonlar */
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}/* Mobil Uyumluluk */
@media (max-width: 991px) {
.is-wrapper {
flex-direction: column;
text-align: center;
}
.is-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
}
.is-image-container {
width: 100%;
height: 350px;
}
}/***/.site-btn {
background: transparent;
border: 1px solid #000;
padding: 10px 25px;
border-radius: 30px;
color: #000;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
}.site-btn:hover {
background: #000;
color: #fff;
}.proje-section {
background-color: #a6a6a6;
padding: 90px 0;
font-family: var(--font2);
overflow: hidden;
user-select: none;
}.proje-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}.proje-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}.proje-main-title {
font-size: 42px;
color: #fff;
font-weight: 300;
margin: 0;
}.proje-tabs {
display: flex;
gap: 10px;
}.proje-tab-btn {
background: transparent;
border: 2px solid #fff;
padding: 10px 25px;
border-radius: 30px;
color: #fff;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}.proje-tab-btn.active {
border-color: #000;
color: #000;
}/* Slider Track */
.proje-slider-wrapper {
cursor: grab;
position: relative;
}.proje-slider-track {
display: flex;
gap: 30px;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
will-change: transform;
}/* Kartlar */
.proje-card {
flex: 0 0 350px; /* Kart genişliği */
height: 500px;
text-decoration: none;
opacity: 1;
transition: opacity 0.4s ease, transform 0.3s ease;
display: block;
}/* Gizlenen kartlar için */
.proje-card.hidden {
display: none;
opacity: 0;
}.proje-img-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}.proje-img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%); /* Başlangıç siyah beyaz */
transition: all 0.7s ease;
}/* Üzerine gelince (Hover) */
.proje-card:hover .proje-img {
filter: grayscale(0%); /* Renklenir */
transform: scale(1.05);
}.proje-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);
display: flex;
align-items: flex-end;
padding: 30px;
opacity: 0; /* Başlangıçta gizli */
transition: opacity 0.5s ease;
}.proje-card:hover .proje-overlay {
opacity: 1;
}.proje-title {
color: #fff;
font-size: 24px;
margin: 0;
}.proje-status-text {
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
margin-top: 14px;
display: block;
}.proje-footer {
display: flex;
justify-content: center;
margin-top: 40px;
}.proje-all-link {
color: #fff;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
}
/* Noktaların Konumu */
.proje-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
margin-top: 40px;
}/* Tekil Nokta Tasarımı */
.proje-dot {
width: 10px;
height: 5px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 5px;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: none;
padding: 0;
}/* Aktif Nokta */
.proje-dot.active {
width: 25px;
background-color: #fff; /* Altın rengi */
}.proje-dot:hover {
background-color: #fff;
}/**/:root {
--gold: #c5a059;
--dark: #111;
}.innovation-section {
padding: 80px 0;
background-color: #f7f7f7;
overflow: hidden;
}.innovation-header {
text-align: center;
margin-bottom: 100px;
}.innovation-main-title {
font-family: var(--font-serif);
font-size: 45px;
font-weight: 300;
color: var(--dark);
}.innovation-container {
position: relative;
max-width: 1200px;
margin: 0 auto;
}/* Merkez Çizgi */
.innovation-center-line {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(0, 0, 0, 0.1);
transform: translateX(-50%);
}.innovation-row {
display: flex;
width: 100%;
margin-bottom: 20px;
position: relative;
}/* --- SOLDAKİ ÖĞELER (Soldan Sağa Gelecek) --- */
.innovation-row.left-item {
justify-content: flex-start;
padding-right: 50%; /* Yazıyı sola yaslar */
}.innovation-row.left-item .innovation-content {
text-align: right;
padding-right: 60px;
opacity: 0;
transform: translateX(-150px); /* Soldan başlar */
transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}/* --- SAĞDAKİ ÖĞELER (Sağdan Sola Gelecek) --- */
.innovation-row.right-item {
justify-content: flex-end;
padding-left: 50%; /* Yazıyı sağa yaslar */
}.innovation-row.right-item .innovation-text {
margin-left: 0;
}.innovation-row.right-item .innovation-content {
text-align: left;
padding-left: 60px;
opacity: 0;
transform: translateX(150px); /* Sağdan başlar */
transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}/* --- AKTİF DURUM (Görününce tetiklenir) --- */
.innovation-row.visible .innovation-content {
opacity: 1;
transform: translateX(0);
}/* İkonlar */
.innovation-icon {
width: 50px;
height: 50px;
margin-bottom: 0px;
}
.innovation-row.left-item .innovation-icon {
margin-left: auto;
}.innovation-title {
font-family: var(--font2);
font-size: 28px;
line-height: 28px;
font-weight: 300;
margin-bottom: 15px;
margin-top: 0px;
}.innovation-text {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #555;
width: 80%;
margin-left: auto;
}/* Çizgi Üstündeki Noktalar */
.innovation-row::before {
content: "";
position: absolute;
top: 30px;
left: 50%;
width: 8px;
height: 8px;
background: var(--gold);
border-radius: 50%;
transform: translateX(-50%);
z-index: 2;
}/* Responsive */
@media (max-width: 768px) {
.innovation-center-line {
left: 20px;
}
.innovation-row {
flex-direction: column;
padding: 0 0 0 50px !important;
margin-bottom: 60px;
}
.innovation-row::before {
left: 20px;
}
.innovation-row.left-item .innovation-content,
.innovation-row.right-item .innovation-content {
text-align: left !important;
padding: 0 !important;
transform: translateX(-20px) !important;
}.innovation-center-line,
.innovation-row::before{
display: none;
}.footer1-credits {
justify-content: center;
}}.header-title {
width: 100%;
height: auto;
margin-bottom: 70px;
}.header-title span {
width: 100%;
height: auto;
margin-bottom: 10px;
font-weight: 500;
display: block;
}.header-title .header-h {
width: 100%;
height: auto;
font-size: 38px;
font-weight: 300;
font-family: var(--font2);
margin-top: 0px;
}.text-center {
text-align: center;
}/**/:root {
--sobha-gold: #c5a059;
--sobha-text: #1a1a1a;
--sobha-light-text: #666;
--sobha-border: #eee;
}.sobha-footer {
background-color: #ffffff;
padding: 80px 0 40px 0;
font-family: "Inter", sans-serif; /* Modern sans-serif font */
color: var(--sobha-text);
border-top: 1px solid var(--sobha-border);
}.sobha-footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}.sobha-footer-main {
display: flex;
justify-content: end;
align-items: flex-start;
flex-wrap: wrap;
gap: 130px;
margin-bottom: 60px;
}/* Logo ve Marka Alanı */
.sobha-brand-box {
display: flex;
align-items: flex-start;
gap: 30px;
flex: 2;
min-width: 300px;
}.sobha-big-logo {
display: block;
user-select: none;
}.sobha-big-logo img {
height: 70px;
width: auto;
}
.sobha-company-details h3 {
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 10px;
margin-top: 10px;
}.sobha-company-details p {
font-size: 14px;
color: var(--sobha-light-text);
margin-bottom: 20px;
max-width: 300px;
line-height: 1.5;
}/* İletişim Linkleri */
.sobha-contact-info {
display: flex;
flex-direction: column;
gap: 10px;
}.sobha-contact-info a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--sobha-text);
font-size: 14px;
font-weight: 500;
transition: color 0.3s;
}.sobha-contact-info a:hover {
color: var(--sobha-gold);
}.sobha-icon {
width: 18px;
height: 18px;
stroke: var(--sobha-text);
}/* Menü Linkleri */
.sobha-footer-links {
}.footer1-credits {
display: flex;
align-items: center;
gap: 10px;
}.footer1-credits strong {
color: #666;
letter-spacing: 1px;
}.footer1-credits a {
display: flex;
align-items: center;
}
.footer1-credits img {
height: 15px;
width: auto;
}.sobha-footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}.sobha-footer-links li {
margin-bottom: 12px;
}.sobha-footer-links a {
text-decoration: none;
color: var(--sobha-text);
font-size: 15px;
font-weight: 500;
transition: all 0.3s;
}.sobha-footer-links a:hover {
color: var(--sobha-gold);
padding-left: 5px;
}/* Footer Alt Bar */
.sobha-footer-bottom {
border-top: 1px solid var(--sobha-border);
padding-top: 30px;
display: flex;
justify-content: space-between;
}.sobha-footer-bottom p {
font-size: 13px;
color: var(--sobha-light-text);
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.sobha-footer-main {
flex-direction: column;
gap: 50px;
}.sobha-big-logo {
font-size: 80px;
}.sobha-brand-box {
flex: 1;
}
}/**/.contact-cta-section {
/* Gri zemin rengi */
background-color: #7a7d81;
background-image: url("https://habereksprescomtr.teimg.com/crop/1280x720/haberekspres-com-tr/uploads/2024/06/agency/igf/en-buyuk-santiye-adiyaman-inderede-16-bin-433-konut-yapimi-suruyor.jpg");
background-repeat: repeat;
padding: 100px 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
background-position: center;
background-size: cover;
}/* Arka planı biraz daha koyulaştırmak için overlay (isteğe bağlı) */
.contact-cta-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
background: rgb(65 64 64 / 95%);
}.contact-cta-container {
position: relative;
z-index: 99;
max-width: 800px;
padding: 0 20px;
}.contact-cta-title {
font-family: var(--font2); /* İstediğin font */
font-weight: 300; /* İstediğin kalınlık */
font-size: 42px; /* İstediğin boyut */
color: #ffffff;
margin-bottom: 20px;
letter-spacing: 1px;
}.contact-cta-desc {
font-size: 16px;
color: rgba(255, 255, 255, 0.85);
margin-bottom: 40px;
line-height: 1.6;
font-weight: 300;
}.contact-cta-btn {
display: inline-block;
padding: 15px 45px;
border: 1px solid #ffffff; /* Beyaz ince çerçeve */
background-color: transparent;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: 600;
border-radius: 50px; /* Görseldeki buton yapısına uygun yuvarlak hatlar */
transition: all 0.4s ease;
}/* Buton Hover Efekti */
.contact-cta-btn:hover {
background-color: #ffffff;
color: #7a7d81; /* Arka plan rengine döner */
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}/**//* --- HİZMET BLOĞU ANA CSS --- */
.service-block {
padding: 30px 0;
opacity: 0;
transform: translateY(40px);
transition: all 1s ease-out;
max-width: 1170px;
margin: 0px auto;
}.service-block:last-child {
padding-bottom: 0px;
}.service-block .text-column {
padding: 50px;
text-align: left;
}.service-block.show {
opacity: 1;
transform: translateY(0);
}/* Başlık ve Metin Stilleri */
.service-title {
font-family: var(--font2);
font-size: 34px;
line-height: 1.2;
color: #1a1a1a;
font-weight: 400;
margin-top: 0px;
text-align: left;
display: flex;
}.service-desc {
font-size: 15px;
color: #444;
text-align: left;
font-weight: 500;
line-height: 1.4;
margin-bottom: 40px;
}/* Görsel Stili */
.img-container {
border-radius: 6px;
height: 380px;
overflow: hidden;
transition: transform 0.6s ease;
}.img-container:hover {
transform: scale(1.02);
}.img-container img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}/* --- OTOMATİK ZİG-ZAG MANTIĞI (FLEX-ROW-REVERSE) --- */
@media (min-width: 992px) {
/* Her ikinci bloğu (çift olanları) ters çevir */
.service-block:nth-child(even) .row {
flex-direction: row-reverse;
}/* Ters dönen bloktaki metinleri sağa yasla *//* Ters dönen blokta paragrafı sağa çekmek için */
.service-block:nth-child(even) .service-desc {
margin-left: auto;
}
}/* Mobil Ayarlar */
@media (max-width: 991px) {
.service-title {
font-size: 2.5rem;
text-align: center;
margin-top: 2rem;
}
.service-desc {
text-align: center;
margin: 0 auto;
}
.service-block {
padding: 40px 0;
}
}/**/:root {
--text-dark: #1a1a1a;
--text-gray: #666666;
--border-color: #e5e5e5;
--soft-bg: #fdfdfd;
}.genel-section {
padding: 80px 0;
background-color: #fff;
color: #1a1a1a;
}
/* Üst Bölüm: Başlık ve Büyük Görsel *//* --- ÜST BÖLÜM --- */
.hero-grid {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 45px;
align-items: center;
margin-bottom: 50px;
}.badge {
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 25px;
display: block;
color: var(--text-gray);
}
.main-title3 {
font-size: 45px;
font-weight: 500;
line-height: 1.1;
margin: 0 0 40px 0;
font-family: var(--font2);
}.read-more {
display: inline-block;
color: #000;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid #000;
padding-bottom: 2px;
transition: opacity 0.3s;
font-weight: 500;
}.intro-text {
font-size: 16px;
color: var(--text-gray);
margin-bottom: 40px;
}.hero-image-wrap {
position: relative;
overflow: hidden;
}.hero-image-wrap img {
width: 100%;
height: 360px;
display: block;
filter: grayscale(100%);
transition: 0.8s ease;
object-fit: cover;
}.hero-image-wrap:hover img {
filter: grayscale(0%);
transform: scale(1.02);
}/* --- AYIRICI ÇİZGİ --- */
.divider {
height: 1px;
background-color: var(--border-color);
width: 100%;
margin-bottom: 50px;
}/* --- ALT 4'LÜ KOLON --- */
.bottom-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}.col-item {
display: flex;
flex-direction: column;
}.col-item svg{
margin-bottom: 17px;
display: block;
}.col-item a {
display: block;
text-decoration: none;
}.col-item a h3 {
display: block;
text-decoration: none;
color: #000;
}/* SVG İkon Stili */
.icon-svg {
width: 32px;
height: 32px;
margin-bottom: 25px;
stroke: #000;
stroke-width: 1.2; /* İnce çizgi */
fill: none;
}.col-item h3 {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 0 0 15px 0;
}.col-item p {
font-size: 14px;
color: var(--text-gray);
margin: 0;
line-height: 1.4;
}/* Mobil Uyumluluk */
@media (max-width: 1024px) {
.hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.bottom-grid {
grid-template-columns: repeat(2, 1fr);
}
}@media (max-width: 600px) {
.bottom-grid {
grid-template-columns: 1fr;
}
.main-title {
font-size: 32px;
}
}/* ==========================================================================
MOBIL UYUMLULUK (RESPONSIVE)
========================================================================== */@media (max-width: 1024px) {
.container { padding: 0 25px; }
/* Hero Section */
.slider-container .slide .text2 { font-size: 2.5rem; line-height: 2.8rem; }
/* Hakkımızda */
.hero-grid { grid-template-columns: 1fr; gap: 30px; }
.hero-image-wrap img { height: 300px; }
/* Proje Kartları */
.proje-card { flex: 0 0 300px; height: 450px; }
}@media (max-width: 768px) {
/* Genel Boşluklar */
section { padding: 50px 0 !important; }/* Ana Slider */
.slider-container .slide .text1 { font-size: 1.1rem; margin-bottom: 15px; }
.slider-container .slide .text2 { font-size: 1.8rem; line-height: 2.2rem; }
.slider-indicators { bottom: 20px; }/* Hakkımızda Giriş */
.main-title3 { font-size: 28px; margin-bottom: 20px; }
.intro-text { font-size: 15px; margin-bottom: 25px; }/* 4'lü Alt Kolon */
.bottom-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }/* Hero Banner (Hizmet Özeti) */
.hero-wrapper { height: 60vh; }
.hero-heading { font-size: 26px; line-height: 1.2; }
.hero-description { font-size: 14px; }/* Proje Slider Başlık */
.proje-header { flex-direction: column; align-items: flex-start; gap: 20px; }
.proje-main-title { font-size: 30px; }
.proje-tabs { width: 100%; overflow-x: auto; padding-bottom: 10px; }
.proje-tab-btn { white-space: nowrap; padding: 8px 18px; }/* Tarihçe (Timeline) - Yataydan Dikeye Dönüş */
.history-section{
display: none;
}
.fx-zoom-container{
background:black;
}
.timeline-section { padding-left: 0px; }
.timeline-main-line { display: none; }
.timeline-items {
flex-direction: column;
gap: 40px;
border-left: 1px solid rgba(255,255,255,0.3);
padding-left: 0px;
}
.timeline-item { padding-right: 0; }
.timeline-year { font-size: 40px; margin-bottom: 5px; }
.timeline-dot {
position: absolute;
left: -30px;
top: 20px;
margin-bottom: 0;
}
.history-main-title { font-size: 28px; line-height: 1.2; }/* Hizmetler (Zig-Zag İptal) */
.interactive-services .site-btn{display: none;}
.interactive-services { padding: 60px 0; }
.service-block { padding: 20px 0; }
.service-block .row { flex-direction: column !important; }
.service-block .text-column { padding: 25px 0 0 0 !important; }
.service-title { font-size: 24px;
text-align: center;
display: flex;
justify-content: center; }
.service-desc { margin-bottom: 20px; }
.img-container { height: 250px; }/* İnovasyon (Merkez Çizgi İptal) */
.innovation-center-line { left: 15px; }
.innovation-row { padding-left: 45px !important; padding-right: 0 !important; margin-bottom: 40px; }
.innovation-row::before { left: 15px; }
.innovation-content {
text-align: left !important;
padding: 0 !important;
transform: translateX(30px) !important;
}
.innovation-text { width: 100%; }
.innovation-icon { margin-left: 0 !important;margin-bottom:10px; }/* İletişim CTA */
.contact-cta-title { font-size: 28px; }
.contact-cta-desc { font-size: 14px; }
.contact-cta-btn { width: 100%; padding: 15px 0; }
}@media (max-width: 480px) {
/* 4'lü Alt Kolon Tekli */
.bottom-grid { grid-template-columns: 1fr; }
/* Proje Kartı Genişliği */
.proje-card { flex: 0 0 85%; height: 400px; }
.proje-container { padding: 0 20px; }/* Başlıklar */
.header-title .header-h { font-size: 26px; }
/* Footer */
.sobha-footer-main { gap: 40px; }
.sobha-brand-box { flex-direction: column; gap: 15px; }
.sobha-big-logo img { height: 50px; }
.sobha-footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
}/* Dokunmatik Ekran İyileştirmesi */
@media (hover: none) {
.proje-img { filter: grayscale(0%); }
.proje-overlay { opacity: 1; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); }
.service-block:hover .img-container { transform: none; }
}@media(max-width:1024px){
.sobha-footer-main{
display: none;
}
.sobha-footer{
padding-top: 0;
margin-bottom: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
}
}