/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700,800,900');
 
 /* Genel Stil */
        * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
		 #hero-section-icerik { z-index:2; }
		

		body {
             font-family: "Barlow", sans-serif;
            margin: 0;
			font-size:16px;
			
           
        }
		
		a{
			text-decoration:none;
			color:inherit;
		}
		
		html {
			  scroll-behavior: smooth;

		}
		p {
			    text-shadow: 0px 0px 1px #0000003d;
				color:rgba(21, 21, 21, 0.70);
		}
		li {
			    text-shadow: 0px 0px 1px #0000003d;
		}
		
		/*iamge point toltip*/
		.box_view_html h2 {
	font-size: 16px;
    font-weight: 700;
    color: #ED1C24;
    margin-bottom: 0;
    padding: 20px 20px 20px 3px;
		}
		.box_view_html {
 padding: 10px;
    border: solid 1px #ED1C24 ;
}
		
		
			
			


       		 /* Ãœst Bant Stili */
        .header-top {
            background-color: #151515;
            color: #ffffff;
            height: 60px;
            display: flex;
            align-items: center;
            padding: 0 15px;
        }

        .header-top a {
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;
            transition: color 0.3s;
        }

        .header-top a:hover {
            color: #ff6200; /* Hover rengi Bomaksan’ın ana rengiyle uyumlu */
        }

        .header-top i {
            font-size: 18px;
			    color: #ed1c24;
        }
		
		/* Varsayılan olarak her iki navbar gizli */
		#mobile-nav {
		display: none;
		}
		

        .contact-info {
            display: flex;
            align-items: center;
            gap: 20px; /* Telefon ve e-posta arasında boşluk */
        }

        .contact-info .phone,
        .contact-info .email {
            display: flex;
            align-items: center;
            gap: 8px; /* İkon ve metin arasında boşluk */
        }

        .social-icons {
            display: flex;
            gap: 18px; /* Sosyal medya ikonları arasında boşluk */

        }
		.social-icons i{
			color: #ffffff !important;
		}

        .social-icons a {
            font-size: 16px; /* Ä°kon boyutu */
        }

        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }
		
		.language-switcher {
    position: relative;
    display: inline-block;
}

.language-switcher .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
}

.language-switcher img {
    width: 20px;
    height: 15px;
    object-fit: contain;
}

.language-switcher .dropdown-menu {
    min-width: 120px;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	
}

.language-switcher .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
}

.hover-dropdown {
    position: relative;
    display: inline-block;
	
	
}

.hover-dropdown .dropdown-menu {
	display:block;
    overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease, visibility 0s linear 0.5s;
 	visibility: hidden;
    position: absolute;
    top: 139%;
    left: 0;
    z-index: 1000;
    min-width: 120px;
    padding: 5px 0;
    background: #fff;
	border-radius: 0;
  
}

.hover-dropdown:hover .dropdown-menu {
   opacity: 1;
    visibility: visible;
	  max-height: 300px; /* Menü içeriğine göre ayarlayın */
  transform: translateY(0);
  transition-delay: 0s;
	
}
	

.hover-dropdown .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
}

.hover-dropdown img {
    width: 20px;
    height: 15px;
    object-fit: contain;
}

.hover-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    white-space: nowrap;
    color: #333;
}

.hover-dropdown .dropdown-item:hover {
    background-color: #f8f9fa;
	color:#ED1C24;
}
.nav-link:hover {
	color:#ED1C24 !important;
}
.dropdown-item:hover {
	color:#ED1C24;

}.dropdown-item-container span:hover {
	color:#ED1C24;
}
.dropdown-item.active, .dropdown-item:active{
	background-color: #f2f3f3;
}
/* deÄŸiÅŸim */
/* Veya sadece opacity için transition süresini sıfıra indir */
#promenu {
		padding-top:12px;
	padding-bottom:12px;
}
#appmenu {
display: grid;
    grid-template-columns: repeat(4, 1fr); /* 7 eşit sütun */
    gap: 10px; /* İstenirse boşluk ekleyin */
	
}
.col-md-2.flexX {
     width: 100% !important;
    flex: none !important; /* Flex değerini sıfırla */
    max-width: 100% !important;
    box-sizing: border-box;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
}
      

      
        /* Custom styles for the animated mega menu */
		.navbar-brand {
		    margin-left: 15px;
			}
			
			.navbar-brand img{
		  height:50px;
			}
			
			.navbar {			
			    color: #151515 !important;
    font-size: 17px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
			}
			
			.navbar-nav > .nav-item {
   padding-left: 12px;
    padding-right: 12px;
}
	    /* Custom styles for the animated mega menu */
    .mega-dropdown-menu {
   width: 100vw;
    left: 50%;
    padding: 10px;
 	  display: block !important;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease, visibility 0s linear 0.5s; 
   	visibility: hidden;
    margin-top: 16px;
    border: none;
    border-radius: 0;
    }
	.dropdown:hover .mega-dropdown-menu {
   max-height: 600px; /* Menü içeriğine göre ayarlayın */
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
   	visibility: visible;
}
	
	.dropdown-item {

	font-weight:600;
	}
	.flex20 {
	flex:20%;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:0;
	padding-right:0;
	}
		.flex25 {
	flex:25%;
	}
	
		.flex25 img{
       max-width: 110px !important;
    height: auto;
    margin-bottom: 10px;
	}

    .dropdown-item-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 10px;
    }
    .dropdown-item-container img {
    max-width: 130px;
    height: auto;
    margin-bottom: 10px;
    padding: 14px;
	  
    }
	.allproducts{
	background:#ed1c24;
	
	}
	.allproducts span {
	color:#ffffff;
	}
	
	.dropdown-item-container span{
	    text-align: center !important;
    line-height: 16px !important;
    font-weight: 600 !important;
	font-size:16px;
	    display: block;
    margin-bottom: 10px;
	letter-spacing: var(--letter-spacing, 0);
	}
    .dropdown-item-container:hover {
      background-color: #f5f5f5;
    }
		.allproducts:hover {
		background-color: #151515;
		}
    .nav-link {
      color: black !important;
      font-weight: 600;
      text-decoration: none;
    }
    .nav-link.active {
      color: red !important;
    }
    .dropdown-toggle::after {
      display: none;
    }

      .navbar-nav > .nav-item:last-child {
      margin-right: 0;
    }
    .language-selector img {
      width: 20px;
      margin-right: 5px;
    }
    /* Style for regular dropdown under Corporate */
    .regular-dropdown-menu {
   display: block !important;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
   transition: max-height 0.5s ease, opacity 0.5s ease, visibility 0s linear 0.5s; 
   	visibility: hidden;
	  	   margin-top: 16px;
    border: none;
    border-radius: 0;
    }
	
    .dropdown:hover .regular-dropdown-menu {
  max-height: 300px; /* Menü içeriğine göre ayarlayın */
  opacity: 1;
  transform: translateY(0);
   	visibility: visible;
	transition-delay: 0s;
    }
	
	    @media (min-width: 768px) {
      .mega-dropdown-menu {
        position: absolute;
        width: 99vw !important;
      }
    }
	

     /* Slider Stili */
        .carousel {
            position: relative;
            width: 100%;
        }

.slider .carousel-caption h1 {
    font-size: 1.4rem;
 
}
.slider .carousel-caption {
   
    
    height: 85%;
}


       .slider .carousel-inner {
            height: 711px; /* Orijinal yükseklik */
            width: 100%;
        }

        .slider .carousel-item {
            height: 100%;
            width: 100%;
        }

        .slider .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Görselin alanı tamamen doldurmasını sağlar */
            object-position: center; /* Görselin merkezi odaklanır */
        }



        /* Beyaz Fon ve Metinler */
        .slider .carousel-caption {
		
          top: 50%;
    transform: translateY(-50%);
    text-align: left;
    padding: 62px 69px;
    background: #ffffffcf;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    max-width: 755px;
    margin-left: 50px;
    border-radius: 0;
            margin-left: 50px; /* Sola kaydırma */
			border-left-width: 3px !important;
    border-color: #ED1C24 !important;
    border-left-style: solid !important;
	height: 74%;
        }

       .slider .carousel-caption span {
     color: #ED1C24 !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
        }
		.slider  .carousel-caption h1 {
		    font-size: 4.4rem ;
    margin-left: 0px !important;
    margin-top: 1rem !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
	color: #000000; /* Siyah */
		}

       .slider .carousel-caption p {
            font-size: 18px;
            font-weight: 400;
            color: rgba(21, 21, 21, 0.7); /* Siyah */
           padding-top:10px;
		   padding-bottom:10px;
            line-height: 1.4; /* Satır yüksekliği */
        }
		
		      /* Buton Stili */
       .slider .carousel-caption a {
		font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.8em 1.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
	text-decoration:none;
	   transition: transform 0.1s ease;
	
  
        }

       .slider .carousel-caption a:hover {
            background-color: #151515; /* Hover’da kırmızı arka plan */
        }
    


        /* Kontrol Butonları ve Göstergeler */
        .slider .carousel-control-prev,
        .slider .carousel-control-next {
            width: 5%;
        }

       .slider  .carousel-indicators [data-bs-target] {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #ffffff;
        }
		
/* Özel boyut için CSS */
#videoModal .modal-dialog {
  width: 1344px;
    max-width: 1344px;
 
    height: 756px; /* Sabit yükseklik */
	  margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#videoModal .modal {
    background-color: rgba(0, 0, 0, 0.5); /* Yarı saydam arka plan */
}

#videoModal .modal-content {
    pointer-events: auto; /* Modal içeriği tıklanabilir olsun */
}

#videoModal .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: transparent;
    pointer-events: auto; /* Arka plan tıklanabilir olsun */
}

#videoModal .modal-content {
    height: 100%; /* Modal içeriğini tam yükseklikte yap */
}

#videoModal .modal-body {
    padding: 0;
    height: 100%;
}

/* Videoyu 1344x756 boyutuna sığdır */
#videoModal .modal-video iframe {
    width: 100%;
    height: 100%;
    min-height: 756px;
}


#videoModal .modal-content {
    background: transparent;
    border: none;
}

#videoModal .modal-header {
    border: none;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

#videoModal .modal-body {
    padding: 0;
}

/* Videoyu tam ekran yakınlaştır */
#videoModal .modal-video {
    width: 100%;
    height: 100vh; /* Ekran yüksekliği kadar */
    overflow: hidden;
}

