/* CSS Document */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript';
    src: url('fonts/DancingScript-VariableFont_wght.ttf') format('truetype');
}
.container-fluid {
	overflow: hidden;
    padding-left: 0 !important;
    margin-left: 0 !important;
	padding-right: 0 !important;
    margin-right: 0 !important;
}

 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
			font-family: 'Poppins', sans-serif;
			font-weight: 400; /* Regular */
            /*font-family: Arial, sans-serif;*/
			margin: 0;
			overflow-x: hidden;
        }
.swiper-div {
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .swiper {
            width: 100%;
            height: auto;
            overflow: visible; /* Swiper'ın overflow'unu visible yap */
        }

        .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 200px; /* Slide genişliği */
            height: 200px; /* Slide yüksekliği */
            border-radius: 65px; /* Köşeleri yuvarla */
            overflow: hidden; /* İçeriklerin köşeleri kesmesini önler */
            transform: translateZ(0); /* GPU hızlandırma */
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Resimlerin boyutlandırılması */
        }
.ansiklopedi-baslik h2{
	font-family: 'DancingScript', sans-serif;
	font-style: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 60px;
}
.ansiklopedi-div{
	display: flex;
    flex-direction: column; /* İçeriği dikey olarak hizala */
    align-items: center; /* İçeriği yatayda ortala */
    justify-content: flex-end; /* İçeriği alt kısma yerleştir */
    position: relative;
	margin-bottom: 0px;
}
.main-ans-photo{
	resize: both;
	border-radius: 40px;
	width: 60%;
	height: auto;
	object-fit: scale-down;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.main-ans-photo:hover{
	 transform: translateY(-5px); /* Hafifçe yukarı kaldır */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4); /* Hover durumunda gölgeyi artır */
}
.main-ans-photo:hover + .main-ans-baslik-div {
	transform: translateY(-5px);
    background: rgba(0, 0, 0, 0.5); /* Arka plan rengi (siyah, %50 opak) */
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.4); /* Hover durumunda gölgeyi artır */
}
@media (max-width: 768px) {
    .main-ans-photo {
        width: 100%; /* Mobilde fotoğrafın genişliğini tam ekran yap */
		height: auto;
        border-radius: 20px; /* Köşeleri daha küçük yap */
    }
    .main-ans-photo:hover + .main-ans-baslik-div {
        transform: translateY(-3px); /* Mobilde daha küçük bir hareket */
    }
	.main-ans-baslik-div h2{
	font-weight: 400;
	font-size: 35px !important;
}
}
.main-ans-baslik-div h2{
	font-family: 'DancingScript', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 50px;
}
.ansiklopedi-row h2{
	margin-top: 20px;
	
	font-family: 'BebasNeue', sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size: 50px;
	color: #157805;
	letter-spacing: 5px;
}
.ansiklopedi-row h4{
	margin: 20px;
	font-family: 'BebasNeue', sans-serif;
	font-weight: 500;
	font-size: 40px;
	color: black;
	letter-spacing: 2px;
}
.img-container{
	display: flex;
	align-items: center;
	align-content: center;
	margin: 0 !important;
	padding: 0 !important;
}
.bigger-img-container{
	width: 100vw;
	height: auto;
}
.img-div img{
	overflow: hidden;
	transform: translateY(-61vw);
	width: 100%;
	position: absolute;
	mix-blend-mode: multiply;
	opacity: 0.2;
	
}
.bg-image{
	position: absolute;
	opacity: 0.2;
	left: 50%; /* Yatayda ortala */
    transform: translate(-50%, 10vw); /* Elementin genişliğinin yarısı kadar sola kaydır */
}
.bg-image img{
	max-width: 100%;
	height: auto;
}
@media (max-width: 768px){
	.bg-image{
		transform: translate(-50%, 60vw);
		width: 120vw;
		height: auto;
	}
	.img-div img{
		transform: translateY(-80%);
		width: 100%;
		height: auto;
	}
	.mobile-image {
        opacity: 0.2 !important; /* Mobilde görselleri göster */
    }
}
.img-div-mobile{
	transform: translateY(31vw);
	position: absolute;
	width: 100%;
	height: auto;
}
.mobile-image {
    width: 100%;
    max-width: 300px;
    height: auto;
    opacity: 0;
	
}
.property {
	justify-content: center;
    display: flex; /* Özellik ve değer çiftini yan yana getirir */
    margin-bottom: 10px; /* Her özellik-değer çifti arasına boşluk ekler */
}

.property p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	
    margin: 0; /* Paragrafların varsayılan margin'ini sıfırla */
    padding: 0 5px; /* Paragraflar arasına biraz boşluk ekler */
}

.property p:first-child {
    font-weight: bold; /* Özellik adını kalın yapar */
    min-width: 150px; /* Özellik adı için sabit genişlik belirler */
}
		h1, h2, h3 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
        }

.smart-logo {
    position: absolute; /* Navbar'ın üstüne çıkart */
    top: 70px; /* Yukarı taşı (değer ayarlanabilir) */
    left: 50%; /* Yatayda ortala */
    transform: translateX(-50%); /* Tam ortalamak için */
}

.smart-logo .logo-img {
    height: 200px; /* Logo boyutu (istediğin gibi ayarla) */
}
.language-toggle {
    display: flex;
    align-items: center;
    gap: 5px;
}

.language-toggle a {
    text-decoration: none;
    font-size: 16px;
    color: #2a6476;
    padding: 5px 10px;
    border-radius: 15px;
    transition: background-color 0.3s ease;
}

