.kumsal-font{
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.kumsal-color{
    color: #FF7F2B;
}

.kumsal-bgcolor{
    background-color: #FF7F2B;
}

.sticky-navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-bottom: 5px solid orange;
    background-color: #f8f9fa;
}

.nav-link:hover{
    color: #FF7F2B !important;
}

.custom-img {
    width: 75%;
    padding: 20px; /* Resmin her tarafından boşluk bırakır */
    border-radius: 10px; /* Köşeleri yumuşatmak için */
}


footer {
    background: #222;
    color: white;
    text-align: center;
    padding: 20px;
}

.custom-border {
    border-right: 2px solid #FF7F2B;
}

@media (max-width: 767px) {
    .custom-border {
        border-right: none;
    }
}

.carousel-inner img {
    max-height: 550px;
    object-fit: cover;
}

.slider-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    background: white;
    padding: 15px 0;
}

.slider {
    display: flex;
    animation: slide 10s linear infinite;
}

.slider img {
    width: 200px;
    height: 75;
    margin: 0 10px;
    border-radius: 10px;
    object-fit: cover;
}

@keyframes slide {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

.slider-container:hover .slider {
    animation-play-state: paused;
}

.social-media-icons {
    position: fixed;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    z-index: 999;
}

.social-icon {
    display: block;
    margin-bottom: 20px;
}

.social-icon img {
    width: 50px;
    height: 50px;
    transition: transform 0.3s ease;
}

.social-icon:hover img {
    transform: scale(1.1);
}

.custom-social-media-icon:hover{
    color: #FF7F2B;
}

.footer-onur-acan-link:hover{
    color:white;
}

div {
    transition: width 2s, height 4s;
}

.animation-slideIn {
    animation: slideIn 1s ease-out;
}

@keyframes slideIn {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.animation-slideRight {
    animation: 3s slideRight;
  }
  @keyframes slideRight {
    from {
      margin-left: -100%;
    }
    to {
      margin-left: 0%;
    }
  } 

.animation-slideLeft {
    animation: 3s slide-left;
  }
  @keyframes slide-left {
    from {
      margin-left: 100%;
    }
    to {
      margin-left: 0%;
    }
  }