#videoModal .modal-video iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
       

   
        /* Bölüm Stili */
        .about-section {
            padding: 40px 0; /* Ãœst ve alt boÅŸluk */
			    background: #f6f6f6 ;
			
			

			margin-top: 30px;
        }

        /* Hakkımızda Başlığı */
        .about-title {
            color: #ED1C24 !important;
            font-size: 18px !important;
            letter-spacing: 1px !important;
            font-weight: 600 !important;
            margin-bottom: 10px;
            display: inline-block;
        }

        /* Alt Başlık */
        .about-heading {
            margin: 0;
            padding-top: 1.5rem;
            color: #333333; /* var(--color-content-heading) */
            font-weight: 600 !important;
               font-size: 43px;
            line-height: 1.2;
			letter-spacing: 1px !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
        }

        /* Açıklama Metni */
        .about-text {
            color: #4f4e4e;
            font-size: 16px;
            line-height: 1.6;
            margin-top: 20px;
      margin-bottom: 56px;
        }
		
		.about-buttons{
		    padding-bottom: 30px;
    padding-top: 10px;
	display:flex;
	}

/*deÄŸiÅŸti */
        /* Buton Stili (Kırmızı Çerçeve ve Yazı) */
        .about-btns {
			 text-transform: uppercase !important;
   		font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
	border: 1px solid;
    padding: 0.9em 1.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
	text-decoration:none;
	   transition: transform 0.1s ease;
	
        }


        .about-btn {
			 text-transform: uppercase !important;
   		font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
	border: 1px solid;
    border-color: #ED1C24;
    color: #ED1C24 !important;
	text-decoration:none;
	 margin-left: 0.9em;
	    transition: transform 0.1s ease;
	
        }
		
				 .about-btns:hover {
        background-color: #151515; /* Hover’da kırmızı arka plan */
        }


        .about-btn:hover {
        background-color: #ED1C24; /* Hover’da kırmızı arka plan */
		    color: #ffffff !important;
        }


		.s-about-buttons {
    padding-top: 10px;
    padding-bottom: 7px;
    display: flex;
    gap: 5px;
	border:none;
}

.s-about-btns {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
    background: #151515;
    border-color: transparent;
    color: #ffffff;
    text-decoration: none;
    flex: 1;
    text-align: center;
    width: 100%;
    transition: background-color 0.3s ease;
}

.s-about-buttons .active {
    background: #ED1C24 !important;
}

/* Tab container için sabit yükseklik */
.tab-content {
    position: relative;
}

/* Tab panelleri */
.tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    visibility: hidden;
}

.tab-pane.show {
    opacity: 1;
    visibility: visible;
}

.tab-pane:not(.show) {
    display: block !important; /* Her zaman DOM'da kalsın */
}
  .image-section {
     overflow: hidden;
    height: 411px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
			
        }
        .image-section img {
			    width: 100%;
    transition: transform 0.1s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
        }
    /* deÄŸiÅŸti */
    .play-icon {
		position: absolute; /* veya relative/absolute kalabilir */
		top: auto;
		left: auto;
		transform: none;
		margin: auto; /* Flexbox ile birlikte çalışır */
		background-color: #ED1C24;
		border-radius: 50%;
		width: 80px;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		animation: pulse 1.5s infinite;
        }


.play-icon::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: 5px; /* Üçgeni biraz sağa kaydırır */
	
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(230, 57, 70, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(230, 57, 70, 0);
    }
}

        .modal-video iframe {
            width: 100%;
            height: 500px;
        }

       
		 /* Bölüm Stili */
        .applications-section {
            padding: 40px 0; /* Ãœst ve alt boÅŸluk */
            background-color: #ffffff; /* Beyaz arka plan */
        }

        /* Bölüm Başlığı */
        .section-title {
		letter-spacing: 1px !important;
    font-weight: 600 !important;
    margin-top: -0.5rem !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;	
	font-size: calc(22px + 1.3vw);
        }

        /* Bölüm Alt Başlığı */
        .section-subtitle {
               color: #4f4e4e;
    font-size: 18px;
	font-weight:400;
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 32px;
        }

        /* Kutu Stili */
        .application-box {
            text-align: left; /* Sola yaslanmış */              
			border-color: rgba(21, 21, 21, 0.10) ;
			border-right-style: solid ;
			border-bottom-style: solid ;
			border-left-style: solid ;
			border-left-width: 1px ;
			border-bottom-width: 1px ;
			border-right-width: 1px ;
	
			
        }
		.application-box-ic{
		    height: 240px;
    padding: 1.5rem !important;
	background:#ffffff;
		}
		.application-fullbox {
       padding-top: 40px;
    padding-bottom: 40px;
	
}



		.application-image-box{
			position:relative;
			 width: 100%;
            height: auto;

		}
        /* Resim Stili */
		 .application-image-box img{
	           
           height:215px;
        }
        .application-box img {
	           
            object-fit: cover; /* Resmin alanı doldurmasını sağlar */
            border-radius: 0; /* Köşeli */
            
			width:100%;
        }

        /* Başlık Stili */
        .application-box h3 {
            color: #333333;
           font-size: 1.2rem ;
            font-weight: 600;
            margin-bottom: 10px;
        }
		
		/* deÄŸiÅŸti */

        /* Metin Stili */
        .application-box p {
            color: #4f4e4e;
            font-size: 16px;
            line-height: 1.6;
			      margin-bottom: 13px;
			display:block;
			height:100px;
			
        }

        /* İkon ve Buton Satırı */
        .application-footer {
            display: flex;
            justify-content: space-between; /* Ä°kon sola, buton saÄŸa */
            align-items: center;
        }

        /* Ä°kon Stili */
		.icon{
			    position: relative;
    top: 5px;
    bottom: 0;
		}
        .application-footer img {
             object-fit: cover; /* Resmin alanı doldurmasını sağlar */
            border-radius: 0; /* Köşeli */
            margin-bottom: 15px;
			width:41px !important;
        }
		

		
		

        .application-btn {
text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.7em 1.7em;
    border: 0.5px solid;
    border-color: #ED1C24;
    color: #ED1C24 !important;
    text-decoration: none;
    text-decoration: none;
    transition: transform 0.1s ease;
	
	
        }


			.application-btn:hover {
			background-color: #ED1C24; /* Hover’da kırmızı arka plan */
			color: #ffffff !important;
			}

			.application-fullbox {
			background-color: #ED1C24; /* Kırmızı arka plan */
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			color: #ffffff; /* Beyaz metin rengi */
			font-weight:600;
			line-height: 1.5; /* Satır yüksekliği */
			}
			/* deÄŸiÅŸti */
				.application-fullbox:hover {
					background-color: #151515; /* Hover’da kırmızı arka plan */
				}
			
			.fullbox-sp1 {
			font-size: 33px;
			font-size:calc(15px + 0.8vw);
			}
			.fullbox-sp2 {
			font-size: 20px;
			padding-top: 30px;
			font-weight:bold;
			}
			.application-fullbox a {
			text-decoration:none;
			color: #ffffff; /* Beyaz metin rengi */
			}
			.application-fullbox span {
			display: block; /* Her metni yeni satıra alır */
			
			}
			.application-fullbox i {
			display: inline-block;
			vertical-align: top;
			line-height: inherit;
			padding-left: 15px;
			}

   
		 .custom-section {
     
      padding: 60px 0; /* Ãœst ve alt padding */
      color: #fff; /* Genel metin rengi */
    }
	/* deÄŸiÅŸti */
	.custom-section-sag {
		background-color: #151515; /* Koyu arka plan */
		    padding: 54px;
	}
	/* deÄŸiÅŸti*/
    .custom-section h6 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 24px;
    }
    .vision-mission h6 {
      color: #ed1c24; /* Kırmızı başlık */
    }
    .experience h6 {
      color: #ed1c24; /* Beyaz başlık */
    }
    .custom-section p {
      font-size: 1rem;
      line-height: 1.6;
	  color:#ffffff;
    }
    .experience-list .w-text {
      display: flex;
      align-items: center;
     
    }
    .experience-list i {
      color: #ed1c24; /* Kırmızı kare ikon */
      margin-right: 10px;
      font-size: 10px;
    }
    .experience-list .w-text-value {
      font-size: 1rem;
	  font-weight:600;
    }
	  .section-image {
	padding-left:0 !important;
	  }
    .section-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
	  
    }
	.vision-mission, .{
		    padding: 20px;
	}
	


   
    .news-section {
      padding: 40px 0;
      background-color: #f8f9fa; /* Açık gri arka plan */
    }
	
	
	
	
	
	/*deÄŸiÅŸti */
    .news-header {
		display: flex; /* Flexbox düzeni uygula */
    justify-content: space-between; /* Elemanları iki uca dağıt */
    align-items: center; /* Dikeyde ortala */
	padding-bottom:10px;

    }
        /* Buton Stili (Kırmızı Çerçeve ve Yazı) */
        .new-btns {
			 text-transform: uppercase !important;
   		font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
	text-decoration:none;
	 transition: transform 0.1s ease;

		}


		.new-btns:hover {
		background-color: #151515; /* Hover’da kırmızı arka plan */
		
		}

    .news-section h2 {
       margin: 0;
    padding-top: 1.5rem;
    color: #151515;
    font-weight: 600 !important;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	 display:inline-block;
	 text-align:left;
	    
    }	
	 
 
	
	
	/* Kutu Stili */
        .new-box {
            text-align: left; /* Sola yaslanmış */                 
				border-color: rgba(21, 21, 21, 0.10) ;
			border-right-style: solid ;
			border-bottom-style: solid ;
			border-left-style: solid ;
			border-left-width: 1px ;
			border-bottom-width: 1px ;
			border-right-width: 1px ;
		
			   background: #ffffff !important;
	
        }
			.new-box-ic{
				
			border-left-width: 1px !important;
			border-bottom-width: 1px !important;
			border-right-width: 1px !important;
			border-color: rgba(21, 21, 21, 0.10) !important;
			border-right-style: solid !important;
			border-bottom-style: solid !important;
			border-left-style: solid !important;
			background: #fff;
			padding: 1.5rem !important;
			height: 225px; /* Üst container'ın tam yüksekliğini kaplar */
    display: flex;
    flex-direction: column;
			}

		.new-image-box{
			position:relative;
			 width: 100%;
            height: auto;
			    background: #f6f6f6 !important;

		}
		/* deÄŸiÅŸti */
        /* Resim Stili */
        .new-box img {
	           
            object-fit: cover; /* Resmin alanı doldurmasını sağlar */
            border-radius: 0; /* Köşeli */
			width:100%;
        }


        /* Başlık Stili */
        .new-box h3 {
            color: #151515;
         font-size: 1.2rem !important;
			line-height: 30px !important;
            font-weight: 600;
            margin-bottom: 10px;
        }
		
		/* deÄŸiÅŸti */

        /* Metin Stili */
        .new-box p {
            color: #4f4e4e;
            font-size: 16px;
			display: block;
        }
		
		/* deÄŸiÅŸti */

        /* İkon ve Buton Satırı */
        .newbox-footer {
           margin-top: auto; /* Bu sayede footer her zaman en altta olur */
		
        }


		.new-btn {
		text-transform: uppercase !important;
		font-size: 16px;
		line-height: 1.2 !important;
		font-weight: 600;
		font-style: normal;
		text-transform: none;
		
		border-radius: 0em;		
		color: #ED1C24 !important;
		text-decoration: none;

		}


		

	
	
    .btn-filled-custom {
      background-color: #ed1c24; /* Dolu kırmızı buton */
      color: #fff;
      border: none;
      border-radius: 0;
      padding: 10px 20px;
      font-weight: 600;
      transition: all 0.3s;
    }
    .btn-filled-custom:hover {
      background-color: #c8102e; /* Koyu kırmızı hover */
    }
	
	
	
	
	
	    .contact-section {
			
      background-color: #fff; /* Zemin beyaz */
      padding: 40px 0;
      color: #333; /* Yazılar koyu (beyaz zeminde okunabilirlik için) */
    }
	/*deÄŸiÅŸti */
	.content-sol-ic {
		padding-left: 56px;
		padding-right:30px;
	}

    .contact-section h2 {
    color: #ED1C24 !important;
    font-size: calc(17px + 0.9vw) !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    }
    .contact-section h3 {
      font-size: 16px;
	  font-weight:400;
      line-height: 1.6;
      color: #666; /* Alt metin biraz daha açık */
	  text-shadow: 0px 0px 1px #0000003d;
	  margin-top:40px;
	  margin-bottom:40px;
	  
    }
	.contact-section p {
      font-size: 16px;
	  font-weight:400;
      line-height: 1.6;
      color: #666; /* Alt metin biraz daha açık */
	  text-shadow: 0px 0px 1px #0000003d;
	
	  
    }
	.contact-section i{
		color:#ED1C24;
		margin-right:5px;
	}
	.contact-section  a {
		
		margin-bottom:15px;
		display:block;
		text-decoration:none;
		color:#ED1C24;
		text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    
		
	}
	.contact-sol {	
		
		 background: #F6F6F6 url('images/form-resim.png') no-repeat right center / contain !important;
  padding-right: 30px;
  position: relative;
  z-index: 1;
	}
	.contact-sag {
		background: #ed1c24; /* Form zemini kırmızı */
    
      box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.17rem 0.5rem rgba(0, 0, 0, 0.1);
	  padding:60px;
		
	}
	.content-sol h2 {
		    color: #ED1C24 !important;
    font-size: calc(17px + 0.9vw) !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
	}
	.contact-sag {
        padding: 50px;
}
	 
   
    #contactform .form-container label {
      font-weight: 400;
      color: #fff; /* Kırmızı zeminde etiketler beyaz */
    }
    #contactform .form-container input,
    #contactform .form-container textarea , .contact-section .form-container select {
		background: transparent;
		border: 1px solid #fff;
		padding: 11px;
		font-size: 16px;
		border-radius:0;	
		color:#ffffff;
		width:100%;

    }
	
	#contactform .form-container select {
		 appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="white" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat;
    background-position: right 10px center;
    padding-right: 35px !important;
	}
	
	#contactform .form-container option {
		color:#000000;
	}
   
    #contactform .btn-submit {
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.8em 0.2em;
    background: #ffffff;
    border-color: transparent;
    color: #ED1C24 ;
	 width: 198px;
    height: 48px;
    float: right; /* SaÄŸa yaslama */
    margin-left: auto; /* Flexbox alternatifi */
    display: block; /* Blok seviyesi element */    
    transition: background-color 0.3s ease;
    }
	 #contactform .btn-submit:hover {
		  
		   background: #151515;
		   color:#ffffff;
	  }

 
	
	footer {
  background-color: #151515 !important;
}

