/* Custom styles for the slideshow */
        .carousel-item img {
            max-height: 70vh;
            object-fit: contain;
        }

		.fotoFrame {
			border: 5px solid orange; 
			/* Top border thickness and color */
		}

        @media (max-width: 768px) {
            /* For tablets and phones */
            .carousel-item img {
                max-height: 50vh;
            }
        }
	
		
		.carousel-control-prev-icon,
		.carousel-control-next-icon {
			width: 60px; /* Bigger arrows */
			height: 60px;
			background-size: 60px 60px;
		}

		/* Closer to images */
		.carousel-control-prev {
			left: -0px;
			display: flex; /* or block */
		}
		.carousel-control-next {
			right: -0px;
			display: flex; /* or block */
		}
		
		
		/* localde yerelde .svg ile sola sağa ok ekleme ve altta renklendirme --  bootstrap icon */
/* For the previous arrow */
.carousel-control-prev-icon {
  width: 60px;
  height: 60px;
  background-image: url('chevron-left.svg');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  filter: invert(1); /* Changes the color to white. Adjust the value to change the color */
}

		/* For the next arrow */
		.carousel-control-next-icon {
		  width: 60px;
		  height: 60px;
		  background-image: url('chevron-right.svg');
		  background-size: contain;
		  background-repeat: no-repeat;
		  opacity: 1;
  filter: invert(1); /* Changes the color to white. Adjust the value to change the color */
		}