@charset "UTF-8";
/* CSS Document */
body{
	font-family: 'Alegreya', serif;
	background-color:lightgrey!important;
}
.bolum1{
	height: 100vh;
	background: url("img/Adsız tasarım (1).png");
	background-size: cover;
	background-position: 50% 0;
	position: relative;
	
   
}
.overlay{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
}
.navbar{
	position: absolute;
	top: 30px;
	width: 85%;
}

@media only screen and (max-width:760px){
	
	.navbar{
		background: rgba(0,0,0,0.8);
		position: fixed;
		top: 0; left: 0; width: 100%;
	    
	}
}

.bolum1 .navbar-brand{
	font-weight: 600;
	
}
.bolum1 .navbar li{
	margin-left: 15px;
}

.bolum1 .navbar li a img{
	opacity: 0.6;
	border-radius: 50%;
}

.bolum1 .navbar li a{
	font-size: 15px;
	color: darkgray !important;
	font-weight: 400;
	letter-spacing: 1px;
	transition: 0.2s;
}
.bolum1 .navbar .navbar-nav .active>a,
.bolum1 .navbar .navbar-nav a:hover{
	color: white!important;
}

.bolum1 nav a img {
	border-radius: 50%;
	opacity: 0.6;
}

.bolum1 nav a span{
	color: darkgray!important;
}
.language-buttons {
      position: fixed;
      top: 20px;
      right: 20px;
    }
    /* Dil seçimi düğmelerinin boyutunu küçült */
    .language-buttons .btn {
      font-size: 12px;
      padding: 5px 10px;
		color: white!important;
    }
    /* Dil seçimi düğmelerindeki resimlerin boyutunu ayarla */
    .language-buttons img {
      width: 40px;
      height: 40px;
    }
@media (max-width: 768px) {
  .language-buttons {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px; /* İstenilen bir boşluk değeri verebilirsiniz */
  }
}
.bolum1 .navbar .navbar-nav .language-buttons .btn  img:hover{
	transform: scale(1.4);
	background: rgba(80,80,80,0.3);
	border-radius: 35px;
	z-index: 2;
	transition: 0.9s;
	cursor: pointer;
}
.bolum1 .container .row {
	height: 100vh;
	display: flex;
	align-items: center;
}
.bolum1 .sagicerik {
    position: relative;
	background: #AEAEAE!important;
	background-color: lightgray!important;
	border-radius: 25px;
}

.sagicerik video {
    width: 100%;
    height: 100%;
    object-fit: cover!important;
	border-radius: 25px;
	padding-top: 8px;
	
}
@media only screen and (max-width:768px){
	.sagicerik {
        display: flex;
        justify-content: center;
			
	}
}

.bolum1 h2{
	position: relative;
	z-index: 1;
}
.bolum1 p{
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px){
	.bolum1{
		height: 850px;
	}
	h2{
		margin-top: 35px;
	}
	
}

.bolum2{
	margin: 50px auto;
}

.bolum2 label{
	font-size: 16px;
	font-weight: 600
	
}

.bolum2 select{
	font-size: 16px;
	
}
.bolum2 .btn{
	margin-top: 30px;
	background-color:gray !important;
	border: #E7E7E7 !important;
}
.unique-animation-container {
            position: relative;
            width: 100%;
            height: 100px; /* Adjust height as needed */
            overflow: hidden;
            background: #757575;
            padding: 20px 0;
	border-radius: 15%;
	border: 3px solid #E0E0E0;
        }
        .wdt-animation-wrapper {
            display: flex;
            align-items: center;
            white-space: nowrap;
            position: relative;
			margin-top: 30px;
        }
        .wdt-animation-item {
            display: inline-block;
            white-space: nowrap;
            margin: 0 10px;
            position: absolute;
        }
        .wdt-animation-text a {
            display: block;
            padding: 20px;
            font-size: 1.5em;
            color: #000;
            text-decoration: none;
            background:  #C0C0C0;
            border-radius: 5px;
        }
        @media (max-width: 768px) {
            .wdt-animation-text a {
                font-size: 1.2em;
                padding: 15px;
            }
        }
        @media (max-width: 480px) {
            .wdt-animation-text a {
                font-size: 1em;
                padding: 10px;
            }
        }

.bolum3{
	margin-top: 50px;
	text-align: center;
}