footer a{
text-decoration:none;
color:#fff;
}

footer h5, footer h6 {
  font-weight: 700;
}
.fcolon1 {
	    padding-right: 56px;
		margin-top:0;

}
.fcolon1 p {
	font-weight:600;
	padding-bottom:15px;
	color:#ffffff;
}
.fcolon1 i {
	padding-right:15px;
}

.fcolon2 p {
	font-weight:600;
}
.fcolon3 p {
	font-weight:600;
}
.fpr {font-weight:400!important;}
.fcolon4{
	margin-bottom: 0px !important;
    padding: 2rem !important;
    background: #000000 !important;
}

.fcolon4 h6{    color: #ED1C24 !important;
    font-size: 20px !important;
    font-weight: 600 !important;}
.fcolon4 input	{
		    border-radius: 0;
    height: 47px;
    margin-bottom: 12px;
	}
	.check {
		    margin-bottom: 20px;
	}
	.fcolon4 button {
	text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
    background: #151515 !important;
    border-color: #151515 !important;
    color: #ffffff !important;
    text-decoration: none;
	}
	
	.check input{
		height: auto;
	}

footer a:hover {
  color: #ED1C24 !important;
  transition: all 0.3s ease;
}

.input-group button {
  background-color: #0d3d76;
  border-color: #0d3d76;
}

.border-top a {
	    display: inline-block;
    padding-right: 10px;
	font-size:20px;
}
.border-top p{
	color:rgb(255,255,255, 0.50 )
}
.breadcrumb-item.active { 
color:#ffffff;
font-weight: 600 ;
}

  /* Hero Section Stil */
        .hero-section {
            background-image: url('resimler/milestone-banner.jpg'); /* Resmin URL'sini buraya ekleyin */
			background-size: cover;
            background-position: center;
            height: 400px; /* Yüksekliği ayarlayabilirsiniz */
            position: relative;
            color: white;
            display: flex;
            align-items: center;
            justify-content: flex-start; /* Sola hizalama */
            text-align: left; /* Metni sola hizalar */
            padding-left: 50px; /* Sol tarafta boşluk bırakır */
        }

        .hero-section .overlay {
         position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.00));
    z-index: 0;
}
            
        }
		

		
		.breadcrumb-item.active {
		color: rgb(255 255 255 );
		}
		.breadcrumb-item+.breadcrumb-item::before {
		float: left;
		padding-right: var(--bs-breadcrumb-item-padding-x);
		color: rgb(255 255 255 );
		content: var(--bs-breadcrumb-divider, "/");
		}

        .hero-section h1 {
            color: #ffffff !important;
			font-size: calc(24px + 1.5vw) !important;
			font-weight: 600 !important;
            z-index: 1;
        }

        .hero-section .breadcrumb {
            z-index: 1;
            background: transparent;
            color: white;
        }

        .hero-section .breadcrumb a {
            color: white;
            text-decoration: none;
			font-weight: 600 !important;
        }
		
		#mobiletimeline {
			display:none;
		}
		
		#timeline {
			padding-top:30px;
			margin-top:15px;
			padding-bottom:30px;
			margin-bottom:15px;
		}
		
		#masaustutimeline{
			    padding: 40px 0;
			background: #f6f6f6 !important;
		}

	.timeline {
      position: relative;
      padding: 40px 0;
    }

    .timeline:before {
      content: " ";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #0000008f; /* Siyah çizgi */
      left: 50%;
      margin-left: -1px;
    }

    .timeline-item {
      position: relative;
      display: flex;
      align-items: flex-start; /* Resim nedeniyle yukarı hizalanma */
      justify-content: space-between;
    }


    .timeline-text h2 {
         font-size: 22px !important;
    font-weight: 600 !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    }

    .timeline-text p {
      font-size: 1rem;
      color: #666;
	  padding-top:5%;
    }
	#left .sag { left:32px ; width: 40%;}
	#right .sag { left: 163px; }
	#right .sol {left: 135px; width: 40%; }
	
       #right .timeline-text {
      width: 95%;
      padding: 3rem !important;
      border: 1px solid #ddd; /* Kutu kenar rengi */
      border-right: 5px solid #dc3545; /* Kırmızı sol kenar */
      border-radius: 0 5px 5px 0;
      background-color: #fff;
      position: relative;
      box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    }
	
	
       #left .timeline-text {
      width: 95%;
      padding: 3rem !important;
      border: 1px solid #ddd; /* Kutu kenar rengi */
      border-left: 5px solid #dc3545; /* Kırmızı sol kenar */
      border-radius: 0 5px 5px 0;
      background-color: #fff;
      position: relative;
      box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    }

    #left .timeline-text:after {
	content: url(resimler/right-icon.png);
    position: absolute;
    right: -19px;
    top: 20px;
    transform: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;   
    padding: 5px 0 5px 5px;
    }

    #left .timeline-text:before {
     content: " ";
    position: absolute;
   right: -51px;
    top: 38px;
    width: 26px;
    height: 1px;
    background-color: #dc3545;
    width: 13px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
        border-image: linear-gradient(to right, transparent, #ED1C24, transparent) 1;
    }
	
	#right .timeline-text:before {
	content: url(resimler/left-icon.png);
    position: absolute;
    left: -22px;
    top: 20px;
    transform: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;   
    padding: 5px 0 5px 5px;
    }

    #right .timeline-text:after {
     content: " ";
    position: absolute;
   left: -51px;
    top: 38px;
    width: 26px;
    height: 1px;
    background-color: #dc3545;
    width: 13px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
        border-image: linear-gradient(to right, transparent, #ED1C24, transparent) 1;
    }
	
	#left  .timeline-arrow {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #f8f9fa;
  position: absolute;
  right: -15px; /* Okun kutuya yapışık durması için */
 top: 12%;
  filter: drop-shadow(2px 0 2px rgba(0,0,0,0.1));
}
	
	#right  .timeline-arrow {
