.hizmetler-home {
padding: 80px 0;
background-color: #f8f9fa;
position: relative;
}.hizmetler-home-ust {
text-align: center;
margin-bottom: 40px;
}.hizmetler-home-ust h2 {
font-size: 32px;
font-weight: 800;
color: #050574;
margin-bottom: 10px;
}.hizmetler-home-ust p {
color: #858595;
font-size: 16px;
font-weight: 500;
}/* Slider Alanı */
.hizmetler-home-slider-wrapper {
position: relative;
padding: 0 40px;
}.hizmetler-home-swiper {
padding: 20px 5px 40px 5px !important;
}/* KART STİLİ */
.hizmetler-home-card {
background: #ffffff;
border-radius: 8px;
padding: 40px 30px;
text-align: center;
border: 1px solid #eee;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}.hizmetler-home-card:hover {
transform: translateY(-8px);
background: #050574;
color: white;
border-color: #050574; /* Magenta Vurgu */
}.hizmetler-home-card:hover .hizmetler-home-icon svg{
stroke: white;
}.hizmetler-home-card:hover .hizmetler-home-content span,
.hizmetler-home-card:hover .hizmetler-home-content h3{
color: white;
}/* İKON STİLİ */
.hizmetler-home-icon {
margin-bottom: 25px;
color: #333;
transition: 0.3s;
}.hizmetler-home-card:hover .hizmetler-home-icon {
color: #5dac12;
}.hizmetler-home-icon svg {
width: 60px;
height: 60px;
stroke-width: 1.2px; /* İnce hatlar */
}.hizmetler-home-content h3 {
font-size: 18px;
font-weight: 700;
color: #111;
margin-bottom: 8px;
}.hizmetler-home-content span {
font-size: 11px;
font-weight: 700;
color: #aaa;
letter-spacing: 0.5px;
}/* OKLAR */
.hizmetler-home-prev,
.hizmetler-home-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 45px;
height: 45px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #333;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
cursor: pointer;
z-index: 10;
transition: 0.3s;
border: 1px solid #eee;
}.hizmetler-home-prev {
left: -10px;
}
.hizmetler-home-next {
right: -10px;
}.hizmetler-home-prev:hover,
.hizmetler-home-next:hover {
background: #5dac12;
color: #fff;
border-color: #5dac12;
}.hizmetler-home-prev svg,
.hizmetler-home-next svg {
width: 20px;
height: 20px;
}/* BUTON */
.hizmetler-home-alt {
text-align: center;
margin-top: 30px;
}.hizmetler-home-btn {
display: inline-block;
background: #5dac12;
color: #fff;
padding: 18px 45px;
border-radius: 8px;
text-decoration: none;
font-weight: 800;
font-size: 14px;
transition: 0.3s;
}.hizmetler-home-btn:hover {
transform: scale(1.03);
}/* Mobil Ayarlar */
@media (max-width: 768px) {
.hizmetler-home-slider-wrapper {
padding: 0 10px;
}
.hizmetler-home-prev,
.hizmetler-home-next {
display: none;
}
}/**/.hakkimizda {
padding: 60px 0;
background-color: #ffffff;
overflow: hidden;
}.hakkimizda-wrapper {
display: flex;
align-items: center;
gap: 70px;
}/* GÖRSEL ALANI */
.hakkimizda-images {
flex: 1;
position: relative;
height: 520px;
display: flex;
align-items: center;
}.hakkimizda-img-box {
position: absolute;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 25px 50px rgba(11, 26, 74, 0.15);
border: 5px solid #fff;
}.hakkimizda-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
}.main-img {
width: 400px;
height: 450px;
right: 0;
top: 0;
z-index: 2;
}.sub-img {
width: 340px;
height: 380px;
left: 0;
bottom: 0;
z-index: 1;
}/* İÇERİK ALANI */
.hakkimizda-content {
flex: 1;
}.hakkimizda-tag {
font-size: 13px;
color: var(--header1-accent);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
display: block;
}.hakkimizda-title {
font-size: 40px;
line-height: 1.15;
color: var(--header1-dark);
font-weight: 800;
margin-bottom: 25px;
}.hakkimizda-desc {
color: #858595;
font-size: 15px;
line-height: 1.5;
font-weight: 500;
margin-bottom: 35px;
}/* Özellik Listesi */
.hakkimizda-features {
list-style: none;
padding: 0;
margin-bottom: 45px;
}.hakkimizda-features li {
display: flex;
align-items: center;
gap: 15px;
font-size: 16px;
color: var(--header1-dark);
font-weight: 600;
margin-bottom: 18px;
}.check-icon {
color: var(--renk2);
display: flex;
align-items: center;
}.check-icon svg {
width: 26px;
height: 26px;
}/* Butonlar */
.hakkimizda-actions {
display: flex;
gap: 20px;
margin-bottom: 35px;
}.btn-renk2 {
background-color: var(--renk2);
color: #fff;
padding: 16px 35px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
font-size: 15px;
transition: all 0.3s ease;
}.btn-accent {
background-color: var(--header1-accent);
color: #fff;
padding: 16px 35px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
font-size: 15px;
transition: all 0.3s ease;
}.btn-renk2:hover,
.btn-accent:hover {
transform: translateY(-4px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
filter: brightness(1.1);
}/* Alt Link */
.hakkimizda-link {
color: var(--header1-dark);
text-decoration: none;
font-weight: 700;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.3s;
border-bottom: 2px solid rgba(11, 26, 74, 0.1);
padding-bottom: 5px;
}.hakkimizda-link:hover {
color: var(--header1-accent);
border-color: var(--header1-accent);
gap: 12px;
}/* RESPONSIVE */
@media (max-width: 1100px) {
.hakkimizda-wrapper {
flex-direction: column;
text-align: center;
}
.hakkimizda-images {
width: 100%;
display: none;
height: 450px;
margin-bottom: 40px;
}
.main-img {
width: 300px;
height: 350px;
left: 50%;
transform: translateX(-20%);
}
.sub-img {
width: 250px;
height: 300px;
left: 50%;
transform: translateX(-80%);
}
.hakkimizda-actions {
justify-content: center;
}
.hakkimizda-features li {
justify-content: center;
}
.hakkimizda-link {
margin: 0 auto;
}
}/**/:root {
--header1-dark: #0b1a4a;
--renk2: #5dac12;
--header1-accent: #0047ff;
}.neden-biz {
position: relative;
padding: 70px 0;
/* ARKA PLAN RESMİ */
background-image: url("https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=1920");
background-attachment: fixed; /* Resmi sabit tutar */
background-position: center;
background-size: cover;
overflow: hidden;
}/* Koyu Katman (Overlay) */
.neden-biz-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(11, 26, 74, 0.92); /* Lacivert ağırlıklı çok koyu zemin */
z-index: 1;
}.neden-biz-container {
position: relative;
z-index: 2;
}.neden-biz-ust {
text-align: center;
margin-bottom: 70px;
color: #fff;
}.neden-biz-ust h2 {
font-size: 32px;
font-weight: 800;
margin-bottom: 20px;
}.neden-biz-ust p {
font-size: 16px;
max-width: 600px;
margin: 0 auto;
opacity: 0.8;
}/* Liste Gridi */
.neden-biz-liste {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}.neden-biz-item {
text-align: center;
color: #fff;
padding: 20px;
transition: transform 0.3s ease;
}.neden-biz-item:hover {
transform: translateY(-10px);
}/* İKON AYARLARI */
.neden-biz-icon {
width: 80px;
height: 80px;
margin: 0 auto 30px auto;
display: flex;
align-items: center;
justify-content: center;
/* İsteğe bağlı: Arka planda hafif bir parlama efekti */
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
transition: 0.3s;
}.neden-biz-item:hover .neden-biz-icon {
background: rgba(255, 255, 255, 0.1);
}/* Başlık ve Paragraf */
.neden-biz-item h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
}.neden-biz-item p {
font-size: 15px;
line-height: 1.5;
opacity: 0.75;
}/* Responsive */
@media (max-width: 1100px) {
.neden-biz-liste {
grid-template-columns: repeat(2, 1fr);
}
}@media (max-width: 600px) {
.neden-biz-liste {
grid-template-columns: 1fr;
}
.neden-biz {
background-attachment: scroll; /* Mobilde performans için */
}
}/**/:root {
--header1-dark: #0b1a4a;
--renk2: #5dac12;
--header1-accent: #0047ff;
}.yardim-merkezi {
padding: 60px 0;
background-color: #f8f9fa; /* Çok hafif gri, beyaz kartlar parlasın diye */
}.yardim-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center; /* Dikeyde ortalar */
}/* --- SOL ALAN: ORTALANMIŞ İÇERİK --- */
.yardim-sol {
display: flex;
justify-content: center;
text-align: center;
}.hasar-card-wrapper {
max-width: 482px;
}.ust-etiket {
color: var(--header1-accent);
font-weight: 800;
font-size: 13px;
letter-spacing: 2px;
margin-bottom: 15px;
display: block;
}.yardim-sol h3 {
font-size: 32px;
color: var(--header1-dark);
font-weight: 800;
line-height: 1.1;
margin-bottom: 25px;
}.yardim-sol p {
color: #858595;
font-size: 15px;
line-height: 1.5;
font-weight: 500;
margin-bottom: 35px;
}.yardim-sag {
position: relative;
}.yardim-sag::before {
content: "";
left: -50px;
width: 1px;
height: 100%;
background: #858595;
position: absolute;
opacity: 20%;
}.btn-hasar {
display: inline-block;
background-color: var(--renk2);
color: #fff;
padding: 18px 45px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
box-shadow: 0 10px 25px rgba(93, 172, 18, 0.3);
transition: 0.3s;
margin-bottom: 40px;
}.btn-hasar:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(93, 172, 18, 0.4);
}.hasar-image-frame {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}.hasar-image-frame img {
width: 100%;
display: block;
height: 300px;
object-fit: cover;
}/* --- SAĞ ALAN: PREMIUM BEYAZ SSS --- */
.sss-baslik-alan h3 {
font-size: 32px;
color: var(--header1-dark);
margin-bottom: 10px;
font-weight: 800;
}.baslik-cizgi {
width: 50px;
height: 4px;
background: var(--header1-accent);
margin-bottom: 40px;
border-radius: 2px;
}.sss-konteyner {
display: flex;
flex-direction: column;
gap: 15px;
}.sss-item {
background: #ffffff; /* Saf Beyaz */
border-radius: 8px;
padding: 10px 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* Çok hafif gölge */
border: 1px solid #f0f0f0;
transition: 0.3s;
}.sss-item:hover {
border-color: var(--header1-accent);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}.sss-soru {
padding: 13px 0;
font-size: 17px;
font-weight: 700;
color: var(--header1-dark);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}/* Artı - Eksi İkonu */
.sss-artı {
width: 24px;
height: 24px;
position: relative;
}.sss-artı::before,
.sss-artı::after {
content: "";
position: absolute;
background: var(--header1-dark);
transition: 0.3s;
}.sss-artı::before {
width: 14px;
height: 2px;
top: 11px;
left: 5px;
}
.sss-artı::after {
width: 2px;
height: 14px;
top: 5px;
left: 11px;
}.sss-item.active .sss-artı::after {
transform: rotate(90deg);
opacity: 0;
}
.sss-item.active .sss-artı::before {
background: var(--header1-accent);
}.sss-cevap {
max-height: 0;
overflow: hidden;
transition: 0.4s ease-out;
}.sss-cevap p {
padding: 10px 0 20px 0;
color: #858595;
font-size: 15px;
line-height: 1.5;
font-weight: 500;
}/* Aktif Durum */
.sss-item.active {
border-color: var(--header1-accent);
}.sss-item.active .sss-cevap {
max-height: 150px;
}/* Alt Buton */
.sss-alt-alan {
margin-top: 30px;
text-align: center;
}.btn-tum-sss {
color: var(--header1-dark);
text-decoration: none;
font-weight: 700;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 10px;
transition: 0.3s;
}.btn-tum-sss:hover {
color: var(--header1-accent);
gap: 15px;
}/* Responsive */
@media (max-width: 1024px) {
.yardim-grid {
grid-template-columns: 1fr;
gap: 60px;
}
.yardim-sol {
text-align: center;
}
}/**//* Blog Liste Genel Stil */
.blog-liste {
background-color: #fff; /* Görseldeki hafif kırık beyaz/krem arka plan */
padding: 60px 0;
}.blog-container {
}.blog-header {
text-align: center;
font-size: 32px;
font-weight: 800;
margin-bottom: 40px;
color: var(--header1-dark);
}.blog-header .highlight {
background-color: var(--renk2);
padding: 2px 8px;
border-radius: 4px;
color: #fff;
}/* Swiper Kart Yapısı */
.blog-card {
background: #fff;
border-radius: 20px; /* Yumuşak köşeler */
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
transition: transform 0.3s ease;
}.blog-card:hover {
transform: translateY(-5px);
}.blog-image {
width: 100%;
height: 250px;
overflow: hidden;
}.blog-image img {
width: 100%;
height: 100%;
object-fit: cover;
}.blog-content {
padding: 25px;
flex-grow: 1;
}.blog-content .category {
font-size: 14px;
color: #666;
display: block;
margin-bottom: 12px;
}
.blog-content .title {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
color: #000;
margin-bottom: 15px;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}.blog-content .description {
font-size: 15px;
color: #444;
line-height: 1.6;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}/* Swiper Pagination (Noktalar) Özelleştirme */
.blogSlider {
padding-bottom: 50px !important;
}.swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #ccc !important;
opacity: 1;
}.swiper-pagination-bullet-active {
background: #888 !important; /* Aktif nokta rengi */
}/**//* Genel Ayarlar */
.yorum-liste {
background-color: #f8f9fa; /* İstediğin zemin rengi */
padding: 60px 0;
width: 100%; /* Sayfayı %100 kapla */
overflow: hidden;
}.yorum-genis-container {
width: 100%;
}.yorum-baslik {
text-align: center;
font-size: 28px;
font-weight: 700;
color: #333;
margin-bottom: 50px;
}/* Kaydırma Alanı */
.yorum-akisi {
position: relative;
width: 100%;
display: flex;
align-items: center;
}/* Kenarlardaki Yumuşak Geçiş (Fluluk) */
.gradyan-sol,
.gradyan-sag {
position: absolute;
top: 0;
width: 200px;
height: 100%;
z-index: 5;
pointer-events: none;
}.gradyan-sol {
left: 0;
background: linear-gradient(to right, #f8f9fa, transparent);
}.gradyan-sag {
right: 0;
background: linear-gradient(to left, #f8f9fa, transparent);
}/* Hareketli Yol */
.yorum-yolu {
display: flex;
width: max-content;
animation: akisAnimasyonu 35s linear infinite; /* Hızı buradan ayarlayabilirsin */
}.yorum-yolu:hover {
animation-play-state: paused; /* Üzerine gelince durur */
}@keyframes akisAnimasyonu {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}/* Kart Tasarımı */
.yorum-kart {
background: #ffffff; /* Net beyaz kartlar */
width: 380px;
margin: 0 15px;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); /* Hafif ve temiz gölge */
border: 1px solid #edf2f7; /* Kartın netleşmesi için çok ince kenarlık */
display: flex;
flex-direction: column;
}/* Profil Bölümü */
.profil-alani {
display: flex;
align-items: center;
margin-bottom: 20px;
}.harf-ikon {
width: 50px;
height: 50px;
background-color: #4a5568; /* Tek renk, kurumsal koyu gri/mavi */
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 16px;
margin-right: 15px;
flex-shrink: 0;
}.profil-bilgi {
display: flex;
flex-direction: column;
}.ad-soyad {
font-weight: 700;
color: #1a202c;
font-size: 16px;
}.hizmet-turu {
font-size: 13px;
color: #718096; /* Daha silik hizmet bilgisi */
margin-top: 2px;
}.yorum-metni {
font-size: 15px;
line-height: 1.6;
color: #4a5568;
margin: 0;
font-style: italic;
}/**/:root {
--header1-dark: #0b1a4a;
--f1-accent: #3b82f6;
--f1-text-muted: #94a3b8;
}.footer1 {
background-color: var(--header1-dark);
color: #ffffff;
padding: 70px 0 30px 0;
}.footer1-container {
}/* İletişim Kartları */
.footer1-contact-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 40px;
}.f1-contact-card {
display: flex;
align-items: center;
background: rgba(255, 255, 255, 0.03);
padding: 18px;
border-radius: 12px;
text-decoration: none;
color: white;
transition: 0.3s;
border: 1px solid rgba(255, 255, 255, 0.05);
}.f1-contact-card:hover {
background: rgba(255, 255, 255, 0.07);
border-color: var(--f1-accent);
transform: translateY(-2px);
}.f1-icon {
width: 35px;
height: 35px;
color: var(--f1-accent);
margin-right: 15px;
}.f1-divider {
height: 1px;
background: linear-gradient(
to right,
transparent,
rgba(255, 255, 255, 0.1),
transparent
);
margin-bottom: 50px;
}/* Ana Grid - 5 Sütun */
.footer1-main-grid {
display: grid;
grid-template-columns: 1fr 1.2fr 1fr 1.5fr;
gap: 30px;
margin-bottom: 60px;
}.f1-col h4 {
font-size: 15px;
margin-bottom: 22px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;
}.f1-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.f1-col ul li {
margin-bottom: 10px;
}
.f1-col ul li a {
color: var(--f1-text-muted);
text-decoration: none;
font-size: 14px;
transition: 0.2s;
}
.f1-col ul li a:hover {
color: #fff;
padding-left: 3px;
}.f1-all-link {
color: var(--f1-accent) !important;
font-weight: 600;
}/* Adres ve Sosyal */
.f1-address-item {
display: flex;
gap: 10px;
margin-bottom: 20px;
font-size: 15px;
color: var(--f1-text-muted);
}
.f1-address-item svg {
width: 18px;
color: var(--f1-accent);
flex-shrink: 0;
}.f1-map-btn {
display: inline-block;
padding: 8px 18px;
border: 1px solid rgba(255, 255, 255, 0.15);
color: #fff;
border-radius: 6px;
text-decoration: none;
font-size: 13px;
margin-bottom: 20px;
transition: 0.3s;
}
.f1-map-btn:hover {
background: #fff;
color: var(--header1-dark);
}.f1-social-wrap {
display: flex;
gap: 12px;
}
.f1-social-wrap a {
color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.f1-social-wrap a:hover {
color: #fff;
transform: translateY(-3px);
}
.f1-social-wrap svg {
width: 18px;
height: 18px;
}/* Alt Bölüm Logo & Copyright */
.footer1-bottom {
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
justify-content: space-between;
align-items: center;
}.footer1-bottom p {
color: var(--f1-text-muted);
font-size: 13px;
margin: 0;
}.f1-bottom-logo img {
height: 20px; /* Logo yüksekliği */
width: auto;
filter: brightness(0) invert(1); /* Beyaz yapmak için */
opacity: 0.8;
}/* Mobil Ayarlar */
@media (max-width: 1024px) {
.footer1-main-grid {
display: none;
grid-template-columns: repeat(3, 1fr);
}
.f1-address-col {
grid-column: span 3;
border-top: 1px solid rgba(255, 255, 255, 0.05);
padding-top: 30px;
}
}@media (max-width: 768px) {
.footer1-main-grid {
grid-template-columns: repeat(2, 1fr);
}
.f1-hide-mobile {
display: none;
}
.footer1-bottom {
flex-direction: column;
gap: 20px;
text-align: center;
}
}/* ============================================================
ŞIK MOBİL TASARIM AYARLARI (Media Queries)
============================================================ */@media (max-width: 991px) {
/* Genel Padding Ayarları */
.hizmetler-home, .hakkimizda, .neden-biz, .yardim-merkezi, .blog-liste, .yorum-liste, .footer1 {
padding: 50px 0;
}/* Hakkımızda Görsel Düzenleme */
.hakkimizda-wrapper {
gap: 40px;
}
.hakkimizda-images {
height: 400px;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.main-img {
width: 260px;
height: 320px;
right: 10%;
}
.sub-img {
width: 220px;
height: 280px;
left: 10%;
}/* Yardım Merkezi Separator Gizleme */
.yardim-sag::before {
display: none;
}
}@media (max-width: 768px) {
/* Başlıklar */
.hizmetler-home-ust h2,
.hakkimizda-title,
.neden-biz-ust h2,
.yardim-sol h3,
.sss-baslik-alan h3,
.blog-header,
.yorum-baslik {
font-size: 26px !important;
line-height: 1.2;
}/* Hizmetler Kartları */
.hizmetler-home-card {
padding: 30px 15px;
}/* Hakkımızda Bölümü */
.hakkimizda-images {
height: 350px;
}
.hakkimizda-actions {
flex-direction: column;
gap: 15px;
align-items: center;
}
.btn-renk2, .btn-accent {
width: 100%;
max-width: 300px;
text-align: center;
}/* Neden Biz? */
.neden-biz-liste {
grid-template-columns: 1fr;
gap: 15px;
}
.neden-biz-item {
background: rgba(255, 255, 255, 0.05);
border-radius: 15px;
padding: 30px 20px;
}
.neden-biz-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}/* Yardım Merkezi / SSS */
.yardim-grid {
gap: 40px;
}
.sss-item {
padding: 5px 15px;
}
.sss-soru {
font-size: 15px;
}/* Yorumlar (Akış hızını mobilde biraz yavaşlatmak daha şık durur) */
.yorum-yolu {
animation: akisAnimasyonu 25s linear infinite;
}
.yorum-kart {
width: 300px;
padding: 20px;
}/* Footer */
.footer1{
margin-bottom: 35px;
}
.footer1-contact-row {
grid-template-columns: 1fr;
margin-bottom: 0;
}
.footer1-main-grid {
grid-template-columns: 1fr;
text-align: center;
}
.f1-address-item {
justify-content: center;
}
.f1-social-wrap {
justify-content: center;
}
.f1-col h4::after {
content: "";
display: block;
width: 40px;
height: 2px;
background: var(--f1-accent);
margin: 10px auto;
}
}@media (max-width: 480px) {
/* Çok küçük ekranlar için ince ayar */
.hakkimizda-images {
height: 300px;
}
.main-img {
width: 200px;
height: 250px;
}
.sub-img {
width: 160px;
height: 200px;
}
.hizmetler-home-btn {
width: 100%;
padding: 15px 20px;
}/* Blog Kartları Mobilde Tekli Görünümde Daha Net Durur */
.blog-image {
height: 200px;
}
.blog-content .title {
font-size: 18px;
}
}/* Dokunmatik Cihazlar İçin Hover İyileştirmesi */
@media (hover: none) {
.hizmetler-home-card:active {
background: #050574;
color: white;
}
.hizmetler-home-card:active .hizmetler-home-icon svg {
stroke: white;
}
}