.bolum3 p{
	color: white !important;
	font-size: 12px;
	font-weight: 800;
}

.bolum3 h3{
	font-size: 40px;
	font-weight: 600;
	color: white !important;
	margin-bottom: 100px;
}

.bolum3 i{
	font-size: 25px;
	color: gray!important;
}
.bolum3 h4{
	display: inline;
	font-size: 18px;
	font-weight: 600;
	padding: 5px;
}

.bolum3 .etiket p{
	font-size: 18px;
	font-weight: 500;
	line-height: 30 px;
	color: gray;
	margin-top: 30px;
	text-align: left;
}


.bolum4{
	margin-top: 100px;
	text-align: center;
	align-self: stretch;
}
.bolum4 .row .col .etiket{
	align-self: stretch !important;
}

.bolum4 p{
	font-size: 12px;
	color: #3A3A3A!important;
	font-weight: 600;
}

.bolum4 h3{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 100px;
	color: #3A3A3A!important;
}

.bolum4 .etiket{
	width: 100%;
	text-align: center;
	border: 1px solid #F2F2F2;
	padding-bottom: 20px;
	
}
.bolum4 .etiket .img{
	width: 100%;
	height: 300px;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
}

.bolum4 .etiket  p{
	padding: 10px;
	margin-bottom: 0;
	color: #3A3A3A!important;
}

.bolum4 .fiyat .piece span{
	display: block;
	font-size: 10px;
	color: white;
}

.bolum4 .etiket h5{
	margin-top: 30px;
	font-size: 20px;
	color:#3A3A3A;
}

.bolum4 .etiket{
	color: rgba(0.0.0.0.5);
	height: 100%;
}
.bolum4 .etiket .buttonlar{
	display: flex;
	justify-content: space-around;
}
.bolum4 .buttonlar .btn{
	width: 45%;
	color: darkgray!important;
	font-size: 14px;
	transition: 0.2s;
	border: solid 1px #9F9696;
}

.bolum4 .etiket .buttonlar .btn:hover{
	background: #838383;
	color: white;
	font-weight: 600;
}

.bolum5{
	margin-top: 100px;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic,latin-ext);
#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 1280px;
	max-height:720px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container1{ width:1280px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:720px;
	max-width: 1280px;
	vertical-align: top;
	border:3px solid #FFFFFF;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:720px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:720px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

#wowslider-container1  .ws_bullets { 
	padding: 5px; 
}
#wowslider-container1 .ws_bullets a { 
	width:35px;
	height:35px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin-left:0px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: 0 50%;	
}
#wowslider-container1 .ws_bullets a.ws_selbull{ 
	background-position: 0 100%;
}	
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	background-size: 200%;
	position:absolute;
	top:50%;
	margin-top:-3.2em;
	z-index:60;
	width: 6.4em;	
	height: 6.4em;
	background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:0.5em;
}
#wowslider-container1 a.ws_prev {
	left:0.5em;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%; 
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 6.4em;
    height: 6.4em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.2em;
    margin-top: -3.2em;
    z-index: 59;
}

#wowslider-container1 .ws_pause {
	background-size: 100%;
    background-image: url(./pause.png);
}

#wowslider-container1 .ws_play {
	background-size: 100%;
    background-image: url(./play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
   bottom: 0;
	left:50%;
	padding: 0px;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	font: 2.5em 'Open Sans', sans-serif;
	bottom: 0em;
	left: 0;
	margin:1.3em 0.5em;
	padding: 0.6em 0.5em;
	color:#3F4044;
	z-index: 50;
	line-height: 1.3em;
	text-transform: none;	
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	padding:0.5em;
	background-color:#FFFFFF;
    border-radius: 0.5em;
    moz-border-radius: 0.5em;
    webkit-border-radius: 0.5em;
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top: 0.5em;
	font-size: 0.56em;
	font-weight: normal;
	color: #8B8E94;
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 12s infinite;
	-moz-animation: wsBasic 12s infinite;
	-webkit-animation: wsBasic 12s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }

#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:25px;
	left:-43px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);	
    webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-radius:0px;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:85px;
	background-color:#FFFFFF;	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:37px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);	
    webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-radius:0px;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-8px;
	margin-left:8px;
	left:50%;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}
	
	
	.bolum7 .icerik {
		margin-bottom: 50px;
		text-align: center;
	}
	
	