width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #e1dcdca3;
    position: absolute;
    right: 552px;
    top: 8%;
    filter: drop-shadow(2px 0 2px rgba(0, 0, 0, 0.1));
}

    .timeline-label-wrapper {
      display: flex;
      align-items: center;
      position: absolute;
	  top: -9px;
	  left: 5%;
      transform: none;
	        transition: transform .5s ease;
    }
	
	.timeline:hover .timeline-label-wrapper{
	margin-left:1rem;
	 transition: margin .5s ease;
	}
	.timeline:hover .timeline-label-wrapper{

	}
	.timeline:hover .timeline-year-image img {
	opacity: 1;
	transition: opacity .5s ease;
	}

   #left  .timeline-label {
  position: relative;
    color: rgb(21 21 21 / 70%);
    font-size: 1rem;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px !important;
    letter-spacing: 1px !important;
        width: 312px;

    }
	
	
   #right  .timeline-label {
  position: relative;
     color: rgb(21 21 21 / 70%);
    font-size: 1rem;
    text-transform: uppercase;
    text-align: right;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    width: 312px;
    }

    .timeline-label:after {
      content: " ";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%; /* Çizgi tarihe kadar uzanır */
      height: 1px;
      background-color: #dc3545; /* Kırmızı ince çizgi */
    }

   #left .timeline-year-wrapper {
     margin-left: 1.2rem;
    position: relative;
    top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    }
	
	 #right  .timeline-year-wrapper {
     margin-right: 1.2rem;
    position: relative;
    top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    }

    .timeline-year {
      font-size: 3rem;
      font-weight: bold;
      color: #000;
      white-space: nowrap;
    }

    .timeline-year-image {
	margin-top: 66px;
    margin-right: 2.4rem !important;
	    margin-left: 1.2rem;
    }

    .timeline-year-image img {
     width: 100%;
    height: auto;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    }
	
	
	
	.about-text-sayfa {

	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 25px;
	}
	
	.about-text-sayfa span{
	text-shadow: 0px 0px 1px #0000003d;	
    padding-left: 10px;
	}
	
	.about-text-sayfa i {
	    font-size: 8px;
    color: #ED1C24;
	}

	.image-section-sayfa {
	position: relative;
	overflow: hidden;
	height: 484px;
	}
	.about-section-sag {
	padding-left:33px;
	}
	.about-section-sag h2{
	font-size:calc(20px + 1.3vw);
	font-weight:600;
	margin-top:25px;
	margin-bottom:25px;
	}
	#aboutsc {
		background:none !important;
	}



	/* Buton Stili (Kırmızı Çerçeve ve Yazı) */
	.about-btns-sayfa {
	text-transform: uppercase !important;
	font-size: 16px;
	line-height: 1.2 !important;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	
	border-radius: 0em;
	padding: 0.9em 25px;
	background: #ED1C24;
	border-color: transparent;
	color: #ffffff !important;
	text-decoration:none;
	transition: transform 0.1s ease;
	flex:1;
	text-align:center;

	}


	.about-btn-sayfa {
text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 25px;
    border: 1px solid;
    border-color: #ffffff;
    background: #151515;
    color: #ffffff !important;
    text-decoration: none;
    margin-left: 4px;
    transition: transform 0.1s ease;
		flex:1;
	text-align:center;

	}


.about-section-alt {
	    padding: 40px 0;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;

    background: #F6F6F6 !important;
}

.about-section-ic {
	padding: 40px 0;
    background: #ffffff !important;
    margin-top: 30px;
}


.about-section-alt h2 {
	font-size:calc(22px + 1.3vw);
	font-weight: 600 !important;
	letter-spacing: 0em;
	text-transform:none;
	line-height: 1.2;
	margin-bottom :1.5rem;
}

 .experience-list-sayfa .w-text {
      display: flex;
      align-items: center;
     
    }
	.experience-list-sayfa strong {
		    text-shadow: 0px 0px 1px #0000003d;
			color: rgba(21,21,21,0.70);
	}
    .experience-list-sayfa i {
      color: #ed1c24; /* Kırmızı kare ikon */
      margin-right: 10px;
      font-size: 10px;
    }
    .experience-list-sayfa .w-text-value {
      font-size: 1rem;
	  font-weight:400;
	  text-shadow: 0px 0px 1px #0000003d;
    }
	
	.about-section-alt img {
		    height: 375px;
	}
	
	#aboutteam {
		background:none !important;
	}
	.personel-card-genel {
		margin-top:2rem ;
	}
	.w-image-h {
		 margin-right: 2.5rem !important;
	}
	.w-image-h img{
		        height: 426px;
	}
	
	.personel-card {
		margin-left: 2rem !important;
    margin-top: -10.5rem !important;
    margin-right: 0px !important;
    border-bottom-width: 1px !important;
    border-color: #ED1C24 !important;
    position: relative !important;
    z-index: 11 !important;
    border-bottom-style: solid !important;
    background: #ffffff !important;
    padding: 1.5rem 1.5rem 2rem 2rem !important;
    box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.10) !important;
	}
	
	.personel-baslik {
		text-shadow: 1px 0px 0px #000000;
		font-size: 1.2rem !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	}
	.personel-title {
		color: #ED1C24 !important;
    margin-top: 1rem !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	}
	.personel-social {

		
	}
	.personel-social-tekil {
		display:inline-block;
		text-align: left !important;
		font-size: 20px !important;
		margin-right: 0.5rem !important;
		margin-top: 1.5rem !important;

	}
	.personel-social-tekil a {
		line-height:1.5em;
		width:2em;
		height:2em;
		line-height: 2em;
		display: block;
		text-align: center;
		position: relative;
		overflow: hidden;
		text-decoration: none !important;
		border-radius: inherit;
		z-index: 0;
		background: #E3E3E3;
		outline: none !important;
	}
		.personel-social-tekil a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Çizgi kalınlığı */
  background-color: #ED1C24; /* Kırmızı renk */
  animation: underline 0.6s ease-out;
}
	
	.personel-social-tekil i{
		color:#000;
		
		font-size: 18px;
	}
	
		.personel-card-baslik {
			text-align:center;
			margin-top:15px;
			margin-bottom:15px;
		}
	.personel-card-baslik span{
		color: #ED1C24 !important;
    text-align: center !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
	}
	.personel-card-baslik h2{
		font-size: calc(22px + 1.3vw);
		    padding-top: 1.5rem;
		    padding-bottom: 1.5rem;
		    font-weight: 600 !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
	}
	
		.missiona {
    padding: 93px 0;
}
		.missionb {
    padding: 93px 0;
    background: #F6F6F6 !important;
}
		.missionc {
        position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin-top: 26px;
    padding-top: 34px;
    background: #F6F6F6 !important;
}
.mission-sol {padding-left: 43px;}
.mission{    padding-top:0; padding-bottom: 40px; padding-left:0; padding-right:0;}
.mission h2 {
 
    color: #151515 !important;
    font-weight: 600 !important;
    font-size: 3rem;
}
.mission span {
    color: #ED1C24 !important;
}


.mission-sag span{
	color: #ED1C24 !important;
    text-align: left !important;
    font-size: 18px ;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
	display:inline-block;
	margin-bottom:1rem ;
	}
	.mission-sol span{
	color: #ED1C24 !important;
    text-align: left !important;
    font-size: 18px ;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
	display:block;
	margin-bottom:1rem !important;
	}
.mission-sag h2{
	
	  
		margin-bottom: 1rem;
    padding-top: 0px !important;
	color: #151515 !important;
    font-weight: 600 !important;
	    font-size: calc(22px + 1.3vw);
		
	
}
.altsol {background:#ffffff;}
.altsol p{ text-align:right;}
.altsol span{ display:block!important; text-align:right !important;}
.mission-sol h2{
	
	  
	margin-bottom: 1rem;
    padding-top: 0px !important;
	color: #151515 !important;
    font-weight: 600 !important;
	    font-size: calc(22px + 1.3vw);
	
}

.missionb-baslik {
	    margin-bottom: 26px;

}

.missionb-baslik span{color: #ED1C24 !important;
    text-align: left !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
	}
	
	
.missionb-baslik h2{
	
	    margin-top: 2.1rem !important;
    padding-top: 0px !important;
	color: #151515 !important;
    font-weight: 600 !important;
	    font-size: 3rem;
		
	
}
.missionb-baslik h2 > span{
		    font-size: 3rem !important;
			margin-bottom:0 !important;
}

.mission-sag h2 > span{
		    font-size: calc(17px + 0.9vw) ;
		
}
.mission-sol h2 > span{
		    font-size: calc(17px + 0.9vw) ;
	
}

.vision-word {margin-top:0; margin-bottom:0 !important; font-size:3rem !important;}

.quality {
	    padding: 40px 0;
}

.quality h3 {
		color: #ED1C24 ;
    text-align: left ;
    font-size: 24px ;
    letter-spacing: 1px ;
    font-weight: 600 ;
	display:inline-block;
	margin-bottom:2.1rem ;
}

.quality h2{
	    margin-bottom: 1rem;
    padding-top: 0px !important;
    color: #151515 !important;
    font-weight: 600 !important;
    font-size: 3rem;
}

.quality h4{
	  font-size: calc(15px + 0.8vw) ;
    font-weight: 600 ;
    margin-bottom: 1.5rem ;
    padding-bottom: 0px ;
	color: #111111;
    text-align: left;
}

.quality p:last-child {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin-top: 15px;
}

.quality p:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #ff5722;
}

.quality ul {
	padding:0;
	list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}
.quality ul li {
position: relative;
    padding-left: 25px;
}

.quality ul li:before {
	content: ""; /* Required for pseudo-element */
    position: absolute;
    left: 0;
    top: 0.35rem; /* Adjust to vertically center the square */
    width: 0.75rem; /* Square size */
    height: 0.75rem; /* Square size */
    background-color: #ed1c24; /* Red color */
}



.referance {
	    padding: 40px 0;
}
.shadow {
	    box-shadow: 0 .5rem 1rem  rgba(0, 0, 0, .15) !important;
}

.referance-resim {

	margin-bottom:15px;
}

.referance-resim img{
	vertical-align: top;
	width: 100%;
	    padding: 26px;
}

.latest {
		    padding: 40px 0;
			background: #F6F6F6 !important;
}

.latest-detay {
		    padding: 40px 0;
}

