*
{
    padding: 0;
    margin: 0;
    animation-delay: 2s;

}

html, body
{
    overflow-x: hidden;
    min-height: 100%;
    height: 100%;

}

footer {
    padding: 0 0 10px 0;
    color: black;
    font-size: 14px;
  }
 a{
  color: rgba(61, 121, 212, 0.26);
  text-decoration: none;
 }
  
.navbar-brand img{
width: 220px;
}

.nav-item{
  margin: 15px;
}
.nav-link{
  font-size: 15px;
}
.nav-link:hover{
  color: green !important;

}
.active{
  color: green !important;
}

#main {
    margin-top: 70px;
    z-index: 3;
    position: relative;
}

.headerTopRow a{
    text-decoration: none;
    color:white;
}
.carousel-item img{
    object-fit: cover;
    height: 800px;

}
.mainCards .card{
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: 30px ;
}
.hakkimizdaCard img{
    border-radius: 30px ;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    
}
.hakkimizdaCard .card{
    font-size: 18px;
    border:none ;
    
}

.carousel-control-prev-icon{
    height: 50px !important;
    width: 50px !important;
    text-shadow: 2px 2px;
}
.carousel-control-next-icon{
    height: 50px !important;
    width: 50px !important;
    text-shadow: 2px 2px;
}
.carousel:hover .carousel-control {
    visibility: visible !important;
  }

.navbar-nav{
    padding-left: 20%;
    font-size: 15px;
}
.ustTop{
    height: 5px;
}



.mainCard{
    z-index: 9;
    border-radius: 25px;
    background-color: #0c5b61a8;
    backdrop-filter: blur(10px);
    color: white;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
    margin-top: -100px;

}
.mainCard:hover{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    border:1px solid white;
    transition: all 0.3s ease-in;
}
.mainCard img{
    padding: 10px;
}
.mainCard h1{
 padding-bottom: 20px;
 font-size: 25px;
}


.ustBanner img{
    width: 100%;
    max-height: 400px !important;
    min-height: 180px;
    object-fit: cover;
    position: relative;
}
.bannerH{
    left: 40%;
    top: 120px;
    position: absolute;
    color: white;
}
.bahcemizDiv{
  background-color: #f3f3f3;
}
.bahcemizDiv img{
  object-fit: cover;
  height: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}
.sosyalDonatiImg img{
  object-fit: cover;
  height: 300px;
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}
.sosyalDonatiImg .col-md-3{
  margin-bottom: 50px;
}
#ulkumuz img{
  border-radius: 30px;
}
.bahcemizDiv .card{
  border:none;
  background:none;
}
.bilimCard{
  border-radius: 20px;
  border: none;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 300px;
  margin-bottom: 30px;
}
.bilimCard img{
  height: 180px;
  width: 100%;
  object-fit: cover;
  border-top-right-radius: 20px !important;
  border-top-left-radius: 20px !important;
  
}
.bahceAmacDiv{
  background-color: #f3f3f3;

}
.gorevlerDiv .card{
 min-height: 210px;
 height: 210px;
 max-height:210px ;
 border-radius: 20px;
 border: none;
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 font-size: 18px;
}
.gorevlerDiv img{
  max-height: 200px;
  min-height: 100px;
  width: 100px;
  box-shadow: none !important;
}


@media only screen and (max-width: 600px) {
 
    .carousel-item img{
        object-fit: cover;
        height: 400px;
        border-radius: 20px;
        padding: 10px;
    
    }

    .mainCard{
        z-index: 9;
        border-radius: 25px;
        background-color: #0c5b61a8;
        backdrop-filter: blur(10px);
        color: white;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
        margin:auto;
    
    }
    .navbar-brand img{
      width: 220px;
      }
      .navbar-nav {
        margin:10px;
        padding: 0;
      }
  }

  .baslikHeader{
    width: 100%;
    padding: 30px;
    color: white;
    background-image: url(/img/header-1.jpg);
    background-color: #0c5b61a8;
  }

  #lightgallery{
    cursor: pointer;
  }