.neden-biz {
width: 100%;
text-align: center;
padding: 50px 20px;
}.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
position: relative;
max-width: 1000px;
}/* Ortadaki ayırıcı çizgiler */
.grid-container::before {
content: "";
position: absolute;
top: 50%;
left: 5%;
right: 5%;
height: 1px;
background-color: #e0e0e0;
transform: translateY(-50%);
}.grid-container::after {
content: "";
position: absolute;
left: 50%;
top: 5%;
bottom: 5%;
width: 1px;
background-color: #e0e0e0;
transform: translateX(-50%);
}.grid-item {
display: flex;
align-items: flex-start;
text-align: left;
padding: 20px;
}.icon-box {
min-width: 60px;
margin-right: 20px;
}.icon-box img,
.icon-box svg {
width: 50px;
height: 50px;
fill: #225c2b;
}.content h3 {
margin: 0 0 10px 0;
color: #225c2b;
font-size: 18px;
font-weight: bold;
text-transform: capitalize;
}.content p {
margin: 0;
color: #666;
font-size: 14px;
line-height: 1.4;
font-weight: 500;
}/* Mobil Uyum */
@media (max-width: 768px) {
.grid-container {
grid-template-columns: 1fr;
}.grid-container::before,
.grid-container::after {
display: none;
}.grid-item {
flex-direction: column;
text-align: center;
align-items: center;
}.icon-box {
margin-right: 0;
margin-bottom: 15px;
}
}/* Değişkenler - Yeşil ve Kahverengi Odaklı */
.main-wrapper {
max-width: 1200px;
margin: 80px auto;
padding: 0 30px;
}/* Header */
.top-section {
text-align: center;
margin-bottom: 50px;
}.top-section .top-badge {
font-size: 11px;
font-weight: 700;
letter-spacing: 2.5px;
color: var(--green-light);
text-transform: uppercase;
}.top-section .main-title {
font-size: 43px;
margin-top: 15px;
font-weight: 700;
line-height: 1.2;
color: var(--green-dark);
margin-bottom: 0px;
}.top-section .main-title em {
font-style: italic;
color: var(--brown-earth);
font-weight: 300;
}.top-section p {
font-size: 16px;
margin-top: 15px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 0px;
}/* Grid */
.main-wrapper .master-catalog-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}/* Kartlar */
.main-wrapper .p-unit-card {
background: var(--card-bg);
border-radius: 20px;
display: flex;
overflow: hidden;
border: 1px solid var(--border-line);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
transition: all 0.5s ease;
}.main-wrapper .p-unit-card:hover {
transform: translateY(-10px);
border-color: var(--green-light);
box-shadow: 0 15px 45px rgba(45, 74, 34, 0.1);
}.main-wrapper .p-unit-visual {
width: 40%;
position: relative;
overflow: hidden;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}.main-wrapper .p-unit-visual img {
width: 90%;
height: 90%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}.main-wrapper .p-unit-card:hover .p-unit-visual img {
transform: scale(1.15);
}/* İçerik Alanı */
.main-wrapper .p-unit-content {
width: 60%;
padding: 35px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}.main-wrapper .p-unit-header h3 {
margin: 0 0 12px 0;
font-size: 21px;
color: var(--green-dark);
font-weight: 700;
}.main-wrapper .description {
font-size: 14px;
color: var(--text-dim);
line-height: 1.4;
margin-bottom: 20px;
font-weight: 500;
}/* Metrikler - Kahverengi ve Yeşil Karışımı */
.main-wrapper .p-unit-metrics {
border-top: 1px solid #f0f0f0;
padding-top: 20px;
}.main-wrapper .metric-track {
background: #f0f2ee;
height: 5px;
border-radius: 10px;
margin-bottom: 10px;
}.main-wrapper .metric-fill {
background: linear-gradient(90deg, var(--green-dark), var(--green-light));
height: 100%;
border-radius: 10px;
}.main-wrapper .metric-details {
display: flex;
justify-content: space-between;
font-size: 12px;
color: var(--brown-earth);
font-weight: 600;
}/* Overlay & Buton */
.main-wrapper .call-to-action-overlay {
position: absolute;
inset: 0;
background: rgba(45, 74, 34, 0.9);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
opacity: 0;
transition: opacity 0.4s ease;
z-index: 2;
}.main-wrapper .p-unit-visual:hover .call-to-action-overlay {
opacity: 1;
}.main-wrapper .explore-section {
text-align: center;
margin-top: 30px;
}.main-wrapper .global-action-link {
display: inline-block;
background: var(--brown-earth);
color: #fff;
text-decoration: none;
padding: 16px 40px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
transition: all 0.3s ease;
}.main-wrapper .global-action-link:hover {
background: var(--green-dark);
transform: scale(1.05);
}/* Responsive */
@media (max-width: 992px) {
.main-wrapper .master-catalog-grid {
grid-template-columns: 1fr;
}
}@media (max-width: 600px) {
.main-wrapper .p-unit-card {
flex-direction: column;
}
.main-wrapper .p-unit-visual,
.main-wrapper .p-unit-content {
width: 100%;
}
.main-wrapper .p-unit-visual {
height: 220px;
}
}/**/:root {
--green-dark: #225c2b; /* Ana yeşil */
--green-light: #4c6b3f;
--brown-earth: #4c4842; /* Detay kahverengi */
--bg-soft: #fcfbf7;
--card-bg: #ffffff;
--text-main: #1a1a1a;
--text-dim: #4c4842;
--border-line: rgba(45, 74, 34, 0.1);
--primary-green: #014235;
--accent-yellow: #ffd700;
--text-light: #f8f9fa;
--transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}/* Ana Panel Tasarımı */
.premium-banner {
max-width: 1100px;
margin: 0 auto;
background: linear-gradient(135deg, #014235 0%, #015d4a 100%);
border-radius: 30px;
padding: 50px 40px;
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
box-shadow: 0 25px 50px -12px rgba(0, 66, 53, 0.4);
/* Görseldeki tırtıklı kenar efekti için hafif bir maske */
border: 4px solid rgba(255, 255, 255, 0.05);
}/* Arka Plandaki Hareketli Dalgalar */
.bg-waves {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.15;
pointer-events: none;
}.wave {
position: absolute;
border: 2px solid #fff;
border-radius: 40%;
width: 800px;
height: 800px;
top: -400px;
left: -200px;
animation: drift 20s infinite linear;
}.wave:nth-child(2) {
top: -350px;
left: 400px;
animation: drift 25s infinite linear;
border-radius: 35%;
}@keyframes drift {
from {
transform: rotate(0deg);
}from {
transform: rotate(360deg);
}
}/* İstatistik Kutuları */
.stat-card {
position: relative;
z-index: 2;
text-align: center;
padding: 20px;
transition: var(--transition);
}.stat-card:hover {
transform: translateY(-10px);
}/* İkon Stili */
.icon-wrapper {
width: 70px;
height: 70px;
margin: 0 auto 25px;
background: rgba(255, 215, 0, 0.1);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
border: 1px solid rgba(255, 215, 0, 0.2);
}.stat-card:hover .icon-wrapper {
background: var(--accent-yellow);
transform: rotate(10deg);
}.icon-wrapper svg {
width: 35px;
height: 35px;
fill: var(--accent-yellow);
transition: var(--transition);
}.stat-card:hover .icon-wrapper svg {
fill: var(--primary-green);
}/* Rakam ve Başlık */
.stat-value {
font-size: 40px;
font-weight: 700;
color: var(--accent-yellow);
margin: 0;
line-height: 1;
}.stat-label {
font-size: 18px;
font-weight: 600;
color: var(--text-light);
margin: 10px 0 0px;
letter-spacing: 0.5px;
}.stat-text {
font-size: 14px;
color: rgba(248, 249, 250, 0.7);
line-height: 1.6;
margin: 0;
padding: 0 10px;
}/* Responsive Tasarım */
@media (max-width: 900px) {
.premium-banner {
grid-template-columns: 1fr;
padding: 20px 20px;
gap: 0px;
}.stat-card {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 40px;
}.stat-card:last-child {
border-bottom: none;
}
}/**/:root {
--bg-creme: #fdfaf5; /* Krem arka plan */
--brand-green: #225c2b; /* Kurumsal yeşil */
--gold: #914900; /* Altın sarısı */
--gold-hover: #914900;
--white: #ffffff;
}.global-section {
text-align: center;
}/* --- BAŞLIK ALANI --- */
.header-area {
margin-bottom: 60px;
}.header-area h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
color: var(--brand-green);
margin: 0 0 20px 0;
line-height: 1.2;
}.header-area h1 span {
font-style: italic;
font-weight: 400;
color: var(--gold);
}.header-area p {
font-size: 1.2rem;
color: #666;
font-weight: 300;
max-width: 800px;
margin: 0 auto;
}/* --- HARİTA VE ETKİLEŞİM ALANI --- */
.map-wrapper {
position: relative;
width: 100%;
height: 550px;
background: url("https://upload.wikimedia.org/wikipedia/commons/e/ec/World_map_blank_without_borders.svg")
no-repeat center;
background-size: contain;
margin-top: 0px;
margin-left: -60px;
}/* Yanıp Sönen Noktalar */
.pulse-dot {
position: absolute;
width: 14px;
height: 14px;
background-color: var(--gold);
border-radius: 50%;
z-index: 5;
}.pulse-dot::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-color: var(--gold);
border-radius: 50%;
animation: pulse-effect 2.5s infinite;
}@keyframes pulse-effect {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.8;
}
100% {
transform: translate(-50%, -50%) scale(4);
opacity: 0;
}
}/* Nokta Konumları */
.pos-tr {
top: 25%;
left: 54%;
}
.pos-us {
top: 28%;
left: 26%;
}
.pos-ru {
top: 22%;
left: 68%;
}
.pos-eu {
top: 30%;
left: 48%;
}
.pos-af {
top: 45%;
left: 52%;
}/* --- BİLGİ KARTU --- */
.info-card {
border: solid 1px #f1e9e9fc;
position: absolute;
bottom: 60px;
right: 0;
background: var(--white);
width: 310px;
padding: 40px;
text-align: left;
border-radius: 5px;
box-shadow: 0 25px 50px rgba(0, 66, 54, 0.12);
border-bottom: 6px solid var(--gold);
z-index: 10;
}.info-card h3 {
font-size: 1.8rem;
color: var(--brand-green);
margin: 0 0 15px 0;
}.info-card p {
font-size: 14px;
line-height: 1.4;
color: #4c4842;
font-weight: 500;
margin-bottom: 25px;
}/* BUTON TASARIMI */
.cta-button {
display: inline-block;
background-color: var(--gold);
color: var(--white);
text-decoration: none;
padding: 15px 35px;
border-radius: 50px;
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3);
border: none;
cursor: pointer;
}.cta-button:hover {
background-color: var(--brand-green);
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(0, 66, 54, 0.2);
}/* --- RESPONSIVE --- */
@media (max-width: 992px) {
.map-wrapper {
height: 400px;
}
.info-card {
position: relative;
right: auto;
bottom: auto;
width: auto;
margin: 50px auto 0;
}
}:root {
--projeler-dark: #002d25;
--projeler-gold: #914900;
/* Daha oturaklı bir altın */
--projeler-bg: #fdfdfd;
--projeler-line: rgba(0, 0, 0, 0.06);
--projeler-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}.projeler-wrapper {
margin: 80px auto;
padding: 0 120px;
overflow: hidden;
}/* --- NARİN BAŞLIK ALANI --- */
.projeler-head {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 40px;
text-align: left;
}.projeler-head-text .top-section {
text-align: left;
}.projeler-head-text h2 {
display: block;
}.projeler-head-text h2 span {
display: block;
}/* --- MİNİMALİST NAVİGASYON --- */
.projeler-nav {
display: flex;
gap: 15px;
}.projeler-btn {
width: 54px;
height: 54px;
border: 1px solid var(--projeler-line);
border-radius: 50%;
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: var(--projeler-transition);
}.projeler-btn svg {
width: 20px;
fill: var(--projeler-dark);
transition: 0.3s;
}.projeler-btn:hover {
border-color: var(--projeler-dark);
background: var(--projeler-dark);
}.projeler-btn:hover svg {
fill: #fff;
}/* --- KAYDIRICI SİSTEMİ --- */
.projeler-slider {
overflow: visible;
}.projeler-track {
display: flex;
gap: 30px;
transition: var(--projeler-transition);
}/* --- ZARİF KART TASARIMI --- */
.projeler-card {
flex: 0 0 350px;
background: #fff;
border-radius: 5px;
padding: 13px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
border: 1px solid var(--projeler-line);
transition: var(--projeler-transition);
}.projeler-card:hover {
transform: translateY(-10px);
box-shadow: 0 30px 60px rgba(0, 45, 37, 0.08);
border-color: var(--projeler-gold);
}/* Fotoğraf Alanı */
.projeler-photo {
width: 100%;
height: 280px;
border-radius: 5px;
overflow: hidden;
position: relative;
}.projeler-photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 1.5s ease;
}/* Konum Etiketi */
.projeler-loc {
position: absolute;
top: 15px;
left: 15px;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(8px);
padding: 6px 14px;
border-radius: 30px;
font-size: 11px;
font-weight: 600;
color: var(--projeler-dark);
border: 1px solid rgba(0, 0, 0, 0.05);
}/* Kart İçeriği */
.projeler-body {
padding: 25px 10px 10px;
}.projeler-name {
font-size: 18px;
margin: 0 0 25px 0;
line-height: 1.2;
font-weight: 600;
}/* --- ZARİF TEKNİK VERİ TABLOSU --- */
.projeler-specs {
display: flex;
justify-content: space-between;
padding-top: 20px;
border-top: 1px solid var(--projeler-line);
}.projeler-spec-box {
text-align: left;
}.projeler-spec-label {
display: block;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #999;
margin-bottom: 6px;
font-weight: 600;
}.projeler-spec-value {
font-size: 1.1rem;
font-weight: 300;
color: var(--projeler-dark);
display: flex;
align-items: baseline;
}.projeler-spec-value b {
font-weight: 600;
margin-right: 2px;
}.projeler-spec-unit {
font-size: 10px;
color: var(--projeler-gold);
font-weight: 700;
margin-left: 2px;
}/* Mobil */
@media (max-width: 768px) {
.projeler-card {
flex: 0 0 320px;
}.projeler-head {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}.projeler-head-text h2 {
font-size: 2rem;
}
}/**/:root {
--faq-bg: #fdfaf5;
--faq-white: #ffffff;
--faq-green: #225c2b;
--faq-gold: #c5a059;
--faq-text: #1a1a1a;
--faq-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}.faq-wrapper-bg {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
/* Kaynak Yapan Adam Arka Planı */
background: url("https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?auto=format&fit=crop&q=80&w=1600")
no-repeat center center;
background-size: cover;
background-attachment: fixed; /* Parallax efekti için */
padding: 80px 20px;
}.faq-wrapper-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
135deg,
rgba(0, 66, 54, 0.9) 0%,
rgba(0, 0, 0, 0.7) 100%
);
z-index: 1;
}.faq-wrapper {
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 100px;
align-items: start;
position: relative;
z-index: 1;
}/* --- SOL TARAF (BAŞLIK VE DESTEK KARTI) --- */
.faq-info-side {
position: sticky;
top: 50px;
}.faq-badge {
display: inline-block;
padding: 5px 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--faq-gold);
margin-bottom: 25px;
}.faq-info-side h2 {
font-size: 2.9rem;
line-height: 1;
margin: 0 0 25px 0;
font-weight: 700;
color: #fff;
}.faq-info-side h2 span {
font-family: "Playfair Display", serif;
font-style: italic;
font-weight: 400;
display: block;
}.faq-description {
font-size: 15px;
line-height: 1.4;
color: #fff;
margin-bottom: 40px;
max-width: 400px;
}/* HIZLI DESTEK KARTU (SOLU DOLDURAN PARÇA) */
.faq-support-box {
background: var(--faq-white);
padding: 25px;
border-radius: 12px;
border: 1px solid rgba(0, 66, 54, 0.05);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.03);
}.faq-support-box h4 {
margin: 0 0 10px 0;
font-size: 1.2rem;
color: var(--faq-green);
}.faq-support-box p {
font-size: 0.95rem;
color: #777;
margin-bottom: 25px;
}.faq-contact-btn {
display: flex;
align-items: center;
gap: 12px;
color: var(--faq-green);
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: 0.3s;
}.faq-contact-btn:hover {
color: var(--faq-gold);
transform: translateX(5px);
}/* --- SAĞ TARAF (SORULAR) --- */
.faq-items-list {
display: flex;
flex-direction: column;
gap: 15px;
}.faq-card {
background: var(--faq-white);
border-radius: 10px;
transition: var(--faq-transition);
border: 1px solid transparent;
}.faq-card.active {
box-shadow: 0 20px 40px rgba(0, 45, 37, 0.06);
border-color: rgba(197, 160, 89, 0.2);
}.faq-q {
padding: 16px 35px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
position: relative;
}.faq-q h3 {
margin: 0;
font-size: 16px;
font-weight: 600;
margin-right: 20px;
}.faq-circle {
width: 36px;
height: 36px;
background: #f0f4f3;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: var(--faq-transition);
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}.faq-card.active .faq-circle {
background: var(--faq-green);
transform: rotate(180deg);
}.faq-circle svg {
width: 14px;
fill: var(--faq-green);
transition: 0.3s;
}.faq-card.active .faq-circle svg {
fill: #fff;
}.faq-a {
max-height: 0;
overflow: hidden;
transition: var(--faq-transition);
}.faq-a-content {
padding: 0 35px 35px 35px;
color: #666;
line-height: 1.4;
font-size: 14px;
}/* Mobil */
@media (max-width: 992px) {
.faq-wrapper {
grid-template-columns: 1fr;
gap: 60px;
}
.faq-info-side {
position: static;
}
.faq-info-side h2 {
font-size: 2.8rem;
}
}.footer1 {
background-color: #ffffff;
padding: 60px 0 20px 0;
color: #333;
border-top: 1px solid #f2f2f2;
}.footer1-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}/* Logo Ayarları */
.main-logo-img {
max-width: 148px;
height: auto;
margin-bottom: 40px;
}/* İletişim Satırı */
.footer1-contact-row {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 15px;
}.footer1-info-item {
font-size: 24px;
font-weight: 700;
color: #6B902D;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
}.footer1-info-item svg {
stroke: #6B902D;
width: 20px;
}.footer1-v-divider {
width: 1px;
height: 35px;
background-color: #ddd;
}.footer1-address {
font-size: 14px;
color: #888;
margin-bottom: 30px;
}/* Menü */
.footer1-nav {
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #f9f9f9;
padding: 15px 0;
margin-bottom: 40px;
}.footer1-nav a {
text-decoration: none;
color: #555;
font-size: 12px;
text-transform: uppercase;
margin: 0 15px;
transition: 0.3s;
font-weight: 500;
}.footer1-nav a:hover {
color: #2d1f1c;
}/* Aksiyon Alanı (Sosyal & Katalog) */
.footer1-actions-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 50px;
}.footer1-social {
display: flex;
gap: 15px;
}.footer1-social a {
color: #2d1f1c;
transition: 0.3s;
}.footer1-social li {
list-style: none;
}
.footer1-social a svg {
fill: #2d1f1c;
transition: 0.3s;
width: 23px;
height: 23px;
}.footer1-social a:hover {
transform: translateY(-3px);
}/* Katalog Butonu */
.footer1-catalog-btn-premium {
display: flex;
align-items: center;
background-color: #2d1f1c;
color: #fff;
text-decoration: none;
padding: 6px 6px 6px 20px;
border-radius: 50px;
transition: 0.3s;
}.footer1-catalog-btn-premium .btn-text {
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
margin-right: 15px;
}.footer1-catalog-btn-premium .btn-icon {
background: #fff;
color: #2d1f1c;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}.footer1-catalog-btn-premium .btn-icon svg {
width: 15px;
height: 15px;
}.footer1-catalog-btn-premium:hover {
background-color: #333;
}/* İş Ortakları */
.footer1-partners {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 50px;
}.partner-img {
max-height: 45px;
width: auto;
}.partner-divider {
height: 25px;
}/* Alt Bant (Copy & Credits) */
.footer1-bottom-bar {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #f2f2f2;
padding-top: 20px;
font-size: 11px;
color: #999;
}.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;
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.footer1-bottom-bar {
flex-direction: column;
gap: 15px;
text-align: center;
}
.footer1-contact-row {
flex-direction: column;
gap: 10px;
}
.footer1-v-divider {
display: none;
}
.footer1-nav a {
display: block;
margin: 10px 0;
}
.footer1-actions-wrap {
flex-direction: column;
gap: 20px;
}.main-logo-img {
max-width: 118px;
height: auto;
margin-bottom: 20px;
}
.footer1-address {
font-size: 14px;
color: #888;
margin-bottom: 10px;
}
}.footer1-address a {
color: #2d1f1c;
text-decoration: none;
}.footer1-info-item:hover,
.footer1-address a:hover {
color: #2d1f1c; /* Logodaki renk */
}/**/:root {
--hs-primary: #4b2c20;
--hs-accent: #eec78c;
}.hs-slider-main {
position: relative;
width: 100%;
margin: 40px auto;
padding: 0 80px;
box-sizing: border-box;
overflow: hidden;
}.hs-slider-viewport {
overflow: hidden;
cursor: grab;
}.hs-slider-viewport:active {
cursor: grabbing;
}.hs-slider-track {
display: flex;
transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
will-change: transform;
}.hs-slider-item {
flex: 0 0 20%; /* Masaüstü 5'li (100 / 5) */
padding: 10px;
box-sizing: border-box;
}.hs-card {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
}.hs-card:hover {
transform: translateY(-5px);
}.hs-card img {
width: 100%;
display: block;
height: 90px;
object-fit: contain;
padding: 20px 30px;
}/* Navigasyon Okları */
.hs-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
border: 1px solid #ddd;
color: var(--hs-primary);
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}.hs-nav:hover {
background: var(--hs-primary);
color: #fff;
border-color: var(--hs-primary);
}.hs-prev {
left: 5px;
}
.hs-next {
right: 5px;
}/* Noktalar */
.hs-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 25px;
}.hs-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: 0.3s;
}.hs-dot.active {
background: var(--hs-primary);
width: 20px;
border-radius: 10px;
}@media (max-width: 1400px) {
.hs-six-item {
flex: 0 0 20%;
}
} /* 5'li */
@media (max-width: 1100px) {
.hs-six-item {
flex: 0 0 25%;
}
} /* 4'lü */
@media (max-width: 900px) {
.hs-six-item {
flex: 0 0 33.33%;
}
} /* 3'lü */
@media (max-width: 600px) {
.hs-six-item {
flex: 0 0 50%;
}
} /* 2'li */
@media (max-width: 400px) {
.hs-six-item {
flex: 0 0 100%;
}
} /* 1'li *//**//**/.video-slider {
padding: 100px 0;
background: #fff;
overflow: hidden;
}
.video-slider .vs-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.video-slider .vs-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 30px;
}
.video-slider .vs-main-title {
font-size: 38px;
font-weight: 800;
color: #0d2335;
margin: 5px 0 0;
}
.video-slider .vs-main-title span {
color: #81B23F;
font-weight: 400;
font-family: var(--font3);
}
.video-slider .vs-phone-btn {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 25px;
border: 1px solid #81B23F;
border-radius: 50px;
text-decoration: none;
color: #81B23F;
font-size: 22px;
font-weight: 700;
}.video-slider .vs-track {
display: flex;
transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
gap: 20px;
}
.video-slider .vs-slide {
flex: 0 0 calc(20% - 16px);
min-width: 260px;
}.video-slider .vs-card {
position: relative;
aspect-ratio: 9 / 16; /* Dikey oran */
background: #000;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}.video-slider .vs-video-wrapper,
.video-slider .vs-video-wrapper iframe {
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
}.video-slider .vs-overlay-top {
position: absolute;
top: 0;
width: 100%;
padding: 20px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
color: white;
pointer-events: none;
z-index: 2;
}
.video-slider .vs-brand {
display: flex;
align-items: center;
gap: 8px;
font-size: 11px;
margin-top: 5px;
}
.video-slider .vs-brand img {
width: 22px;
height: 22px;
border-radius: 50%;
}.video-slider .vs-shorts-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 1;
opacity: 0.8;
}
.video-slider .vs-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 30px;
}
.video-slider .vs-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: 0.3s;
}
.video-slider .vs-dot.active {
background: var(--hs-primary);
width: 20px;
border-radius: 10px
}@media (max-width: 1024px) {
.video-slider .vs-slide {
flex: 0 0 45%;
}
}
@media (max-width: 600px) {
.video-slider .vs-slide {
flex: 0 0 85%;
}
}.mx-auto {
margin-left: auto;
margin-right: auto;
}@media(max-width:1024px){
.hs-slider-main{
display: none;
}.video-slider{
display: none;
}.map-wrapper{
margin-left: 0;
}.top-section .main-title {
font-size: 30px;
}.faq-wrapper-bg{
background-attachment: inherit;
}}