.lasted-icerik {
	margin-left: 6rem !important;
    margin-top: -8rem !important;
    margin-right: 6rem !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 3.5rem !important;
    background: #ffffff !important;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15) !important;
}
.lasted-icerik  h2{
	color: #ED1C24 !important;
    font-size: calc(13px + 0.6vw) !important;
    font-weight: 600 !important;
	    padding-bottom: 15px;
}
.lasted-metin-alt {
	position:relative;
}
.lasted-seperator {
	display: inline-flex;
    align-items: center;
    height: inherit;
	position:relative;
	width:100%;
	margin-top:15px;
	
}
.lasted-seperator:before { 
      content: '';
    position: absolute;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: 100%;
	    color: #3333333d;
}
.lasted-metin-alt {
	text-align: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    
}
	.lasted-metin-alt span{
		display:block;
		margin-top: 2rem !important;
	}
	.lasted-social {
		margin-top:20px;
	}
	.lasted-social a{
		    color: #ED1C24;
    font-weight: 600;
    transition: 300ms;
	    margin: 0.1em 0;
    border-width: 0 1px 0 0;
    border-style: solid;
	    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 2;
        padding: 0 1em;
    min-width: 3em;
	font-size:22px;
	border-color: #ddd;
	}
	
	.lasted-social a:hover{
		 color: rgba(21, 21, 21, 0.70);
	}
	
	
	.case {
				    padding: 40px 0;
	}

	.case-btns {
		display:block;
   font-size: 18px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
	margin-bottom:15px;
	width:100%;
	}
	
	.case-btns:hover {
		background-color: #151515; /* Hover’da kırmızı arka plan */
		
		}
	.case-btn {
		display:block;
	 font-size: 18px;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
    border: 1px solid;
    border-color: #151515;
	background:#151515;
    color: #fff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
	margin-bottom:15px;
		width:100%;
	}
	
	.case-btn:hover {
		background-color: #ED1C24; /* Hover’da kırmızı arka plan */
		 border-color: #ED1C24;
		}
	
/* Main Structure */
.case-kutu {
    display: flex;
    flex-wrap: wrap;
	margin-bottom:24px;
}

/* Make both columns equal height */
.case-kutu > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

/* Image Section */
.case-resim {
    position: relative;
	width: 372px;


}

.image-hover-wrapper {
    width: 100%;
    height: 100%;
}

.zoomable-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Content Section */


.image-hover-wrapper {
    height: 100%;
}

/* İçerik Bölümü */
.case-content {
    background: #f8f9fa; /* Arkaplan rengi (isteğe bağlı) */
	width: 454px;

}

#case-studies-content {

}

/* Buton Pozisyonu */
.case-alt {
    margin-top: auto; /* Butonu en alta iter */
    padding-top: 10px; /* Butonun üst boşluğu */
}

/* Yazı Ortalama */
.case-ust {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Dikeyde ortalar */
    flex-grow: 1; /* Boş alanları doldurur */
	    padding-left: 1.5rem !important;
}

.case-ust-ust {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Dikeyde ortalar */
    flex-grow: 1; /* Boş alanları doldurur */
	background: #f0f0f0 !important;
	    padding-left: 1.5rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}


.case-ust p{
	    padding-top: 24px !important;
    padding-right: 1.5rem !important;
    text-shadow: 0px 0px 1px #0000003d;
	height: 103px;
	margin:0 auto;
}
	
	.case-ust-ust h2{
		font-weight: 600 !important;
    padding-left: 1rem !important;
    border-left-width: 3px !important;
    border-color: #ED1C24 !important;
    border-left-style: solid !important;
	}
	.case-alt{   
 padding-top: 18.2px !important;
    padding-right: 1.5rem !important;
    background: #f6f6f6 !important;
    padding-left: 1.5rem !important;
    padding-bottom: 19px;
	}
	.case-dt-btn  {
    display: block;
    margin-top: -3px;
    text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.8em 1.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
    width: 40%;
	

	}
	.category-buttons button {
		text-align: left !important;

    padding: 1.1em 1.8em;
		}
	
	.case-dt-btn:hover {
		background-color: #151515; /* Hover’da kırmızı arka plan */
		 border-color: #151515;
		}
	
	.category-buttons{
		    width: 333px;
	}


/* Resim wrapper'ı */
.image-hover-wrapper {
    overflow: hidden; /* Büyüyen resmi kırp */
    position: relative;
    width: 100%;
    height: 100%; /* Veya sabit bir yükseklik (örneğin 300px) */
}

/* Zoom efekti için resim */
.zoomable-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease, box-shadow 0.3s ease;
}

/* Fare üzerine gelince büyüt */
.image-hover-wrapper:hover .zoomable-image {
    transform: scale(1.05); /* %5 büyütme */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Gölge efekti */
}

/* Ekstra hover efekti (opsiyonel) */
.image-hover-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-hover-wrapper:hover::after {
    opacity: 1;
}

.case-kutu {
width: 827px;
}

.case-detay {
  padding: 40px 0;
  background: #F6F6F6 !important;
      margin-top: 30px;
	
}

.case-icerik {
	margin-left: 6rem !important;
    margin-top: -8rem !important;
    margin-right: 6rem !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 4rem !important;
    background: #ffffff !important;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15) !important;
	    margin-bottom: 5rem;
}
.case-icerik  h2{
	color: #151515 !important;
    font-size: calc(13px + 0.6vw) !important;
    font-weight: 600 !important;
	    padding-bottom: 15px;
	    padding-top: 15px;
		text-shadow: 0px 0px 1px #0000003d;
}

.case-icerik  p{
	
}



.case-detay-ust h3 {
       color: #ED1C24 !important;
    text-align: center !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: inline-block;
        margin-bottom: 16px;
	display:block;
	width:100%;
}
.case-detay-ust h1 {
    margin-bottom: 1rem;
    padding-top: 0px !important;
    color: #151515 !important;
    font-weight: 600 !important;
    font-size: 3rem;
	 text-align: center !important;
		display:block;
	width:100%;
}

.case-detay-ust span {
	 text-align: center;
		display:block;
	padding-left:20%;
	padding-right:20%;
	margin-bottom:5%;
}
.casedetay-resim {
	margin-top: -4rem !important;
    position: relative !important;
    z-index: 0 !important;
}
.case-sayac {
margin-left: 6rem !important;
    margin-top: 2.7rem !important;
    margin-right: 6rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    position: relative !important;
    z-index: 1 !important;
    background: #151515 !important;
}
.case-sayac-kutu {
	text-align: center !important;
	padding-top:15px;
	padding-bottom:15px;
	border-color:#ddd;
	border-left: 1px solid;
}
.case-sayac-kutu h2{
	display:block;
	    margin-bottom: 30px;
	color: #ffffff !important;
    text-align: center !important;
    font-size: calc(13px + 0.6vw) !important;
}
.case-sayac-kutu span{
	    color: #ED1C24 !important;
    text-align: center !important;
	
}
.carousel-inner {
    overflow: hidden; /* Dış taşmayı engelle */
  }
  
  .carousel-item img {
    cursor: grab; /* Sadece resimde grab cursor */
    touch-action: pan-y; /* Dikey kaydırmaya izin ver */
    user-select: none; /* Resim seçimini engelle */
  }
  
  .carousel-item img:active {
    cursor: grabbing;
  }
.contact {
	padding: 40px 0;
}
.contact span{
	color: #ED1C24 !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;}
.contact h2{
	letter-spacing: 1px !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.contact p{}

.contact-detay {
	position:relative;
	padding-right: 5%;
}

    .contact-form .form-container input,
    .contact-form .form-container textarea , .contact-form .form-container select {
		background: transparent;
		border: 1px solid #fff;
		padding: 11px;
		font-size: 16px;
		border-radius:0;	
		color:#ffffff;
		width:100%;

    }
	
	
	.contact-form .form-container option {
		color:#000000;
	}
   

.contact-seperator {
	display: inline-flex;
    align-items: center;
    height: inherit;
	position:relative;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	
}
.contact-seperator:before { 
      content: '';
    position: absolute;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: 100%;
	    color: #3333333d;
}

.contact-detay-adres{
	display:flex;
	margin-bottom:30px;
	
}.contact-detay-adres p{

	margin-bottom:0;
	
}

.contact-detay-alt i {
display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 1.5rem;
    text-align: center;
    max-width: 100%;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
	color:#ED1C24;
	    padding-right: 17px;
		


}

.contact-form {
	    background: #ed1c24;
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.17rem 0.5rem rgba(0, 0, 0, 0.1);
    padding: 42px;
}

    .contact .form-container label {
      font-weight: 500;
      color: #fff; /* Kırmızı zeminde etiketler beyaz */
    }
    .contact .form-container input,
    .contact .form-container textarea {
		background: transparent;
		border: 1px solid #fff;
		padding: 11px;
		font-size: 16px;
		border-radius:0;	

    }
   
    .contact .btn-submit {
	text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 1.8em;
    border: 1px solid;
    border-color: #ED1C24;
    color: #ED1C24 !important;
    text-decoration: none;
    text-decoration: none;
	background:#fff;
    }


.contact-detay-alt span {
display: inline-flex;

}

.harita {
	margin-top:5%;
}

.all-applications {
	padding:80px 0 ;
	 background: #F6F6F6 !important;
}

.category {
	padding:80px 0;
}


.product {
	    padding: 40px 0;
}
.product p{
	   margin: 0 0 1.5rem;
}
   

.product h3 {
		color: #151515 ;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: 600 !important;
	display:inline-block;
	text-transform:uppercase;
	padding: 0;
	letter-spacing: 1px !important;
}
.product h1 b {	font-weight: 700 !important;}
.product h2 b {	font-weight: 700 !important;}

.product h1{
	
	margin-bottom: 1.5rem;
    color: #ED1C24 !important;
    font-size: calc(22px + 1.3vw);
    font-weight: 700;
}

.product h2{
	
	margin-bottom: 1.5rem;
    color: #ED1C24 !important;
    font-size: calc(19px + 0.6vw);
    font-weight: 700;
}

.product .carousel span {
	display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    opacity: 1 !important;
	border: solid 1px #ED1C24;
    opacity: 1;
}
.product .carousel-inner {
	 background-color: #f8f8f8; /* Orijinal arka plan rengi */
	 padding:30px;
}
.product .carousel .active span {
	width: 12px;
    height: 12px;
	border: solid 3px #ED1C24;
}

.product .product-line-2 {
	    margin-top: 2rem !important;
    border-bottom-width: 2px !important;
    border-color: #ED1C24 !important;
    border-bottom-style: solid !important;
    padding: 2rem !important;
    background: #151515 !important;
}

	.product .product-line-2 h2	{
	color: #ffffff !important;
	font-size: 24px !important;
	margin-bottom:0px;
	font-weight:400 !important;
	}
	.product .product-line-2 p	 {
	color: #ffffff !important;
	margin-top: 0.9rem !important;
	margin-bottom: 1.3rem !important;
	}

.product .product-line-2-btn  {
	text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.8em 1.4em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
	display:inline-block;
}
.product .product-line-2-btn:hover {
        background-color: #ffffff; /* Hover’da kırmızı arka plan */
		border-color: #ED1C24 !important;
		color: #ED1C24 !important;
        }
		
		
.urundetay-galeri {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}

.urundetay-item {
text-align: center;
max-width: 300px;
flex: 1;
min-width: 250px;
}

.urundetayuclufoto {
margin-bottom: 10px;
}

.urundetayuclufoto img {
width: 100%;
height: auto;
border-radius: 8px;

}

.detayresimaciklama h3{color:#ffffff !important;}
.detayresimaciklama  p{color:#ffffff !important;}
.detayresimaciklama {
padding: 10px;
    background-color: #ED1C24;
    margin-bottom: 10px;
    height: 154px;
}

@media (max-width: 768px) {
.urundetay-galeri {
flex-direction: column;
align-items: center;
}

.urundetay-item {
max-width: 100%;
}
}
	
	
/* Modal başlık ve çarpı işareti stilleri */
#prmodal .modal-header {
    position: relative;
    background-color: #2c3e50;
    color: white;
    padding: 15px 20px;

    border-bottom: none;
}

/* Çarpı işareti pozisyonu */
#prmodal  .btn-close {
     position: fixed !important;
    top: 20px !important;
    right: 20px !important;

	
}

/* Modal içeriği köşe yuvarlatma */
#prmodal  .modal-content {
    border-radius: 0px !important;
    overflow: hidden;
	padding-left:10px;
	padding-right:10px;
}

/* Başlık metin hizalaması */
#prmodal  .modal-title {
    width: 100%;
    text-align: left;
    padding-right: 30px; /* Çarpı işareti için boşluk bırakır */
    margin: 0;
	color: #ed1c24;
}
#prmodal  .modal-body {

