@font-face {
    font-family: "StackSansHeadline";
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	
}
body {
    font-family: "StackSansHeadline";
    overflow-x: hidden;
    margin: 0;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
:root {
    --primary-color: #e30613;
	
}
.container {
    max-width: 1410px;
    padding: 0;
}
.header-container {
    max-width: 1650px;
}
@media (max-width: 1440px) {
	.container {
    max-width: 1337px;
	    max-width: 1330px;
}
		.header-container {
    max-width: 1337px;
	    max-width: 1330px;
}
}
a {
    text-decoration: none;
}
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}
header.fixed {
position: fixed;
top: 0;
left: 0;
background: #fff;
animation: slideDown 0.4s ease forwards;
z-index: 9999;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
@keyframes slideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
header.fixed .header-menu {
padding: 11px 0;
}
header.fixed .header-logo img {
width: 75%;
}
header.fixed a {
color: #101e43 !important;
}
header.fixed .dropdown a {
color: #fff !important;
}
header.fixed i {
color: #101e43 !important;
}
header.fixed .bayi-giris i {
color: #fff !important;
}
header.fixed .mobil-bayi i {
color: #fff !important;
}
header .header-menu {
display: flex;
padding: 29px 0;
gap: 70px;
}
header .header-logo a {
display: flex;
}
header .header-menu-alt {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
header .nav-menu ul {
list-style: none;
display: flex;
gap: 48px;
}
header .nav-menu ul li {
position: relative;
}
header .nav-menu ul .menu-item::after {
content: "";
position: absolute;
left: 50%;
bottom: -24px;
width: 0;
height: 2px;
background-color: var(--primary-color);
transition: all 0.3s ease;
transform: translateX(-50%);
}
header .nav-menu ul li:hover::after {
width: 100%;
}
header .nav-menu ul a {
font-size: 20px;
color: #FFFFFF;
font-weight: 500;
}
header .nav-menu .dropdown {
display: block !important;
}
.has-dropdown .dropdown {
position: absolute;
top: 60px;
left: 0px;
background: #101e43;
min-width: 220px;
padding: 15px 0;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
z-index: 999;
}
.has-dropdown:hover .dropdown {
opacity: 1;
visibility: visible;
}
.dropdown li a {
color: #fff;
font-size: 16px;
transition: 0.2s ease;
display: flex;
width: 100%;
padding: 15px 15px 15px 25px;
}
.dropdown li a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
header .header-right {
display: flex;
gap: 50px;
align-items: center;
}
header .header-right .header-sosyal {
display: flex;
gap: 15px;
}
header .header-right .header-sosyal a {
font-size: 23px;
color: white;
transition: all 0.3s ease;
}
header .header-right .header-sosyal a:hover {
color: var(--primary-color);
transition: all 0.3s ease;
}
header .surdurebilirlik a {
position: relative;
font-size: 20px;
color: var(--secondary-color);
font-weight: 300;
}
header .surdurebilirlik a::after {
content: "";
position: absolute;
left: 50%;
bottom: -24px;
width: 0;
height: 2px;
background-color: var(--secondary-color);
transition: all 0.3s ease;
transform: translateX(-50%);
}
header .surdurebilirlik a:hover::after {
width: 100%;
}
header .surdurebilirlik a img {
position: absolute;
top: -14px;
right: -15px;
z-index: -1;
}
header .dil {
display: flex;
gap: 16px;
}
header .dil a {
color: white;
font-size: 20px;
font-weight: 300;
position: relative;
}
header .dil a::after {
content: "";
position: absolute;
left: 50%;
bottom: -24px;
width: 0;
height: 2px;
background-color: var(--primary-color);
transition: all 0.3s ease;
transform: translateX(-50%);
}
header .dil a:hover::after {
width: 100%;
}
header .bayi-giris {
position: relative;
}
header .bayi-giris a {
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
background: var(--primary-color);
border-radius: 50%;
color: white;
font-size: 49px;
}
header .bayi-giris a img{
width: 50px;
transition: all 0.3s ease;
}
header .bayi-giris a img:hover{
transform: scale(1.1);
filter: brightness(150%);
transition: all 0.3s ease;
}
header .bayi-giris .info {
background: #6d6c6c;
color: white;
padding: 4px 20px;
border-radius: 30px;
position: absolute;
width: max-content;
left: -27px;
bottom: -55px;
display: none;
}
header .bayi-giris .info::before {
content: "";
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
border-width: 0 8px 10px 8px;
border-style: solid;
border-color: transparent transparent #6d6c6c transparent;
}
header .bayi-giris:hover .info {
display: block;
}
header .bayi-giris:hover a {
background-color: white;
color: var(--primary-color);
}
.mobil-toggle {
display: none;
font-size: 25px;
color: white;
}
.mobil-bayi-giris{
display:none;
}
@media (max-width: 1440px) {
	header .nav-menu ul{
	gap: 30px;
	}
}
@media (max-width: 1024px) {
.header-menu-alt {
display: none !important;
}
header .header-menu {
padding: 29px 25px;
align-items: center;
gap: 40px;
display: flex;
justify-content: space-between;
}
header .header-right-mobil {
display: flex;
gap: 23px;
align-items: center;
}
.header-logo img {
max-width: 100px;
}
.mobil-head{
display: flex;
align-items: center;
gap: 25px;
}
.mobil-bayi-giris{
display:block;
}
.mobil-toggle {
display: block;
}
header.fixed .header-menu {
padding: 11px 15px;
}
}
.acilir-menu {
position: fixed;
right: -100%;
z-index: 9999;
background: var(--primary-color);
top: 0;
bottom: 0;
width: 100%;
padding: 24px 24px;
display: flex;
flex-direction: column;
transition: right 0.3s ease;
}
.acilir-menu.open {
right: 0;
}
.acilir-menu .mobil-menu-logo {
display: flex;
align-items: center;
justify-content: space-between;
}
.acilir-menu .mobil-menu-logo img {
max-width: 150px;
width: 100%;
}
.acilir-menu .mobil-menu-logo .closte-btn-div a {
color: white;
font-size: 30px;
}
.acilir-menu ul {
list-style-type: none;
margin-top: 57px;
padding-left: 0;
}
.acilir-menu ul li {
margin-bottom: 28px;
}
.acilir-menu ul li a {
font-size: 24px;
color: #FFFFFF;
text-decoration: none;
font-weight: 600;
display: flex;
align-items: center;
gap: 15px;
}
.acilir-menu ul li a i {
font-size: 9px;
}
.acilir-menu .mobil-dropdown {
margin-top: 12px !important;
padding-left: 25px !important;
position: static;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.acilir-menu .mobil-dropdown.active {
max-height: 500px;
transition: max-height 0.3s ease;
}
.anasayfa-slider {
position: relative;
height: 911px;
overflow: hidden;
z-index: 2;
top: 0;
}
.anasayfa-slider .anasayfa-swiper {
height: 100%;
}
.anasayfa-slider img {
width: 100%;
height: 100%;
}
.anasayfa-slider .content {
position: absolute;
top: 40%;
left: 0;
color: white;
line-height: 85px;
width: 100%;
display: flex;
justify-content: center;
}
.anasayfa-slider .content h1 {
font-size: 64px;
text-align: center;
}
.anasayfa-slider .swiper-pagination {
position: absolute;
bottom: 30px;
right: 255px;
width: 100%;
display: flex;
justify-content: center;
z-index: 10;
}
.anasayfa-slider .swiper-pagination-bullet {
background: white !important;
border: 1px solid #e30613;
width: 24px !important;
height: 5px !important;
opacity: 1 !important;
border-radius: 30px !important;
transition: all 0.6s ease;
}
.anasayfa-slider .swiper-pagination-bullet-active {
background: var(--primary-color) !important;
opacity: var(--swiper-pagination-bullet-opacity, 1);
width: 48px !important;
height: 5px !important;
border-radius: 30px !important;
transition: all 0.6s ease;
}
.anasayfa-mobil-slider {
position: relative;
height: 800px;
overflow: hidden;
z-index: 2;
top: 0;
}
.anasayfa-mobil-slider img {
width: 100%;
}
.anasayfa-mobil-slider .content {
position: absolute;
top: 40%;
left: 0;
color: white;
line-height: 85px;
width: 100%;
display: flex;
justify-content: center;
}
.anasayfa-mobil-slider .content h1 {
font-size: 36px;
text-align: center;
line-height: 56px;
}
.anasayfa-mobil-slider .swiper-pagination {
position: absolute;
bottom: 30px;
right: 255px;
width: 100%;
display: flex;
justify-content: center;
z-index: 10;
}
.anasayfa-mobil-slider .swiper-pagination-bullet {
background: none !important;
border: 1px solid #e30613;
width: 24px !important;
height: 5px !important;
opacity: 1 !important;
border-radius: 30px !important;
transition: all 0.6s ease;
}
.anasayfa-mobil-slider .swiper-pagination-bullet-active {
background: var(--primary-color) !important;
opacity: var(--swiper-pagination-bullet-opacity, 1);
width: 48px !important;
height: 5px !important;
border-radius: 30px !important;
transition: all 0.6s ease;
}
.anasayfa-mobil-slider {
display: none;
}
@media (max-width: 1000px) {
.anasayfa-slider {
display: none;
}
.anasayfa-mobil-slider {
display: block;
}
}
.anasayfa-hakkimizda {
position: relative;
padding-top: 80px;
padding-bottom: 40px;
}
.anasayfa-hakkimizda span {
position: absolute;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
font-weight: 500;
color: #000;
letter-spacing: 0;
writing-mode: vertical-rl;
transform: rotateZ(180deg);
width: 41px;
float: left;
display: inline-block;
padding-bottom: 8px;
}
.anasayfa-hakkimizda .left {
padding-left: 65px;
}
.anasayfa-hakkimizda h2 {
font-size: 35px;
max-width: 400px;
line-height: 41px;
letter-spacing: 0;
color: #000;
font-weight: 700;
margin-bottom: 25px;
}
.anasayfa-hakkimizda a {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
width: 60px;
height: 45px;
display: flex;
line-height: 45px;
text-align: center;
font-size: 30px;
transition: all 0.3s ease;
border-radius: 6px;
justify-content: center;
align-items: center;
}
.anasayfa-hakkimizda a i {
font-size: 18px;
}
.anasayfa-hakkimizda a:hover {
background-color: white;
color: var(--primary-color);
transition: all 0.3s ease;
}
.anasayfa-hakkimizda p {
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #000;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.anasayfa-hakkimizda span {
left: 25px;
}
.anasayfa-hakkimizda p {
padding: 20px;
}
}
.anasayfa-kurumsal {
padding-top: 40px;
padding-bottom: 40px;
}
.anasayfa-kurumsal .kurumsal-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.anasayfa-kurumsal .kurumsal-row .left {
position: relative;
width: 100%;
max-width: 700px;
background: var(--primary-color);
padding: 80px 80px 80px 110px;
border-radius: 12px;
}
.anasayfa-kurumsal .kurumsal-row .left span {
position: absolute;
left: 60px;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
font-weight: 500;
color: #ffffff;
letter-spacing: 0;
writing-mode: vertical-rl;
transform: rotateZ(180deg);
width: 41px;
float: left;
display: inline-block;
padding-bottom: 8px;
}
.anasayfa-kurumsal .kurumsal-row .left h2 {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 0;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 25px;
    max-width: 450px;
}
.anasayfa-kurumsal .kurumsal-row .left p {
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #ffffff;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 25px;
}
.anasayfa-kurumsal .kurumsal-row .right {}
.anasayfa-kurumsal .kurumsal-row .right img {
max-width: 695px;
width: 100%;
height: 100%;
border-radius: 12px;
}
@media (max-width: 1024px) {
.anasayfa-kurumsal .kurumsal-row .left {
padding: 80px 30px 80px 50px;
margin: 10px;
}
.anasayfa-kurumsal .kurumsal-row .left span {
left: 20px;
}
.anasayfa-kurumsal .kurumsal-row .right {
margin: 10px;
}
	.anasayfa-kurumsal .kurumsal-row .left h2{
	    font-size: 25px;
	}
}
.anasayfa-odometer {
padding-top: 40px;
padding-bottom: 40px;
}
.anasayfa-odometer .odometer-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 5px solid var(--primary-color);
padding-bottom: 45px;
}
.anasayfa-odometer .odometer-row .item {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.anasayfa-odometer .odometer-row .item h2 {
font-size: 62px;
color: var(--primary-color);
}
.anasayfa-odometer .odometer-row .item p {
font-size: 20px;
line-height: 22px;
font-weight: 500;
max-width: 250px;
text-align: center;
}
@media (max-width: 1024px) {
.anasayfa-odometer .odometer-row {
justify-content: center;
gap: 40px;
}
}
.servis-bul {
padding-top: 50px;
}
.servis-bul .container {
background-repeat: no-repeat;
background-size: cover;
;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.servis-bul .content {
min-height: 500px;
padding: 95px 30px 50px 100px;
}
.servis-bul h3 {
font-size: 35px;
line-height: 41px;
letter-spacing: 0;
color: #ffffff;
font-weight: 700;
margin-bottom: 25px;
}
.servis-bul p {
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #ffffff;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 25px;
width: 55%;
}
.servis-bul a {
display: flex;
width: 172px;
height: 53px;
justify-content: center;
align-items: center;
background: var(--primary-color);
color: white;
font-size: 19px;
font-weight: 500;
margin-top: 50px;
border-radius: 12px;
border: 1px solid var(--primary-color);
transition: all 0.3s ease;
}
.servis-bul a:hover {
background: white;
color: var(--primary-color);
border: 1px solid var(--primary-color);
transition: all 0.3s ease;
}
@media (max-width: 1024px) {
.servis-bul{
margin: 0 10px 0 10px;
}
.servis-bul .content {
padding: 45px 20px 30px 30px;
}
.servis-bul p{
width: 100%;
}
}
.harita-bayi {
padding: 0;
margin: 0;
}
.harita-bayi .container {
margin: 0 auto;
}
.harita-bayi .row {
margin: 0;
}
#bayi-harita {
width: 100%;
height: 480px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
overflow: hidden;
}
.bayi-marker-icon {
background: transparent;
border: none;
}
.bayi-marker-inner {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.bayi-marker-inner img {
width: 42px;
height: 42px;
object-fit: contain;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.28));
transition: transform 0.18s ease;
}
.bayi-marker-inner:hover img {
transform: scale(1.15);
}
.leaflet-tooltip.bayi-tooltip {
background: #1a1a2e;
color: #fff;
border: none;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
font-family: 'Segoe UI', system-ui, sans-serif;
padding: 6px 14px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
white-space: nowrap;
letter-spacing: 0.3px;
}
.leaflet-tooltip.bayi-tooltip::before {
border-top-color: #1a1a2e;
}
.leaflet-control-attribution {
font-size: 10px;
opacity: 0.7;
}
@media (max-width: 1024px) {
.harita-bayi{
margin: 0 10px 0 10px;
}
}
.anasayfa-haber {
padding-top: 80px;
padding-bottom: 40px;
}
.anasayfa-haber .title {
display: flex;
justify-content: space-between;
padding: 0 60px 0 20px;
}
.anasayfa-haber .title .left {
display: flex;
align-items: center;
}
.anasayfa-haber .title .left h2 {
font-size: 35px;
line-height: 41px;
letter-spacing: 0;
color: #000;
font-weight: 700;
margin-bottom: 25px;
}
.anasayfa-haber .title .left span {
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
font-weight: 500;
color: #000;
letter-spacing: 0;
writing-mode: vertical-rl;
transform: rotateZ(180deg);
width: 41px;
float: left;
display: inline-block;
padding-bottom: 8px;
}
.anasayfa-haber .title a {
width: 130px;
height: 50px;
background: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 500;
border-radius: 10px;
border: 1px solid var(--primary-color);
transition: all 0.3s ease;
}
.anasayfa-haber .title a:hover {
background: white;
border: 1px solid var(--primary-color);
color: var(--primary-color);
transition: all 0.3s ease;
}
.anasayfa-haber .haber-card {
position: relative;
max-width: 470px;
max-height: 500px;
width: 100%;
height: 500px;
background: linear-gradient(to top, #000000d4, transparent);
border-radius: 15px;
overflow: hidden;
}
.anasayfa-haber .haber-card img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
top: 0;
left: 0;
}
.anasayfa-haber .haber-card .content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
padding: 0px 40px 30px 40px;
gap: 10px;
}
.anasayfa-haber .haber-card .content h3 {
font-size: 25px;
line-height: 32px;
letter-spacing: 0;
font-weight: 600;
text-transform: unset;
color: #fff;
width: 100%;
display: inline-block;
}
.anasayfa-haber .haber-card .content p {
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
font-weight: 300;
color: #fff;
margin-bottom: 20px;
}
.anasayfa-haber .haber-card .content .haber-btn {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
width: 60px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
line-height: 45px;
text-align: center;
font-size: 30px;
transition: all 0.3s ease;
border-radius: 6px;
}
.anasayfa-haber .haber-card .content .haber-btn i {
font-size: 18px;
}
.anasayfa-haber .haber-card .content .haber-btn:hover {
background-color: white;
color: var(--primary-color);
transition: all 0.3s ease;
}
@media (max-width: 1024px) {
.anasayfa-haber {
margin: 10px;
}
.anasayfa-haber .title a {
width: 160px;
font-size: 13px;
}
.anasayfa-haber .haber-card{
margin-bottom: 30px;
}
}
.sss {
padding: 60px 0;
}
.sss .title {
display: flex;
align-items: center;
}
.sss .title span {
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
font-weight: 500;
color: #000;
letter-spacing: 0;
writing-mode: vertical-rl;
transform: rotateZ(180deg);
width: 41px;
float: left;
display: inline-block;
}
.sss-title {
font-size: 35px;
line-height: 41px;
letter-spacing: 0;
color: #000;
font-weight: 700;
margin-bottom: 25px;
}
.sss .accordion {
max-width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
align-items: start;
}
.sss .accordion-item {
background: #fff;
border-radius: 12px;
margin-bottom: 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: all 0.3s ease;
}
.sss .accordion-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.sss .accordion-header {
width: 100%;
padding: 20px 24px;
background: transparent;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 16px;
font-weight: 600;
color: #1a1a1a;
text-align: left;
transition: all 0.3s ease;
}
.sss .accordion-header:hover {
background: #f8f9fa;
}
.sss .accordion-header span {
flex: 1;
padding-right: 16px;
}
.sss .accordion-icon {
flex-shrink: 0;
transition: transform 0.3s ease;
color: #666;
}
.sss .accordion-item.active .accordion-icon {
transform: rotate(180deg);
color: var(--primary-color);
}
.sss .accordion-item.active .accordion-header {
color: var(--primary-color);
}
.sss .accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.sss .accordion-item.active .accordion-content {
max-height: 500px;
padding: 0 24px 20px 24px;
}
.sss .accordion-content p {
margin: 0;
color: #666;
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 1024px) {
.sss {
margin: 10px;
}
}
@media (max-width: 768px) {
.sss {
padding: 40px 0;
}
.sss-title {
font-size: 26px;
margin-bottom: 30px;
padding: 0 20px;
}
.sss .accordion {
grid-template-columns: 1fr;
padding: 0 16px;
}
.sss .accordion-item {
margin-bottom: 0;
border-radius: 8px;
}
.sss .accordion-header {
padding: 16px;
font-size: 15px;
}
.sss .accordion-header span {
padding-right: 12px;
}
.sss .accordion-item.active .accordion-content {
padding: 0 16px 16px 16px;
}
.sss .accordion-content p {
font-size: 14px;
}
}
@media (max-width: 480px) {
.sss {
padding: 30px 0;
}
.sss-title {
font-size: 22px;
margin-bottom: 24px;
}
.sss .accordion-header {
padding: 14px;
font-size: 14px;
}
.sss .accordion-icon {
width: 18px;
height: 18px;
}
}
.seo-text{
margin: 25px;
}
footer {
position: relative;
padding-top: 270px;
background: #ffffff;
border-bottom-right-radius: 150px;
}
footer .line {
position: absolute;
top: 0;
}
footer .bottom-bg {
position: absolute;
bottom: 0;
right: 0;
}
footer .footer-logo {
margin-bottom: 147px;
}
footer .footer-iletisim .adres {
position: relative;
padding: 17px 0;
width: 383px;
}
footer .footer-iletisim .adres p {
font-size: 16px;
color: black;
font-weight: 500;
}
footer .footer-iletisim .telefon {
position: relative;
padding: 17px 0;
width: 383px;
}
footer .footer-iletisim .telefon a {
font-size: 36px;
color: black;
font-weight: 500;
}
footer .footer-iletisim .mail {
position: relative;
padding: 17px 0;
width: 383px;
}
footer .footer-iletisim .mail a {
font-size: 36px;
color: black;
}
.adres::after,
.telefon::after,
.mail::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: var(--primary-color);
transition: width 0.3s ease;
}
.adres:hover::after,
.telefon:hover::after,
.mail:hover::after {
width: 19%;
}
footer .footer-iletisim .sosyal-medya {
display: flex;
margin-bottom: 93px;
padding: 23px 0;
gap: 16px;
}
footer .footer-iletisim .sosyal-medya a {
font-size: 27px;
color: var(--primary-color);
transition: width 0.3s ease;
}
footer .footer-iletisim .sosyal-medya a:hover {
color: black;
transition: width 0.3s ease;
}
footer .footer-right {
display: flex;
flex-direction: column;
align-items: end;
}
footer .footer-right .katalog-btn {
font-size: 20px;
font-weight: 500;
background: var(--primary-color);
color: white;
border: 2px solid var(--primary-color);
padding: 13px 30px;
border-radius: 10px;
margin-bottom: 147px;
transition: all 0.3s ease;
}
footer .footer-right .katalog-btn i {
margin-right: 10px;
color: white;
transition: all 0.3s ease;
}
footer .footer-right .katalog-btn:hover {
background-color: white;
transition: all 0.3s ease;
color: var(--primary-color);
border: 2px solid var(--primary-color);
}
footer .footer-right .katalog-btn:hover i {
color: var(--primary-color);
transition: all 0.3s ease;
}
footer .footer-right .footer-menu {
display: flex;
flex-direction: column;
align-items: end;
gap: 15px;
}
footer .footer-right .footer-menu a {
font-size: 20px;
color: black;
transition: all 0.3s ease;
}
footer .footer-right .footer-menu a:hover {
color: rgb(169, 168, 168);
transition: all 0.3s ease;
}
footer .footer-botom {
display: flex;
justify-content: space-between;
padding-bottom: 50px;
}
footer .footer-botom .footer-bottom-left {
gap: 24px;
display: flex;
}
footer .footer-botom .footer-bottom-left a {
font-size: 14px;
font-weight: 400;
color: black;
padding-right: 27px;
}
footer .footer-botom .footer-bottom-left .cerez {
border-right: 1px solid var(--primary-color);
}
footer .footer-botom .footer-bottom-left .ftr-surdur {
color: #51DF00;
}
@media (max-width: 1000px) {
footer .mobil {
display: flex;
flex-direction: column;
align-items: center;
}
footer .footer-logo {
margin-bottom: 50px;
}
footer .footer-iletisim .adres p {
text-align: center;
}
footer .footer-iletisim .telefon {
text-align: center;
}
footer .footer-iletisim .mail {
text-align: center;
}
footer .footer-right {
align-items: center;
}
footer .footer-right .katalog-btn {
margin-bottom: 85px;
}
footer .footer-right .footer-menu {
align-items: center;
}
footer .footer-botom {
flex-direction: column;
align-items: center;
}
footer .footer-botom .footer-bottom-left {
flex-direction: column-reverse;
margin-top: 40px;
margin-bottom: 30px;
}
footer .footer-botom .footer-bottom-left a {
text-align: center;
}
footer .footer-botom .footer-bottom-left .copr {
border: none;
}
footer .footer-botom .footer-bottom-left .cerez {
border-right: none;
}
footer .bottom-bg {
width: 400px;
}
footer .footer-iletisim .sosyal-medya{
justify-content: center;
}
}
.lazy {
    filter: blur(5px);
    transition: filter .3s;
}
.lazy-loaded {
    filter: blur(0);
}