.bolum7{
	

	height: 80vh;
	margin-top: 100px;
	text-align: center;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-color: lightgrey;
	
	

	
}

.bolum7 .row{
	z-index: 100;
	position: absolute;
	color:white;
	text-align: center;
	margin-top: 25px;
	justify-content: center center!important;
	
}

.bolum7 .row .kapsayici{
	
	position: relative;
	justify-content: center center!important;
	align-self: stretch!important;
	
}
.card-flip{
	background-color: lightgrey!important;
}

	
 .card-flip > div {
  backface-visibility: hidden;
  transition: transform 300ms;
  transition-timing-function: linear;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

.card-front {
  transform: rotateY(0deg);
}

.card-back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
color: darkgray;
}

.card-flip:hover .card-front {
  transform: rotateY(-180deg);
}
  
.card-flip:hover .card-back {
  transform: rotateY(0deg);
}
.card-body .img{
	object-fit:cover;
}
 @media (max-width: 767px) {
      .card {
        margin-bottom: 20px;
      }
    }
.card i{
	color: white!important;
	font-size: 35px;
}
.bolum6{
	display: flex;
	height: 100vh;
	background: url("img/Adsız tasarım.png");
	background-size: cover;
	background-position: center center;
	position: relative;
	margin-top: 30px;
}

.bolum6 .container{
	z-index: 100;
	position: absolute;
	color: white;
	text-align: center;
}

.bolum6 p{
	margin-top: 50px;
	font-size: 16px;
	color: white;
	
}

.bolum6 h2{
	color: white;
	font-size: 40px;
	margin-bottom: 100px;
}

.bolum6 .resim{
	width: 85px;
	height: 85px;
	border: 2px solid #BCB5B5;
	border-radius: 100%;
	font-size: 30px;
	padding: 15px;
	display: inline-block;
	background: url("img/OZİKO enterprıse LOGOS.png");
    background-size: cover;
	
}
.bolum6 .resim2{
	width: 85px;
	height: 85px;
	border: 2px solid #BCB5B5;
	border-radius: 100%;
	font-size: 30px;
	padding: 15px;
	display: inline-block;
	background: url("img/OZİKO pet LOGOS (2).png");
    background-size: cover;
	
}
.bolum6 .resim3{
	width: 85px;
	height: 85px;
	border: 2px solid #BCB5B5;
	border-radius: 100%;
	font-size: 30px;
	padding: 15px;
	display: inline-block;
	background: url("img/OZİKO trade LOGOS (1).png");
    background-size: cover;
	
}

.bolum6 .resim img{
	
	background-size:cover !important;
		width: 85px;
	height: 85px;
	position: absolute;
	
}

.bolum6 .icerik h3{
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	
}

.bolum6 .icerik p{
	color: rgba(255,255,255,0.8)!important;
	font-size: 30px;
	line-height: 30px;
	margin: 10px;
}

@media only screen and (max-width:768px){
	.bolum6{
		height: 1300px;
	}
	.bolum6 .icerik {
		margin-bottom: 50px;
	}
	
	
}

.bolum8{
	margin-top: 100px;
	text-align: center;
	
}
.bolum8 p{
	font-size: 12px;
	color: gray;
	font-weight: 600;
}

.bolum8 h2{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 100px;
}

.bolum6 .card{
	text-align: center;
	height: 100%;
}
.bolum8 img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	border: 3px solid rgba(0,0,0,0.05);
	
	animation: border-animasyonu 20000ms infinite linear;
	
}

@keyframes border-animasyonu{
	0%{
		transform: rotate(0deg)
	}
	100%{
		transform: rotate(360deg)
	}
}

.bolum8 .card p{
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	color: gray;
}