padding-top: 30px;
    padding-bottom: 30px;
	
}
#prmodal img {
	width:30px;

}

#prmodal .product-line-app-button {
    text-transform: uppercase !important;
    font-size: 16px;
	font-weight:600;
    line-height: 1.2 !important;
    font-style: normal;
    text-transform: none;
    border-radius: 0em;
    padding: 0.9em 0.9em;
	border: solid 1px #15151552;
    color: #151515 !important;
    text-decoration: none;
    transition: transform 0.1s ease, border-color 0.1s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

/* İkonlar için ortak stiller */
#prmodal .product-line-app-button img {

    object-fit: contain;
    transition: opacity 0.2s ease;
}

/* Normal durumda sadece default ikon görünür */
#prmodal .product-line-app-button .default-icon {
    display: block;
}

#prmodal .product-line-app-button .hover-icon {
    display: none;
}

/* Hover durumunda ikonlar değişir */
#prmodal .product-line-app-button:hover {
    border: solid 1px #ed1c2452;
    color: #ed1c24 !important;
}

#prmodal .product-line-app-button:hover .default-icon {
    display: none;
}

#prmodal .product-line-app-button:hover .hover-icon {
    display: block;
}

/* İsteğe bağlı: Geçiş efektli versiyon */
#prmodal .product-line-app-button.transition-version {
    position: relative;
}

#prmodal .product-line-app-button.transition-version img {
    position: absolute;
    left: 0.9em;  /* Padding değerinize göre ayarlayın */
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.3s ease;
}

#prmodal .product-line-app-button.transition-version .default-icon {
    opacity: 1;
}

#prmodal .product-line-app-button.transition-version .hover-icon {
    opacity: 0;
}

#prmodal .product-line-app-button.transition-version:hover .default-icon {
    opacity: 0;
}

#prmodal .product-line-app-button.transition-version:hover .hover-icon {
    opacity: 1;
}

/* Metin ile ikon arasında boşluk için */
#prmodal .product-line-app-button.transition-version {
    padding-left: calc(0.9em + 28px);  /* İkon genişliği + gap */
}


.product-line-app {
	 
  padding: 0px 10px 10px 12px;
	}


#urunkatslider h2{
	color: #151515 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}


#urunkatslider {
	background:none !important;
	     padding: 2rem 2rem 0rem 2rem !important;
    border: 1px solid #ddd !important;
}
#urunkatslider .carousel-inner{
	padding:0;
	background:none;
}

#urunkatslider .carousel-indicators {
  
    margin-bottom: -1.5rem;
}


#urunkatslider h3{
	color:#151515;
	font-weight:600;
}
#urunkatslider a{
	color:#ED1C24;
	font-weight: 600;
}


#urunkatslider .new-box-ic {
height: 131px;
}



#technicaldetay .kemper-tabs{
border-bottom: 1px solid #ddd ;
padding: 0 0 1px;
}

#technicaldetay li{
text-shadow: none;
}

#technicaldetay .nav-link {
background-color: transparent;
border-color: #ddd ;
border-bottom: 0 solid #fff;
border-bottom: 0 solid #fff;
border-radius: 0;
color: #151515;		
font-size: 18px;
line-height: 1.5;
margin-bottom: -1px;
text-shadow: none;
font-weight:400;
}

#technicaldetay td:contains("Standard"), 
#technicaldetay td:contains("Optional") {
    font-style: italic;
}

#technicaldetay .kemper-tabs .nav-link:hover {

}

#technicaldetay .kemper-tabs .nav-link.active {
font-weight:600;
color: red !important;
}

#technicaldetay .tab-content-container {
background: white;
padding: 30px 0px 30px 0px;
}

#technicaldetay  .tab-content {
padding: 20px 0;
overflow:visible;
padding:0;
}

#technicaldetay .tab-pane h3 {
color: #151515 ;
padding-bottom: 10px;			
padding-bottom: 10px;
border-bottom: 1px solid #eaeaea;
}
#technicaldetay .tabloicerik {
margin-bottom:20px;
}
#technicaldetay .feature-list {
list-style-type: none;
padding: 0;
}

#technicaldetay .feature-list li {
padding: 8px 0;
padding-left: 30px;
position: relative;
}

#technicaldetay .feature-list li:before {
content: "✓";
color: #151515 ;
position: absolute;
left: 0;
font-weight: bold;
}

#technicaldetay  table {
width: 100%;
border-collapse: collapse;
}

#technicaldetay  table  td {
padding: 10px;
border-bottom: 1px solid #eee;
}

#technicaldetay  table  tr:last-child td {
border-bottom: none;
}

#technicaldetay  table  td:first-child {
font-weight: 600;
color: #151515 ;
width: 40%;
}

#technicaldetay .tab-pane:not(.show) {
display: none !important;
}

#technicaldetay  .tab-pane 

{
position:relative;
}



        
        @media (max-width: 768px) {
           #technicaldetay  .kemper-tabs .nav-link {
                padding: 12px 15px;
                font-size: 14px;
				width: 100%;
            }
            
            #technicaldetay .tab-content-container {
                padding: 20px 15px;
            }
        }

 




.product .product-line-3 {
	    margin-top: 2rem !important;
    background: #f6f6f6 !important;
   padding: 1.5rem 1.6rem 1.6rem 2rem;
	}
.product .product-line-3 h2 {    
font-size: 24px;
    font-weight: 600;
    color: #151515;
	margin-bottom:24px;
}
.product .product-line-3 .product-line-3-btn {
    text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.9em 0.9em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
    display: block;
    width: 100%;
    margin-top: 10px;
}
 .product .product-line-3 .product-line-3-btn:hover {
        background-color: #151515; /* Hover’da kırmızı arka plan */
        }
.product .product-line-3 .product-line-3-btn i{padding-right:12px;}
.product-downloads {}
	.product-downloads h2{color: #151515 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-top: 2.5rem !important;
}
.product-downloads-sol {    background: #ddd !important;}
.product-downloads-sag {}
.product-downloads-sag .product-downloads-btn {
			text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
   padding: 0.1em 0.2em;
    border-color: transparent;
    color: #151515  ;
    text-decoration: none;
    transition: transform 0.1s ease;
	display:block;
	width:100%;
	margin-bottom:10px;
	
}



.product-downloads-btn:hover {
color: #ED1C24  ;
}
.product-downloads-sag .product-downloads-btn i{
padding-right:15px;

}

/* Kutu Stili */
        .product-box {
            text-align: left; /* Sola yaslanmış */                 
		border-color: rgba(21, 21, 21, 0.10) ;
			border-right-style: solid ;
			border-bottom-style: solid ;
			border-top-style: solid ;
			border-left-style: solid ;
			border-left-width: 1px ;
			border-bottom-width: 1px ;
			border-right-width: 1px ;
			border-top-width: 1px ;
			margin-bottom:20px;
	
        }
			.product-box-ic{
				
			
			background: #fff;
			padding: 1.5rem !important;
			height: 283px; /* Üst container'ın tam yüksekliğini kaplar */
    display: flex;
    flex-direction: column;
			}

		.product-image-box{
			position:relative;
			 width: 100%;
            height: auto;
			    background: #f6f6f6 !important;

		}
		/* deÄŸiÅŸti */
        /* Resim Stili */
        .product-box img {
	           
            object-fit: cover; /* Resmin alanı doldurmasını sağlar */
            border-radius: 0; /* Köşeli */
			width:100%;
        }


        /* Başlık Stili */
        .product-box h3 {
            color: #151515;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
        }
		
		/* deÄŸiÅŸti */

        /* Metin Stili */
        .product-box p {
            color: #4f4e4e;
            font-size: 16px;
            line-height: 24px;
            margin:0px;
			display: block;
			text-shadow: 0px 0px 1px #0000003d;
        }
		
		/* deÄŸiÅŸti */

        /* İkon ve Buton Satırı */
        .product-footer {
           margin-top: auto; /* Bu sayede footer her zaman en altta olur */
		
        }
		.product-btn {
    text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    color: #ED1C24 !important;
    text-decoration: none;
}

#probox {
	margin-bottom: 20px;
}

.product p > iframe{
	width:100%;
	height:460px;
}


.product .carousel-indicators [data-bs-target] {
 
    width: 11px !important;
	    border-top: 0;
		    height: 1rem;
			padding-top: 14px;
    padding-bottom: 14px;
	background:none;
		border-top:0px !important ;
	border-bottom:0px !important ;
}
#productCarousel .carousel-indicators {
	
	
	position: relative !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
   padding: 5px 0px 5px 0px !important;
}