.language-toggle a.active {
    background-color: #90af3d;
    color: #fff;
}

.language-toggle a:hover {
    background-color: #90af3d;
    color: #fff;
}

.language-toggle .separator {
    color: #2a6476;
    font-size: 16px;
}
									.navbar {	
			padding: 0;
			border-radius: 0px 0px 40px 40px;
			z-index: 10;
			top: 0;
			box-sizing: border-box;
            position: sticky;
            width: 100% !important;
            background: rgba(255, 255, 255, 1); /* Yarı saydam beyaz */
            backdrop-filter: blur(10px); /* Blur efekti */
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
		.nav-logo{
			align-items: center;
			display: flex;
			padding: 0px !important;
			margin: 0px !important;
			 width: 200px; /* Daha uygun bir genişlik */
			height: auto; /* Oranları koru */
			transition: transform 0.3s ease; /* Hover efekti için geçiş */
		}
		.nav-logo:hover {
			transform: scale(1.1); /* Hafif büyütme efekti */
		}

        .navbar ul {
			margin-bottom: 0;
            list-style: none;
            display: flex;
        }

        .navbar ul li {
            margin: 0 15px; 
        }

        .navbar ul li a {
			display: inline-block;
			font-family: 'Poppins', sans-serif;
			font-weight: 500;
			letter-spacing: 2px;
            text-decoration: none;
            font-size: 15px;
            color: black;
			background-color: #E1E1E1;
			border-radius: 15px;
            padding: 10px 20px;
            transition: 0.6s;
			overflow: hidden; /* hover.css ile border-radius kullanıyorken bu özellik bozulmayı engelliyor */
        }

        .navbar ul li a:hover {
            background-color: #149eda;			
            color: #fff;
        }

.col-12.col-md-5.eynak-text-div .quality-section p {
	font-size: 18px;
	margin: 10px;
}
.quality-section h3 {
	margin: 20px;
}

.main-smart {
    display: block;
    width: 100vw; /* Ekranı tamamen kaplasın */
    height: auto;  /* Orijinal yüksekliği korusun */
    object-fit: cover; /* İçeriğin taşmasını önler */
}
.full-bg-beyaz{
	/*background-color: #E0F3FC;*/ /*#E0F3FC; gri */
	width: 100vw;
	
	padding: 0px 30px 30px;
	background: linear-gradient(45deg,#149EDA, #90AF3D, #149EDA, #90AF3D ); /* Renk geçişi */ /*#FFD700, #FF4500, #FFD700, #FF4500*/
    background-size: 400% 400%; /* Arka planı büyüt */
    animation: gradientAnimation 10s ease infinite; /* Animasyon */
}
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.full-bg-bej{
	width: 100%;
	background-color: #FBF1E3; /* az daha açık hali #f8f1e7 */
	padding-bottom: 0px;
}
.full-bg-white{
	width: 100%;
	background-color: white; 
	padding-bottom: 0px;
}
.bigger-icon{
	height: 150px;
	width: 150px;
}
.big-icon{
	margin: 30px;
	height: 100px;
}
.icons-row{
	padding: 10px;
	margin-bottom: 50px;
	margin-top: 50px;
	justify-content: center;
}
.div-main{
	border-radius: 40px;
	background-color: white;
	border: 6px solid #d1d2d4; 
    box-shadow: 0 0 0 4px black;
	padding: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 40px;
	padding-right: 40px;
}
.emote-div h3 {
	margin: 15px;
}
.emote-div a{
	margin: 15px;
	font-size: 20px;
}
.logo-div{
	/*.LOGO BG ÇALIŞMASI YAPILCAK PS İLE */
}
.logo-png{
	width: 520px;
	
}

.row .col-sm-12.col-md-5.eynak-text-div a{
	font-size: 20px;
}

.colored-line {
	display: flex;
  width: 100% !important;
  height: 15px; /* Çizginin kalınlığını ayarla */
  
}

.blue-line {
  background-color: #149eda;
	
}

.green-line {
  background-color: #90af3d;
}
.button-design{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
    text-align: center;
	background-color: #E1E1E1;
	border-radius: 20px;
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.6s ease, background-color 0.9s ease;
}
.animated1, .animated2,.animated3, .animated4, .animated5{
	opacity: 0;
}
.animated1.visible , .animated2.visible, .animated3.visible , .animated4.visible , .animated5.visible{
	opacity: 1;
}

.image-video-container {
    display: inline-block;
}

.image-video-container img {
    display: block; /* Resmi blok element yap */
    transition: opacity 0.3s ease; /* Geçiş efekti */
}

.image-video-container .hover-video {
	border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Videoyu container'a sığdır */
    opacity: 0; /* Başlangıçta görünmez */
    transition: opacity 0.3s ease; /* Geçiş efekti */
}

.image-video-container:hover img {
    opacity: 0; /* Resmi görünmez yap */
}

.image-video-container:hover .hover-video {
    opacity: 1; /* Videoyu görünür yap */
}


	.list-item {
	list-style: none;
	
}
.footer-logo{
	padding-top: 30px; 
}
.footer-list-quick .list-item{
	margin: 15px;
}
.footer-list-quick .list-item a {
	color: black;
	text-decoration: none;
	text-decoration-color: none;
	
}
.footer-text a p {
	color: black;
}
.footer-parts{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 15px;
	background-color: white;
}
.copyright{
	align-content: center;
	justify-content: center;
	align-items: center;
	
}
		/*-------------------------------------------------   ÜRÜNLER CSS ----------------------------------------*/
#urunler-content{
	overflow: visible;
}