.bolum8 .card h5{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	color: darkgray;
}
.bolum8 h2{
	color: white;
}
.bolum8 .card span{
	font-size: 16px;
	color: gray;
	font-weight: 600;
}
.bolum8 .saymus{
	width: 100%;
	height: 100%;
	animation: none;
}
.bolum13 {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            position: relative;
            overflow: hidden;
            border: 2px solid #000; /* Add a border */
        }
        .background-video {
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .text-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 3em;
            font-family: 'Alegreya', serif;
            text-align: center;
            animation: glow 1.5s ease-in-out infinite alternate;
            pointer-events: none;
        }
        @keyframes glow {
            from {
                text-shadow: 0 0 5px #fff, 0 0 10px #808080, 0 0 15px #808080, 0 0 20px #808080, 0 0 25px #808080, 0 0 30px #808080, 0 0 35px #808080;
            }
            to {
                text-shadow: 0 0 10px #fff, 0 0 20px #808080, 0 0 30px #808080, 0 0 40px #808080, 0 0 50px #808080, 0 0 60px #808080, 0 0 70px #808080;
            }
        }
        .popup-box-trigger {
            position: relative;
            cursor: pointer;
            z-index: 1;
        }
        .popup-box-trigger .label {
            position: absolute;
            transition: all 0.3s ease-out;
            transform: translate(-50%, -50%) scale(2);
            left: 50%;
            top: 50%;
            width: 60px; /* Adjust size as needed */
            height: 60px; /* Adjust size as needed */
            background-image: url("../img/OZİKO enterprise yazısız LOGOS.png"); /* Adjust URL as needed */
            background-size: cover;
            background-position: center;
            border-radius: 50%;
            text-indent: -9999px; /* Hide text */
        }
        .popup-box-trigger .label:hover {
            transform: translate(-50%, -50%) scale(1.1);
        }
        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
            background: white;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            display: none;
        }
        .popup iframe {
            width: 560px;
            height: 315px;
        }
        .popup .close {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #000;
            color: #fff;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
        }
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .text-overlay {
                font-size: 2em; /* Adjust font size for smaller screens */
            }
            .popup iframe {
                width: 100%; /* Adjust iframe width for smaller screens */
                height: auto; /* Adjust iframe height for smaller screens */
            }
        }

        @media (max-width: 480px) {
            .text-overlay {
                font-size: 1.5em; /* Further adjust font size for very small screens */
            }
			.background-video {
				width: 100%;
				height: auto;
			}
        }
.bolum9{
	margin-top: 100px;
}

.bolum9 .resim{
	background-size: cover!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	border: 4px solid #F2F2F2;
	border-radius: 25px;
}

.bolum9 .icerik {
	font-size: 20px;
	color: black;
	font-weight: 600;
	text-align: left;
}
.bolum9 p{
	text-align: center;
	color: darkgray;
	font-size: 50px;
}
.bolum9 .baslik h3{
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 50px;
	color: white;
}

.bolum9 article{
	padding: 40px;
}

.bolum9 article p .icerik{
	font-size: 16px;
	line-height: 1.8;
	font-weight: 600;
	color: white;
}

.bolum9 article .btn{
	background-color: gray;
	border: 1px solid #C9BBBB;
	color: white;
}

@media only screen and (max-width:768px){
	.bolum9 .resim{
		height: 600px;
	}
	
}

footer{
	margin-top: 100px;
	background: #9F9F9F;
	padding: 80px 0;
}

footer h3{
	color: #fff;
	margin-bottom: 40px;
	font-size: 20px;
}

footer p{
	line-height: 1.8;
	color: rgba(255,255,255,0.8);
	
}

footer ul.sosyalmedya {
	margin-top: 40px;
	list-style: none;
	padding: 0;
}

footer ul.sosyalmedya li{
	display: block;
	float: left;
	margin-right: 10px;
	width: 45px;
	height: 45px;
	padding: 5px;
	text-align: center;
	border-radius: 100%;
	background-color: #9F9F9F;
}

footer ul.sosyalmedya li a{
	display: block;
	font-size: 25px;
	color: white;
		
}

footer ul.info{
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.info li{
	display: block;
	margin-bottom: 10px;
}

footer ul.info li a{
	text-decoration: none;
	color: rgba(255,255,255,0.7);
}

.info i{
	color: white;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

footer .lisans{
	margin-top: 40px;
	color: rgba(255,255,255,0.7);
	text-align: center;
}
 .bolum2, .bolum3, .bolum4, .bolum5, .bolum6, .bolum7, .bolum8, .bolum9, footer{
	opacity: 0;
}

#yukari{
	height: 45px;
	width: 45px;
	position: fixed;
	bottom: 65px;
	right: 100px;
	background: url( "img/upper arrow.png");
	background-size: cover;
	display: none;
	transition-duration: 0.5s;
}

 .whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #25d366; /* WhatsApp green color */
            color: #fff;
            border: none;
            padding: 10px;
            border-radius: 25%;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .whatsapp-button:hover {
            background-color: #128C7E; /* Darker shade on hover */
        }