#relatedProductsCarousel .carousel-indicators {
		position: relative !important;
    background: #ffffff !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
   padding: 10px 0px 10px 0px !important;
}

.application-card:hover {
	 background-color: #f8f9fa;
	
}

.application-card{
	
background-color: #F6F6F6;
    height: 245px;
}

.application-icon img {width: 100%;}


.f-panzoom__viewport {
     background: #fff;
}


.applications {
	    padding: 40px 0;
}

.applications h2{
	margin-bottom: 1.5rem;
       color: #ED1C24 !important;
	       font-size: calc(19px + 1vw);
    font-weight: 700 ;
}
.applications h3{
	    margin-bottom: 1.5rem;
       color: #ED1C24 !important;
    font-size: calc(14px + 0.6vw) !important;
    font-weight: 700 !important;
}





.applications h4{
	     color: #ED1C24 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
	padding-bottom: 0.5em;
}

.applications img {
	border: 1px solid #ddd !important;
	margin-bottom: 2.5rem ;
	margin-top: 2.5rem ;
}

.applications p i {
	color:#ED1C24;
}


.applications .appdoc {
	
	border-color: #ddd;
    border-top: 0.5px solid #ddd;

} 

.applications .appdoc  a{
	font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0.02em;
    border-radius: 0em;
    padding: 0.8em 1.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
}
.applications .appdoc p {padding-bottom:15px; padding-top:15px;}

.applications .carousel span {
	display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    opacity: .33;
	border: solid 1px #ED1C24;
    opacity: 1;
}
.applications .carousel-inner {
	 background-color: #f8f8f8; /* Orijinal arka plan rengi */
	 padding:30px;
}
.applications .carousel .active span {
	width: 12px;
    height: 12px;
	border: solid 3px #ED1C24;
}
.applications .applications-line-1 a {
	text-decoration: none;
    text-underline-offset: .2em;
    background: none;
    transition-property: background, box-shadow, border, color, opacity, transform;
    transition-duration: 0.3s;
}

.applications .applications-line-1 img {
	    margin-bottom: 0.5rem !important;
     margin-top: 0 !important;
}




#articleCarousel{
	background-color: #f8f8f8;
}

#articleCarousel .carousel-indicators [data-bs-target] {
 
    width: 11px !important;
	    border-top: 0;
		    height: 1rem;
			padding-top: 14px;
    padding-bottom: 14px;
	background:none;
}
#articleCarousel .carousel-indicators {
	
	
	position: relative !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
   bottom: 28px;
}


#articleCarousel .carousel span {
	display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    opacity: 1 !important;
	border: solid 1px #ED1C24;
    opacity: 1;
}
#articleCarousel .carousel-inner {
	 background-color: #f8f8f8; /* Orijinal arka plan rengi */
	 padding:30px;
}
#articleCarousel .carousel .active span {
	width: 12px;
    height: 12px;
	border: solid 3px #ED1C24;
}

#articleCarousel h3 {
	    padding: 5% 8% 8% 8% !important;
		color: #151515 !important;
		    font-size: 20px !important;
    font-weight: 600 !important;
}



#articleCarousel1{
	background-color: #f8f8f8;
}

#articleCarousel1 .carousel-indicators [data-bs-target] {
 
    width: 11px !important;
	    border-top: 0;
		    height: 1rem;
			padding-top: 14px;
    padding-bottom: 14px;
	background:none;
}
#articleCarousel1 .carousel-indicators {
	
	
	position: relative !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
   bottom: 28px;
}


#articleCarousel1 .carousel span {
	display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    opacity: 1 !important;
	border: solid 1px #ED1C24;
    opacity: 1;
}
#articleCarousel1 .carousel-inner {
	 background-color: #f8f8f8; /* Orijinal arka plan rengi */
	 padding:30px;
}
#articleCarousel1 .carousel .active span {
	width: 12px;
    height: 12px;
	border: solid 3px #ED1C24;
}

#articleCarousel1 h3 {
	    padding: 5% 8% 8% 8% !important;
		color: #151515 !important;
		    font-size: 20px !important;
    font-weight: 600 !important;
}


.applications .applications-line-1 h2
{
font-size: 24px;
    font-weight: 600;
    color: #151515 !important;
margin-bottom:2rem !important;
}

.applications .applications-line-1 p {
	display:block;
	
 color: #ED1C24 !important;
    font-size: 18px !important;
    margin-top: 0.3rem !important;
    margin-bottom: 0.6rem !important;
}


.applications-line-1-b {
	background:#ffffff;

}
.applications-line-1 {
	 margin-bottom: 2rem !important;
}


.applications .applications-line-2 {
	    margin-bottom: 2rem !important;
    border-bottom-width: 2px !important;
    border-color: #ED1C24 !important;
    border-bottom-style: solid !important;
    padding: 2rem !important;
    background: #151515 !important;
}

.applications .applications-line-2 h2	{
color: #ffffff !important;
font-size: 24px !important;
}
.applications .applications-line-2 p	 {
color: #ffffff !important;
margin-top: 1.3rem !important;
margin-bottom: 2.3rem !important;
}
.applications .applications-line-2-btn  {
text-transform: uppercase !important;
font-size: 16px;
line-height: 1.2 !important;
font-weight: 500;
font-style: normal;
text-transform: none;

border-radius: 0em;
padding: 0.8em 1.5em;
background: #ED1C24;
border-color: transparent;
color: #ffffff !important;
text-decoration: none;
transition: transform 0.1s ease;
}
.applications .applications-line-2-btn:hover {
background-color: #ffffff; /* Hover’da kırmızı arka plan */
border-color: #ED1C24 !important;
color: #ED1C24 !important;
}


.applications .applications-line-3 {
	    margin-bottom: 2rem !important;
    background: #f6f6f6 !important;
    padding: 1.5rem 2rem 2rem 2rem !important;
	}
.applications .applications-line-3 h2 {    
font-size: 24px;
    font-weight: 600;
    color: #151515 !important;
}
.applications .applications-line-3 .applications-line-3-btn {
		text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
    padding: 0.6em 2.8em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
	display:block;
	width:100%;
	margin-bottom:10px;
}
 .applications .applications-line-3 .applications-line-3-btn:hover {
        background-color: #151515; /* Hover’da kırmızı arka plan */
        }
.applications .applications-line-3 .applications-line-3-btn i{
	padding-right: 7px;
    /* font-size: 22px; */
    font-size: 20px;
    margin-top: 1.5px;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;}
.applications-downloads h2
	{
	color: #151515 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-top: 2.5rem !important;
}

.applications .applications-line-3 {
	    margin-top: 2rem !important;
    background: #f6f6f6 !important;
    padding: 1.5rem 2rem 2rem 2rem !important;
	}
.applications .applications-line-3 h2 {    
font-size: 24px;
    font-weight: 600;
    color: #151515 !important;
}
.applications .applications-line-3 .applications-line-3-btn {
  text-transform: uppercase !important;
    font-size: 15px;
    line-height: 1.2 !important;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
        padding: 0.8em 1.9em;
		    font-weight: 400;
			letter-spacing: 0.02em;
    background: #ED1C24;
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.1s ease;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
 .applications .applications-line-3 .applications-line-3-btn:hover {
        background-color: #151515; /* Hover’da kırmızı arka plan */
        }
.applications .applications-line-3 .applications-line-3-btn i{
	
	padding-right: 7px;
    font-size: 16px;
    margin-top: 1.5px;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
	}
.applications-downloads h2
	{
	color: #151515 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-top: 2.5rem !important;
}






/* Modal video container için stil */
#apmodal .modal-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    background: #000;
}

/* Iframe için tam ekran ve ortalama */
#apmodal .modal-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Modal boyutlarını ayarlama */
#apmodal .modal-dialog.modal-lg {
  max-width: 50%;
    width: 90%;
    height: 57vh;
    margin: 21vh auto;
}

 #apmodal .modal-content {
    height: 100%;
    background: transparent;
    border: none;
}

.applications .applications-line-4 {
	   margin-bottom: 2rem !important;
    background: #f6f6f6 !important;
    padding: 1.5rem 2rem 2rem 2rem !important;
	}
.applications .applications-line-4 h2 {    
font-size: 24px;
    font-weight: 600;
    color: #151515 !important;
}
.applications .applications-line-4 .applications-line-4-btn {
		text-transform: uppercase !important;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    
    border-radius: 0em;
        padding: 0.6em 0.9em;
    background: transparent;
    border: solid 1px #ED1C24;
	
    color: #ED1C24 !important;
    text-decoration: none;
    transition: transform 0.1s ease;
	display:block;
	width:100%;
	margin-bottom:10px;
}
 .applications .applications-line-4 .applications-line-4-btn:hover {
        background-color: #ED1C24; /* Hover’da kırmızı arka plan */
		color:#ffffff !important;
        }
.applications .applications-line-4 .applications-line-4-btn i{
	padding-right: 7px;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;}
.applications-downloads h2
	{
	color: #151515 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-top: 2.5rem !important;
}



