@font-face {
  font-family: 'Gilroy-Medium';
  src: url('Gilroy/Gilroy-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Black';
  src: url('Gilroy/Gilroy-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Thin';
  src: url('Gilroy/Gilroy-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('Gilroy/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Regular';
  src: url('Gilroy/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url('Gilroy/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ultraLight-Italic';
  src: url('Gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: url('Gilroy/Gilroy-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Light';
  src: url('Gilroy/Gilroy-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-LightItalick';
  src: url('Gilroy/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-UltraLight';
  src: url('Gilroy/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa-Book';
  src: url('nexa/Nexa-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


a {
  text-decoration: none;
}

::-webkit-scrollbar {
display: none;
visibility: hidden;
opacity: 0
}


body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute; 
  width: 100%;
  z-index: 999;
}

.logo-section {
  background-color: #ed412f; /* Kırmızı arka plan */
  width: 50%;
  
  height: 9vw;
  align-content: center;
}

.logo {
  display: flex;
  align-items: center;
  color: white;
  font-family: Arial, sans-serif;
  
}

.logo img {
  width: 12vw;
  height: auto;
  margin-left: 7vw;
}

.menu-toggle {
  display: flex;
  align-items: center;
  background-color: transparent; /* Şeffaf arka plan */
  margin-right: 6vw;
  background-color: #ed412f;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 10vw;
  height: 9vw;
 
}

.menu-toggle span {
 color : white;
 font-family: 'Nexa-Book', sans-serif;
 font-size: 1vw;
}

.toggle-icon {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 4vw;
  height: auto;
  
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #2E2A42; /* Koyu arka plan */
  color: white;
  padding: 20px 50px;
  
  
}

.footer-left {
  width: 40%;
  padding-left: 3.5vw;
}

.footer-logo {
  width: 17vw;
  margin-top: 2vw;
  margin-bottom: 1vw;
}

.footer-left p {
  font-size: 1vw;
  font-family: 'gilroy-light', sans-serif;
}

.footer-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 2vw;
  gap: 1vw;
  margin-right: 1vw;
}

.footer-links {
  display: flex;
  
}

.footer-links a {
  color: #ed412f;
  text-decoration: none;
  font-family: 'gilroy-extraBold', sans-serif;
  font-size: 1.5vw;
}
.footer-links a:nth-child(3),
.footer-links a:nth-child(7) {
color: white;
}

.footer-links a:hover {
  color: white;
  transition: 0.3s;
}

.footer-links a:nth-child(3):hover,
.footer-links a:nth-child(7):hover {
color: #ed412f;
}

.footer-links span {

  font-size: 1.5vw;
  padding: 0 0.5vw;

}

.footer-contact{
  display: flex;
  gap: 2vw;
  
 
}

.footer-contact p, .footer-contact a {
  margin: 0.25vw 0;
  color: white;
  font-size: 1.7vw;
  font-family: 'gilroy-light', sans-serif;
  font-weight: 300;
}

.footer-bottom-logo img {
  width: 9vw;
  margin-top: 2vw;
}

/* slider */

.slider-container {
position: relative;
width: 100%;
height: 52vw;
display: flex;
background: linear-gradient(to right, #ed412f 50%, transparent 50%);
}

.slider {
flex: 1;
position: relative;
}

.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
display: grid;
place-items: center; /* Hem yatay hem dikey ortalama */
background: linear-gradient(to right, #ed412f 50%, transparent 50%);

}

.slide.active {
opacity: 1;
}

.slide img {
width: 55%;
height: 55%;
object-fit: contain;

}

.slide-info {
position: absolute;
bottom: 30%;
right: 5%;
color: black;

}

.slide-info img {
height: 1.7vw;
width: auto;
color: black;
display: block;
margin-left: auto;
}

.slide-info .baslik {
font-size: 4vw;
font-weight: bold;
margin: 0.5vw 0;
text-align: right;
font-family: 'gilroy-black', sans-serif;
}

.slide-info ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-end;

}

.slide-info li {
font-size: 1.5vw;
text-align: right;
border-bottom: 1px solid #FF3B30;
width:11vw;
height: 2vw;
display: flex;
align-items: center;
font-family: 'Gilroy-Regular', sans-serif;
padding: 0.5vw 0;

}

.minilogo{
height: 2vw;
width: auto;

}



.slide-info li:nth-child(1) {

border-top: 1px solid #FF3B30;
}

.slider-indicators {
position: absolute;
left: 8.5vw;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}

.line {
width: 2px; /* Çizginin başlangıç genişliği */
height: 8vw; /* Çizginin yüksekliği */
background-color: white;
position: relative;
/* Üçgen şekli vermek için clip-path kullanılır */
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}

.line2 {
width: 2px; /* Çizginin başlangıç genişliği */
height: 8vw; /* Çizginin yüksekliği */
background-color: white;
position: relative;
/* Üçgen şekli vermek için clip-path kullanılır */
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.indicator {
width: 1vw;
height: 1vw;
background-color: white;
border-radius: 50%;
margin: 0.5vw 0;
opacity: 0.5;
}

.indicator.active {
opacity: 1;
border: 2px solid white;
}


.slide-devamını-oku{
position: absolute;
width: 13vw;
text-align: center;
bottom: 5%;
display: flex;
font-size: 2vw;
font-family: 'nexa-book', sans-serif;


}
.slide-devamını-oku img{
width: 2vw;
height: auto;

}


/* hakkımızda */


.biz-container {
width: 85%;
margin: 0 auto;
display: flex; /* Yan yana yerleştirmek için */
position: relative;
padding: 4vw 0; 
}

.biz-resim {
width: 50%; /* Görüntü alanı için yüzde belirliyoruz */
display: flex;
justify-content: center;
align-items: center;
position: relative;
}

.resim-backround {
width: 30vw;
height: 27vw; /* Boyutları ayarlayın */
position: absolute;
left: 1vw;
top: 9.5vw;/* Yazıların alanına kaymaması için sağa yasladık */
background-color: #ed412f;
z-index: 1;
}
.biz-resim-on {
 /* Boyutları ayarlayın */
display: flex;
justify-content: center;
}

.biz-resim-on img {
width: 35vw;
height: 35vw; /* Resmin genişliği */

object-fit: cover;
position: relative;
align-content: center;
z-index: 2;
}

.biz-icerik {
width: 50%; /* İçerik için sabit genişlik */
padding: 1vw;
position: relative;
z-index: 3;
}

.biz-kimiz-baslik {
font-size: 4vw;
font-family: 'gilroy-extrabold', sans-serif;
color: #ed412f;
margin-bottom: 1vw;
}
.biz-kimiz-icerik {
font-size: 1.3vw;
font-family: 'gilroy-regular', sans-serif;
color: #2E2A42;
line-height: 1.5;
margin-bottom: 1vw;
}


/* maraka slider */

.marka-slider-container {

display: flex;
justify-content: center;
height: 11vw;
background-color: #faf8f8;

}

.marka-slider-header {
display: flex;
align-items: center;

}

.marka-slider-title {
font-size: 3.5vw;
color: #ff0000; /* Kırmızı renk */
font-family: 'gilroy-extrabold', sans-serif;
}

.container-line {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1vw;
justify-content: center;
position: relative;
}
.line-1 {
width: 2px;
height: 3.5vw;
background-color: #d8cccc;
}
.arrow {
font-size: 24px;
}
.arrow.left {
position: absolute;
top: 100%;
left: -20px;
}
.arrow.right {
position: absolute;
top: 100%;
left: 20px;
}

.marka-slider-content {
display: flex;
align-items: center;
position: relative;
}

.marka-slider-arrow {
color: #d8cccc;
background-color: transparent;
background-color: none;
border: none;

border-radius: 50%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5vw;
font-family: 'Courier New', Courier, monospace;
}



.marka-slider-items {
display: flex;

overflow: hidden;
width: 60vw;
}

.marka-slider-item {
min-width: 25%; /* Her sırada 4 item göster */
text-align: center;
height: 6vw;


box-sizing: border-box;
background-color: #faf8f8;
margin: 0 5px;
border: 1px solid #ccc;
border-radius: 5px;
display: grid;
place-items: center; /* Hem yatay hem dikey ortalama */

}

.marka-slider-item img {
  width: 12vw;
  height: 5vw;
  object-fit: contain;
}

.yenimodel-container{
display: flex;
justify-content: center;
margin: 2vw 0;
font-family: "gilroy-extrabold", sans-serif;
font-size: 3.5vw;
color: #333333;
}
.yenimodel-container-span{
font-family: "gilroy-regular", sans-serif;
}
.yeni-modeller-container{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 2vw 0;



}
.yeni-modeller-container-item{
display: flex;
justify-content: center;
align-items: center;
margin: 2vw;
font-family: "gilroy-extrabold", sans-serif;
font-size: 3vw;
color: #333333;
flex-direction: column;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Gölge ekledik */
}



.yeni-modeller-container-item-img{
width: 20vw;
height: auto;
margin: 1vw;
}

.yeni-modeller-container-item-img img{
width: 100%;
height: 14vw;
object-fit: contain;
}

.yeni-modeller-container-item-info{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: "gilroy-extrabold", sans-serif;
font-size: 2.5vw;
color: #333333;
}

.red{
background-color: #ed412f;
width: 100%;
}

.yeni-modeller-container-item-info-baslik{
font-family: "gilroy-extrabold", sans-serif;
font-size: 2.5vw;
color: #ED412F;
}
.white{
color: white;

}
.yeni-modeller-container-item-info-tur{
font-family: "Gilroy-SemiBold", sans-serif;
font-size: 1.2vw;
color: #999999;
}
.bordo{
color: #9B1D13;
}
.yeni-modeller-container-item-info-button{
font-family: "gilroy-regular", sans-serif;
width: 14vw;
height: 3vw;
font-size: 1.2vw;
color: white;
background-color: #ed412f;
padding: 0.3vw 1vw;
border: none;
border-radius: 0.3vw;
margin: 1vw;
margin-top: 2vw;
}
.white-bg{
background-color: white;
color: #ed412f;
}

.yeni-modeller-container-item-info-button:hover{
background-color: #c4c4c4;
}


.white-bg:hover{
background-color: rgb(185, 150, 150);

}


.motorlari-taniyin-container {
position: relative; /* Z-index bağlamı yaratmak için gerekli */
width: 100%;
margin-top: 8vw;
z-index: 1; /* Bu gerekli değil ama bağlam sağlıyor */
}

.angled-banner {

background-color: #e74c3c; /* Kırmızı renk */
color: white;
padding: 1vw 0;
position: absolute; /* Üzerinde konumlandırmak için gerekli */
height: 6vw;
top: -4.5vw;
width: 100%; /* Tam genişlik */
font-size: 4vw;
font-family: "gilroy-extrabold", sans-serif;


clip-path: polygon(0% 100%, 100% 55%, 0% 0%);
z-index: 3; /* En üstte görünmesini sağlar */
}

.banner-text {
transform: skewY(358deg); /* Metni düz hale getir */
display: inline-block;
margin-top: 2vw;
}
.banner-text2{
font-family: "Gilroy-Regular", sans-serif;
}

.ornek-bloglar {
width: 100vw;
height: 48vw;
background-image: url("../img/blog-bg.png");
background-size: cover;
background-position: center;
position: relative; /* Z-index için bağlam yarat */
z-index: 2; /* angled-banner'ın altında kalır */
}

.blog-item-container{
display: flex;
justify-content: flex-end;

}

.blog-item-container1{
display: flex;
flex-wrap: wrap;
justify-content: center;


}

.blog-item {
width: 25vw;
height: 37vw;
background-color: white;
margin: 2vw;
margin-top: 4vw;
border-radius: 3vw;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;

padding: 1vw;
}

.blog-item1 {
width: 25vw;
height: 37vw;

margin: 2vw;
margin-top: 4vw;
border-radius: 3vw;
box-shadow: 
  5px 5px 10px rgba(0, 0, 0, 0.5), /* Dış gölge */
  inset 5px 5px 10px rgba(0, 0, 0, 0.2); /* İç gölge */
display: flex;
flex-direction: column;
border-style: solid;
border-width: 0.2vw;
padding: 1vw;
border-color: white;
}

.blog-item img {
width: 100%;
height: 20vw;
object-fit: cover;
border-radius: 2vw;
}

.blog-item1 img {
width: 100%;
height: 20vw;
object-fit: cover;
border-radius: 2vw;
}


.blog-item-info {
display: flex;
flex-direction: column;
gap: 1vw;
align-items: center;
}

.blog-item-info-baslik {
font-family: "Gilroy-SemiBold", sans-serif;
font-size: 2vw;
color: #e74c3c;
height: 12vw;
text-align: center;

display: flex;
align-items: center;
justify-content: center;
}

.blog-item-info-tur {
font-family: "Gilroy-Regular", sans-serif;
font-size: 1.2vw;
padding: 0 3vw; 
color: black;
}

.blog-item-info-button {
font-family: "Gilroy-LightItalick", sans-serif;
font-size: 1.5vw;
width: 17vw;
color: white;
background-color: #ed412f;
padding: 0.5vw 1vw;
border: none;
text-align: center;
border-radius: 2vw;
cursor: pointer;
}

.blog-item-info-button:hover {
background-color: #b60a0a;
}
/* iletişim */

.contact-wrapper {
display: flex;
justify-content: space-between;
width: 80%;
margin: 2.6vw auto;
padding: 1.04vw;
background-color: #fff;

}

.contact-details, .contact-form-wrapper {
width: 48%;

}

/* Başlık ve alt başlıklar */
.contact-heading {
font-size: 4vw;
margin-bottom: 1.04vw;
margin-top: 11vw;
color: #ED412F;
font-family: 'gilroy-Bold', sans-serif;

}

.contact-heading-underlining {
border-bottom: 0.3vw solid #ED412F;
padding-bottom: 0.52vw;
margin-bottom: 1.04vw;
}

.contact-subheading {
font-size: 2.04vw;
margin-bottom: 0.52vw;
font-family: 'gilroy-Bold', sans-serif;
color: #ED412F;
}

/* Adres */
.contact-address, .contact-phone, .contact-email, .contact-social {
margin-bottom: 3vw;
font-family: 'gilroy-light', sans-serif;
color: #3d3d3d;
}
.contact-social {
margin-top: 5vw;
}

.address-text {
margin-bottom: 1vw;
font-size: 1.6vw;
}

/* Haritada göster linki */
.address-map-link {
color: #333;
text-decoration: none;
font-family: 'gilroy-ExtraBold', sans-serif;
font-size: 2.55vw;


}

.map_underline {
border-bottom: 2px solid #3d3d3d;
padding-bottom: 0.75vw;
}

.address-map-link:hover {
color: #555;
}

/* Telefon */
.phone-number {
font-size: 1vw;
font-size: 1.6vw;
}

/* E-posta */
.email-address a {
color: #333;
text-decoration: none;
font-size: 1.6vw;
font-family: 'gilroy-Regular', sans-serif;
}

.bold{
font-family: 'gilroy-Bold', sans-serif;
}

.email-address a:hover {
color: #555;
}

/* Sosyal medya */
.social-text {
margin-bottom: 0.5vw;
font-size: 1.6vw;
}

.social-links {
display: flex;
gap: 0.5vw;
font-family: "gilroy-regular", sans-serif;
}

.social-links a img {
width: 2vw;
}

/* İletişim Formu */
.form-heading {
font-size: 2.04vw;
margin-bottom: 0.52vw;
font-family: 'gilroy-SemiBold', sans-serif;
color: #ED412F;
}

.form-description {
margin-bottom: 5.04vw;
font-family: 'gilroy-light', sans-serif;
color: #3d3d3d;
font-size: 1.6vw;
}

.contact-form {
display: flex;
flex-direction: column;
}

.form-input, .form-textarea {
margin-bottom: 2vw;
padding: 0.2vw;
font-size: 1.75vw;
border: 0px solid #ccc;
border-width: 0 0 1px 0;

width: 100%;
box-sizing: border-box;
}



.form-baslik{
font-size: 1.3vw;
color: #b1adad;
font-family: 'Gilroy-Regular', sans-serif;
} 


.form-button {

    font-size: 2.30vw; /* 20px */
    color: #494949;
    text-decoration: none;
    display: inline-block;
    margin-top: 3vw; /* 10px */
    transition: color 0.3s;
    font-family: 'Gilroy-Bold', sans-serif;
    align-items: center;
    display: flex
;

    

}

.form-icon {
width: 2.5vw; 
vertical-align: middle;
padding-left: 1vw;
}
.form-button:hover {
color: #555;

}


/* bloglar*/

.bloglar-ana-baslik{
font-size: 2vw;
font-family: 'Gilroy-ExtraBold', sans-serif;
color: #333333;
text-align: center;

}

.bloglar-ana-baslik h2{
font-family: "Gilroy-Regular", sans-serif;
font-weight: 100;
margin-top: 1vw;
}

.bloglar-ana-baslik h1{

margin: 1vw;
}




.urun-container {
display: flex;
justify-content: center;
padding: 1vw;
gap: 4vw;

}

.urun-details, .urun-info {
margin: 3vw;
}

.urun-main-image {
display: flex;
justify-content: center;
height: 34vw;
}

.urun-main-image img {
width: 39vw;
height: 39 vw;
border: 1px solid #ddd;
border-radius: 8px;
object-fit: contain;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Gölge ekledik */
}

.urun-thumbnails {
margin-top: 0.5vw;
}

.urun-thumbnail {
width: 6vw;
height: 6vw;
margin-right: 0.5vw;
border: 1px solid #ddd;
border-radius: 4px;
object-fit: contain;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Gölge ekledik */
cursor: pointer;
}

.urun-thumbnail:hover {
border-color: #f00;
}

.urun-title {
color: #e74c3c;
font-size: 24px;
}

.urun-model {
font-size: 18px;
color: #555;
}

.urun-ozellikler {
list-style: none;
padding: 0;
}

.urun-ozellikler li {
margin: 5px 0;
}

.urun-buttons {
margin-top: 1vw;
}

.urun-button {
display: block;
width: 25vw;
height: 4vw;
padding: 0.5vw;
font-family: "gilroy-regular", sans-serif;
margin-bottom: 10px;
border: none;
border-radius: 4px;
font-size: 1.7vw;
font-weight:600;
cursor: pointer;
}

.urun-button.whatsapp {
background-color: #4CAF50;
color: #fff;
}

.urun-button.siparis {
background-color: #e74c3c;
color: #fff;
}

.motortur{

margin: 1vw 0;
font-family: "gilroy-regular", sans-serif;
margin-left: 12vw;
font-size: 1.6vw;
}
.motortur span{
font-family: "gilroy-bold", sans-serif;
color: #ed412f;
}

.slide-info1 {

bottom: 30%;
right: 5%;
color: black;

}

.slide-info1 img {
height: 1.7vw;
width: auto;
color: black;
display: block;
margin-left: auto;
}

.slide-info2{
display: flex;
flex-direction: row;
gap: 3vw;
}

.slide-info1 .baslik {
font-size: 4vw;
font-weight: bold;
margin: 0.5vw 0;
text-align: right;
font-family: 'gilroy-black', sans-serif;
}

.slide-info1 ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-end;

}

.slide-info1 li {
font-size: 1.5vw;
text-align: right;
border-bottom: 1px solid #FF3B30;
width:11vw;
height: 2vw;
display: flex;
align-items: center;
font-family: 'Gilroy-Regular', sans-serif;
padding: 0.5vw 0;

}

.minilogo{
height: 2vw;
width: auto;

}



.slide-info1 li:nth-child(1) {

border-top: 1px solid #FF3B30;
}


.urun-aciklama-container{
display: flex;
justify-content: center;
width: 80%;
flex-direction: column;
margin: auto;
}

.aciklama-baslik{
font-family: "gilroy-extrabold", sans-serif;
font-size: 2.5vw;
color: #4F4F4F;
margin: 2vw;
background-color: #D3D3D3;
border-radius: 1.7vw;
width: fit-content;
padding: 1vw;
}

.aciklama-icerik{
font-family: "gilroy-regular", sans-serif;
font-size: 2vw;
color: #333333;
margin: 2vw;
}

.diger-urunler h1{
margin-left: 12vw;  
color: #ed412f;
font-size: 2.5vw;
font-family: "gilroy-semibold", sans-serif;
}

.hakkimizda-container{
display: flex;
justify-content: center;
flex-direction: row;
margin: 2vw;

}

.hakkimzda-icerik-container{
width: 40vw;
}

.hakkimizda-baslik{
color: #ED412F;
font-size: 8vw;
font-family: "gilroy-extrabold", sans-serif;
display: flex;
align-items: center;
gap: 2vw;

}


.hakkimizda-baslik span{
font-family: "gilroy-regular", sans-serif;
font-size: 2vw;
text-align: middle;
color: #707070;
}

.hakkimizda-text{
font-family: "gilroy-regular", sans-serif;
font-size: 1.3vw;
color: #333333;

}


.hakkimizda-resim-container{
width: 40vw;
display: flex;
justify-content: center;
align-items: center;
}

.img1{
width: 20vw;
height: 20vw;
position: relative;
left: 12vw;
top: 3vw;
z-index: 1;
object-fit: cover;

}

.img2{
width: 13vw;
height: 13vw;
position: relative;
top: 10vw;
left: 5vw;
z-index: 2;
object-fit: cover;
}

.img3{
width: 18vw;
height: 18vw;
position: relative;
bottom: 2vw;
left: -8vw;
z-index: 0;
object-fit: cover;
}

.katil-container{
display: flex;


flex-direction: column;
margin: 2vw;
width: 80vw;
height: 28vw;
background-color: #ed412f;
margin: auto;
margin-top: 9vw;
}

.katil-baslik{
font-family: "gilroy-extrabold", sans-serif;
font-size: 3.5vw;
color: white;
margin: 1vw 2vw;
margin-bottom: 0;


padding: 1vw;
}

.katil-form{
display: flex;
flex-direction: column;
gap: 2vw;
margin: 2vw;
flex-wrap: wrap;
max-height: 16vw;
}

.katil-input-container{
display: flex;
flex-direction: column;
width: max-content;
margin-left: 1vw;

}

.katil-input-container p{
font-family: "gilroy-regular", sans-serif;
font-size: 1.5vw;
margin-bottom: 2vw;
color: white;
margin: 0;
margin-bottom: 0.5vw;
} 

.katil-input-container input{
font-family: "gilroy-regular", sans-serif;
font-size: 1.5vw;
background-color: #ED412F;
border: none;
border-bottom: 1px solid white;
width: 32vw;
}

.katil-button{
font-family: "gilroy-regular", sans-serif;
font-size: 1.5vw;
display: flex;

color: white;
background-color: #ED412F;
width: 10vw;
height: 3vw;
border: none;
border-radius: 0.5vw;
cursor: pointer;
margin: auto;
align-items: center;

}

.katil-icon{
width: 2vw;
height: auto;
margin-left: 1vw;
filter: brightness(0) invert(1);
}


.fullscreen-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('../img/menu-bg.png'); /* Arka plan resmi */
background-size: cover; /* Resmi tüm alanı kaplayacak şekilde ölçekle */
background-position: center; /* Resmi ortala */
color: white;
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1000;
}
.fullscreen-menu .close-btn {
position: absolute;
top: 20px;
left: 20px;
font-size: 2rem;
color: white;
cursor: pointer;
z-index: 1001;
background-color: rgba(0, 0, 0, 0.5); /* Hafif siyah arka plan */
padding: 10px 20px;
border-radius: 4vw;


font-family: 'Gilroy-Bold', sans-serif;
transition: background-color 0.3s;

}

.fullscreen-menu .close-btn:hover {
background-color: rgba(255, 255, 255, 0.5);
color: black;
}

.fullscreen-menu.active {
display: flex;
}

.menu-content {
text-align: center;

}
.menu-content h2 {

font-size: 6rem;
text-transform: uppercase;
font-family: "Gilroy-Bold", sans-serif;
}

.menu-content ul {
list-style: none;
padding: 0;
margin: 0;
font-family: "nexa-book", sans-serif;

}
.menu-content ul a {

font-size: 2rem;
}

.menu-content ul li {
margin: 10px 0;
font-size: 1.5rem;
}

.menu-content ul li a {
color: white;
text-decoration: none;
}

.menu-content .social-links {
margin-top: 20px;
}

.menu-content .social-links a {
color: white;
margin: 0 10px;
text-decoration: none;
}


.harita{
display: flex;
justify-content: center;
margin-top: 5vw;
height: 30vw;
}

.blog-icerik-img-container {
display: flex;
justify-content: center;
margin: 2vw;
}

.blog-icerik-img-container img {
width: 75vw;
height: 35vw;
object-fit: cover;

border-radius: 1vw;
}

.blog-icerik-content {
display: flex;
flex-direction: column;
align-items: center;
margin: 3vw;
}

.blog-icerik-title{
font-family: "gilroy-extrabold", sans-serif;
font-size: 2.5vw;
color: #333333;
margin: 1vw;
}

.blog-icerik-content-text{
font-family: "gilroy-regular", sans-serif;
font-size: 2vw;
color: #333333;
margin: 1vw 6vw;

}