@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


body {
    
    font-family: 'Poppins', sans-serif;
}

.navbar {
  background: rgb(255, 255, 255, .7);
}

.nav-link {
  font-size: 17px;
  font-weight: 100;
  color: #8b8f8e;
  margin-right: 15px;
}
.nav-link .social1, .social2{
  font-size: 22px;

}

.nav-link:hover {
  color: #bfcdca;
}

.yatay-çizgi {
  border-top: 2px solid #bfcdca; /* Çizginin stilini ve rengini belirleyin */
  width: 60px; /* Çizginin genişliğini ayarlayın */
}

.text-big {
  font-size: 90px; 
  font-weight: 200; 
  color: #424746;
  margin-top: 200px !important;
}

.resim{
  position:relative;
  overflow: hidden;

}
.resim img{
  width: 100% !important;

}
.hover{
  width:100%;
  height:15%;
  background: rgba(0, 0, 0, 0.7);
  position:absolute;
  bottom:0px;
  color: white;
}
.hover{
  opacity:1;
  transition: all 0.5s ease 0; 

  transition-duration: .7s;
}
.resim:hover .hover{
  background: rgba(255, 255, 255, 0.7);
  opacity:1;
  height: 41%;
  color: #060505;
}
.resim:hover .hover1{

  color: transparent !important;
}

.send::placeholder {
  color: white;
}
.caticerik{ 
  height: 120px;
  overflow: hidden;
}
.caticerik1{ 
  height: 146px;
  overflow: hidden;
}

.image-container {
  position: relative;
}

.image-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: white; /* Arka plan rengini sayfanıza uygun bir renk ile değiştirin */
  z-index: -1;
}



.social a {
  text-decoration: none;
  margin-right: 25px;
}
.social a i{
  color: white;
  font-size: 26px;
}
.social1:hover{
  color: #359bf0;

}
.social2:hover{
  color: #833AB4;

}

.container-flex {
  height: 100vh; 
  background-color: #d5e1df;
}

.margin {
  margin-top: 150px;
}
.margin1 {
  margin-top: 110px;
}

#urunler img {
  width: 100%;
  height: 350px;
  object-fit: cover;

}



@media (max-width: 991px)  {
  .text-big {
    font-size: 60px; 
    font-weight: 200; 
    color: #424746;
    margin-top: 0px !important;
  }
}



  @media (max-width: 768px)  {
    .text-big {
      font-size: 60px; 
      font-weight: 200; 
      color: #424746;
      margin-top: 0px !important;
    }

    .nav-link {
      font-size: 17px;
      font-weight: 400;
      color: #5d5d5d;
      margin-right: 15px;
    }
    .container-flex {
      height: 100%; 
      background-color: #d5e1df;
    }

    .contact-form input, .contact-form textarea {
      font-weight: 400 !important;
    }
    .margin {
      margin-top: 150px;
    }
    
  }