@media (max-width: 1024px) {
	
	.header-top {
	height: auto;
	padding: 10px 15px;
	}

	.header-content {
	flex-direction: column;
	align-items: center;
	gap: 10px;
	}
	 /* Hamburger menü açıldığında navbar-nav tam genişlik */
      .navbar-nav {
        width: 100%;
      }
	  
	  .nav-item {
		  width:100%;
		  text-align:center;
	  }
      /* Dropdown menü pozisyonu ve hizalaması */
      .dropdown-menu {
        position: static !important; /* Varsayılan Bootstrap pozisyonunu kaldır */
        width: 100%; /* Tam geniÅŸlik */
        text-align: center; /* İçeriği ortala */
        background-color: #f8f9fa; /* Hafif gri arka plan */
        border: none; /* Kenarlık kaldır */
        margin: 0; /* Varsayılan margin sıfırla */
        padding: 0; /* Varsayılan padding sıfırla */
        /* Yavaş açılma animasyonu */
        transition: transform 0.1s ease;
        transform: translateY(-10px); /* Başlangıçta hafif yukarıda */
        opacity: 0; /* Başlangıçta görünmez */
      }
      /* Dropdown menü açıkken */
      .dropdown-menu.show {
        transform: translateY(0); /* Normal pozisyona gel */
        opacity: 1; /* Görünür ol */
      }
      /* Her dropdown-item için gri çizgiler */
      .dropdown-item {
        position: relative;
        color: #333;
        text-align: center;
        padding: 10px 0;
        /* Üst ve alt gri çizgiler */
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
      }

      /* Dropdown item hover efekti */
      .dropdown-item:hover {
        background-color: #e9ecef;
        color: #007bff;
      }
      /* Dropdown toggle oku için hizalama */
      .dropdown-toggle::after {
        vertical-align: middle;
      }
}


	
	/* Responsive Ayarları */
	@media (max-width: 999px) {
	
	.carousel-caption h1 {
    font-size: 2.4rem !important;
	}

	.contact-info {
	flex-direction: column;
	align-items: center;
	gap: 8px;
	}

	.social-icons {
	gap: 12px;
	}

	.header-top a {
	font-size: 12px;
	}

	.header-top i {
	font-size: 12px;
	}

	.social-icons a {
	font-size: 14px;
	}
	



	.slider  .carousel-inner {
		height: 400px; /* Mobilde yükseklik */
	}

	.slider  .carousel-item img {
		height: 100%;
	}

	.slider .carousel-caption {
		text-align: center;
		margin: 0 auto;
		max-width: 85%; /* Mobilde daha dar */
		padding: 15px 20px;
		height:84% !important;
	}

	.slider .carousel-caption h1 {
		font-size: 1.4rem !important;
	}

	.slider  .carousel-caption p {
		font-size: 13px;
	}

	.slider  .carousel-caption .btn-contact {
		font-size: 14px;
		padding: 10px 25px;
		border-radius: 20px;
	}
	
	.contact-section .content-sol-ic {
	margin-bottom: 30px;
	}
	
	.about-section-sag {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

	.about-section {
    padding: 40px 0;
}
	
		.about-buttons{
		    margin-bottom: 30px;
    margin-top: 30px;
	}

	
	.about-heading {
	font-size: 28px;
	padding-top: 1rem;
	}


	.about-text {
	font-size: 14px;
	margin-bottom: 20px;
	}

.about-btns {
	font-size: 12px;
	padding: 10px 15px;
	margin-right: 10px;
	margin-bottom: 10px; /* Mobilde alt alta geldiklerinde boÅŸluk */
	}
	
	.about-btn {
	font-size: 12px;
	padding: 10px 15px;
	margin-right: 10px;
	margin-bottom: 10px; /* Mobilde alt alta geldiklerinde boÅŸluk */
	}

	.about-video iframe {
	height: 200px;
	}
	.image-section img {
   
	height: 400px;
}


	.applications-section {
		padding: 40px 0;
	}
	
	.section-title {
	font-size: 28px;
	padding-top: 1rem;
	}

	.section-subtitle {
	font-size: 14px;
	margin-bottom: 20px;
	}
	
	
	
	.application-box img {
	height: auto;
	}

	.application-box h3 {
	font-size: 18px;
	}

	.application-box p {
	font-size: 16px;
	}
	.application-box-ic {
		height:225px;
    padding: 1rem !important;
}


	.application-footer .application-btn {
	font-size: 16px;
	padding: 6px 15px;
	}

	.application-footer .icon {
	font-size: 18px;
	}
	
	.custom-section-sag {
	padding:30px;
	}
	
	 .news-section {
      padding: 40px 0;
      background-color: #f8f9fa; /* Açık gri arka plan */
    }
	
	.news-header h2 {
		font-size: 28px;
	}
	
	.contact-sol {
		
		background: #F6F6F6  !important;
		   padding: 32px;
      
	}



	.fullbox-sp1 {
		padding-top: 30px; 
     padding-bottom: 0; 
	}
	.fullbox-sp2 {
    font-size: 23px;
     padding-bottom: 30px; 
     padding-top: 0; 
}
	
	  .section-image {
        margin-bottom: 30px;
			height:344px ;
			padding:0 !important;
      }
	  .timeline {
  padding:0px;
}
    
	  .timeline:before {
    content: "";
	display:none;
		}
		#left .timeline-label {width:100%;}
		#right .timeline-label {width:100%}
		.timeline-year-image {
		margin:0 auto !important;
		}
		#left .sol {
		order: 1 !important;
		}
		
		#left .sag {
		left: 0;
		width:100%;
		order: 2 !important;
		}
		#right .sag {
		left: 0; 
		order: 1 !important;
		}
		#right .sol {
		left: 0; 
		order: 2 !important;
		}
		#right .timeline-arrow {display:none;}
		#left .timeline-arrow {display:none;}



		.timeline-item {
		flex-direction: column;
		margin-bottom: 40px;
		width:100% !important;
		}

		.timeline-text {
		width: 100% !important;
		padding: 3rem !important;
		margin-bottom: 20px;
		}

      .timeline-text:before,
      .timeline-text:after {
        display: none;
      }

      .timeline-label-wrapper {
        position: static;
        margin-bottom: 10px;
		width:100%;
      }

      .timeline-label {
        position: static;
      }

      .timeline-label:after {
        width: 100%; /* Mobilde daha kısa */
      }

      .timeline-year-wrapper {
    
        top: 0;
      }

      .timeline-year-image img {
        width: 100%; /* Mobilde tam geniÅŸlik */
        height: auto; /* Oranı koru */
      }


	.about-btn-sayfa {   
        padding: 0.9em 0.8em;
        margin-left: 0;
        font-size: 11px;
	}
	.about-btns-sayfa {   
	        padding: 0.9em 0.8em;
			
        margin-left: 0;
        font-size: 12px;
	}
	.about-section-alt h2 {
	padding-top:10px;
	font-size: 1.5rem ;
	}
	.about-section-alt {
	padding: 40px 0;
	background-color: #f8f9fa; /* Açık gri arka plan */
	}
	.personel-card {
	margin-left: 0 !important;
	}.w-image-h {
	margin-right: 0 !important; 
	}
	
		.missiona {
    padding: 40px 0;
}
.mission-sol {
    padding-left: 0;
}
.missionc {
    position: relative;
    transform: translateY(12%);
    margin-top: 6px;
    padding-top: 34px;
}
		.missionb {
    padding: 40px 0;
    background: #F6F6F6 !important;
}
.mission-sag h2 {
}
.mission img {padding-top: 15px;}
.mission p {text-align:left;}
.mission span {text-align:left !important;}
.mission-sol h2 {
    font-size:2px !important;
}
.mission-sag h2 > span {
    font-size: 2rem !important;
	margin-bottom: 0.1rem !important;
}
.mission-sol h2 > span {
    font-size: 2rem !important;
	margin-bottom: 0.1rem !important;
}
.missionb-baslik h2 > span {
     font-size: 2rem !important;
	margin-bottom: 0.1rem !important;
}

.lasted-icerik {
   margin:0 auto !important;
   padding:5px  !important;
}

.case-icerik {
   margin:0 auto !important;
   padding:5px  !important;
}
.case-sayac {
	   margin:0 auto !important;
   padding:5px  !important;
}

.applications .applications-line-3 .applications-line-3-btn {

    font-size: 11px;
}

.case-dt-btn {
	width:100%;
}
#videoModal .modal-dialog {
    width: 100%;
    max-width: 90%;
    margin: auto;
}
#videoModal .modal-video {
    width: 100%;
    height: 56vh;
    overflow: hidden;
}


.casedetay-resim {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
   
}

.category-buttons {
    width: 100%;
}
.case-kutu {
      width: 100%;
}
.case-content {
         width: 100%;
}
.case-resim {
         width: 100%;
}


	
	}
	@media (max-width: 1441px) {
	
	.about-section-alt img {
    height: 357px;
	}
	}


	@media (min-width: 1200px) and (max-width: 1400px) {
		.s-about-btns {
    font-size: 12px;
		}
	
		
	}
	
	@media (max-width: 1200px) {
	
	  .category-buttons {  width: 100%; 	}
	  #case-studies-content { width: 100%; }
	  .case-kutu { 	width: 100%;  }
	.case-resim {  width: 50%; 	}
	.case-content { width: 50%; }
		
	}
	@media (max-width: 1400px) {
	.s-about-btns { font-size: 11px; }
	}
	
	@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1224px !important; }
	}


	@media (min-width: 1024px) and (max-width: 1024.98px) {
			.navbar-brand img{
		  height:30px;
			}
			
	.about-btns {
	font-size: 13px;
	}
	.about-btn {
	font-size: 13px;
	}
	.fullbox-sp1 {
	font-size: 26px;
	}

	.content-sol-ic {
				flex: 1 0 auto;
	}
	.content-sol-ic1 {
	display:none;
	}
	.navbar {
	font-size: 13px !important;
	}
	.section-image {
	display:none;
}
.custom-section-sag {
	width:100%;
}

.s-about-btns {
    font-size: 12px;
}

.slider .carousel-caption h1 {
    font-size: 2.9rem ;
}
.slider .carousel-caption {
        height: 66%;
}

.application-box-ic {
    height: 280px;
}
.new-box-ic {
    
    height: 280px;
}



#left .timeline-label {
    position: relative;
    background-color: #fff;
    color: #dc3545;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    width: 276px;
}

#right .timeline-label {
    position: relative;
    background-color: #fff;
    color: #dc3545;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    width: 276px;
}
#left .timeline-text:before {
    content: " ";
    position: absolute;
    right: -42px;
    top: 38px;
    width: 26px;
    height: 1px;
    background-color: #dc3545;
    width: 13px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-image: linear-gradient(to right, transparent, #ED1C24, transparent) 1;
}
  .about-btn-sayfa {   
    padding: 0.9em 0.8em;  
	  margin-left: 0;
	  }
	  .about-btns-sayfa {   
    padding: 0.9em 0.8em;  
	  margin-left: 0;
	  }
	  .personel-card-baslik h2{
	  font-size: 2rem !important;
	  }

}
@media (max-width: 374px)  {
	.carousel-caption h1 {
        font-size: 1.4rem !important;
    }
	.carousel-caption p {
        font-size: 12px;
		margin-bottom : 5px  ;
    }
	.carousel-caption a {
		font-size:11px;
	}

.about-btns {
	font-size: 13px;
	padding: 8px 14px;
	margin-right: 3px;
	margin-bottom: 10px; /* Mobilde alt alta geldiklerinde boÅŸluk */
	}
	
	.about-btn {
	font-size: 13px;
	padding: 8px 14px;
	margin-right: 3px;
	margin-bottom: 10px; /* Mobilde alt alta geldiklerinde boÅŸluk */
	}
	 .personel-card-baslik h2{
	  font-size: 2rem !important;
	  }
	}