/* Reset ve Genel Stiller */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
 }
 
 body {
    overflow-x: hidden;
 }
 
 .main-wrapper {
    position: relative;
    background: url('../img/back1.jpg') no-repeat center top;
    background-size: contain;
    min-height: 100vh;
 }
 
 /* Header */
 .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 50px;
 }
 
 .logo {
    height: 80px;
 }
 
 /* Navigation */
 .nav-links {
    display: flex;
    align-items: center;
    gap: 40px;
 }
 
 .nav-item-group {
    display: flex;
    align-items: center;
    gap: 10px;
 }
 
 .nav-item-wrapper {
    position: relative;
    width: 30px;
    height: 30px;
 }
 
 .home-icon,
 .home-icon-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
 }
 
 .home-icon-hover {
    opacity: 0;
 }
 
 .nav-item-wrapper:hover .home-icon {
    opacity: 0;
 }
 
 .nav-item-wrapper:hover .home-icon-hover {
    opacity: 1;
 }
 
 .nav-item {
    position: relative;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    text-transform: lowercase;
    padding: 5px 0;
    transition: transform 0.3s ease;
 }
 
 .nav-item::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 2px;
    background: #00AEFB;
    transition: width 0.3s ease;
    border-radius: 30px;
 }
 
 .nav-item:hover {
    transform: translateX(5px);
 }
 
 .nav-item:hover::before {
    width: 15px;
 }
 
 .language-selector {
    color: #00AEFB;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
 }
 
 .language-selector::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: #00AEFB;
 }
 
 /* Mobile Menu */
 .mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
 }
 
 .mobile-menu-btn span {
    width: 30px;
    height: 2px;
    background: white;
    transition: 0.3s;
 }
 
 .mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 47, 120, 0.95);
    z-index: 100;
    padding: 80px 20px;
 }
 
 .mobile-menu.active {
    display: block;
 }
 
 /* Slider */
 .slider-container {
    position: relative;
    height: calc(100vh - 120px);
    margin-top: 20px;
 }
 
 .slide-number {
    position: absolute;
    right: 60px;
    top: 50px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
 }
 
 .number-top {
    color: white;
    font-size: 16px;
 }
 
 .number-bottom {
    color: #00B1FF;
    font-size: 136px;
    font-weight: 100;
    line-height: 1;
 }
 
 .swiper {
    margin-left: 0 !important;
 }
 
 .main-slider {
    height: 80vh;
    width: 80%;
 }
 
 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
 
 /* Products CTA */
 .products-cta {
    position: absolute;
    left: 50px;
    top: 80%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(204, 0, 0, 0.7);
    color: white;
    padding: 15px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
 }
 
 #lightning-animation {
    width: 80px;
    height: 80px;
 }
 
 /* Slider Content */
 .slider-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    z-index: 9;
    margin-top: 150px;
 }
 
 .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
 }
 
 .title-group {
    text-align: right;
 }
 
 .title {
    color: #707070;
    font-size: 42px;
    margin-bottom: 0px;
    padding: 20px;
    background-color: white;
    text-align: right;
    font-weight: 700;
 }
 
 .subtitle {
    color: #707070;
    font-size: 42px;
    display: inline-block;
    padding: 10px 20px;
    background: #E2E2E2;
    margin-left: auto;
    font-weight: 700;

 }
 
 .navigation-group {
    align-self: flex-end;
 }
 
 .slider-navigation {
    display: flex;
    gap: 45px;
    justify-content: flex-end;
    margin-bottom: 20px;
 }
 
 .nav-button {
    background: none;
    border: none;
    cursor: pointer;
 }
 
 .nav-button img {
    width: 20px;
    height: 20px;
    transition: opacity 0.3s;
 }
 
 .nav-button:hover img {
    opacity: 0.8;
 }
 
 /* Scroll Indicator */
 .scroll-indicator {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 30px 0;
 }
 
 .scroll-text {
    color: #707070;
    font-weight: 300;
    font-size: 14px;
 }
 
 #mouse-animation {
    width: 26px;
    height: 40px;
    
 }

 .page-anim {
   width: 130px;
    height: 155px;
    position: absolute;
    right: 10vh;
    bottom: 40vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
@media (max-width: 992px) {
   .page-anim {
      display: none;
   }
   .slider-navigation {
      display: none;
   }
   .scroll-indicator {
      display: none;
   }
}
.page-content {
   content: "";
   width: 75px;
   height: 160px;
   border: 2px solid gray;
   border-radius: 50px;
   position: absolute;
}
 
 /* Social Media */
 .social-h4 {
    color: #EFEFEF;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
 }
 
 .slider-social {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
 }
 
 .social-icon {
    color: #002F78;
    font-size: 20px;
    transition: color 0.3s;
 }
 
 .social-icon:hover {
    color: #C4000B;
 }
 
 /* Whatsapp Button */
 .whatsapp-button {
    position: fixed;
    right: 0;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: #F1F1F1;
    padding: 15px;
    color: #707070;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 100;
    font-size: 12px;
 }
 
 .whatsapp-button .fa-whatsapp {
    font-size: 24px;
    color: #7AD06D;
    transition: color 0.3s;
 }
 
 .whatsapp-button:hover {
    background: #7AD06D;
    color: white;
 }
 
 .whatsapp-button:hover .fa-whatsapp {
    color: white;
 }
 
 .vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
 }
 
 /* Responsive */
 @media (max-width: 1200px) {
    .nav-links {
        gap: 30px;
    }
    
    .main-slider {
        width: 100%;
    }
 
    .slider-content {
        width: 100%;
    }
 }
 
 @media (max-width: 992px) {
    .navbar {
        padding: 15px 30px;
    }
 
    .logo {
        height: 60px;
    }
 
    .nav-item {
        font-size: 12px;
    }
 
    .title {
        font-size: 42px;
    }
    .social-icon {
      color: white;
    }
 }
 
 @media (max-width: 768px) {
    .nav-links {
        display: none;
    }
    #lightning-animation {
      width: 30px;
      height: 30px;
  }
    .mobile-links {
        display: flex;
        flex-direction: column;
    }
 
    .mobile-menu-btn {
        display: flex;
    }
 
    .title {
        font-size: 24px;
    }
 
    .subtitle {
        font-size: 24px;
    }
 }
 
 @media (max-width: 576px) {
    .title {
        font-size: 28px;
        margin-bottom: 0;
    }
 
    .subtitle {
        font-size: 20px;
    }
 }

 .about-section {
   padding: 100px 0;
}

.about-image {
   width: 100%;
   height: auto;
}

.about-subtitle {
   margin-bottom: 10px;
   color: #002F78;
   font-weight: 600;
}

.about-title {
   font-size: 32px;
   margin-bottom: 30px;
   color: #C4000B;
   font-weight: 600;
}

.about-text {
   margin-bottom: 20px;
   line-height: 1.6;
}

.read-more {
   display: inline-block;
   color: black;
   text-decoration: none;
   margin-bottom: 40px;
   font-weight: 700;
}

.stats-row {
   display: flex;
   align-items: flex-start;
   gap: 30px;
}

.stat-item {
   padding: 20px;
   transition: all 0.3s ease;
   cursor: pointer;
   flex: 1;
}

.stat-content {
   display: flex;
   flex-direction: column;
}

.stat-item:hover {
   background: #F1F1F1;
}

.stat-item:hover .stat-number {
   transform: translateX(10px);
}




.stat-divider {
   width: 1px;
   height: 100px;
   background: #e0e0e0;
   align-self: center;
}

@media (max-width: 992px) {
   .about-image {
       margin-bottom: 50px;
   }
   
   .stats-row {
       flex-direction: column;
   }
   
   .stat-divider {
       width: 100%;
       height: 1px;
   }

   .stat-text {
       text-align: left;
   }
}

.stats-container {
width: 100%;
padding: 20px 0;
}

.stat-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
transition: all 0.3s ease;
}

.stat-row:hover {
background: #F1F1F1;
}

.stat-row:hover .stat-number {
transform: translateX(40px);
}

.stat-number {
font-size: 56px;
font-weight: bold;
color: #002F78;
transition: transform 0.3s ease;
flex: 1;
text-align: left;
}

.stat-divider {
width: 1px;
height: 40px;
background: #e0e0e0;
margin: 0 30px;
}

.horizontal-divider {
width: 100%;
height: 2px;
background: #e0e0e0;
}

.divider-v2 {
   width: 40%;
   margin-bottom: 30px;
}

.stat-text {
color: #C4000B;
flex: 2;
text-align: right;
font-weight: 600;
}

@media (max-width: 768px) {
.stat-number {
  font-size: 32px;
}

.stat-text {
  font-size: 14px;
}
}

/* Anasayfa Ürün Slider */
.services-slider {
   padding: 50px 0;
   background: white;
}

.slider-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
}

.button-group {
   display: flex;
   gap: 10px;
}

.nav-btn {
   width: 50px;
   height: 50px;
   background: #002F78;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
}

.nav-btn img {
   width: 20px;
   height: 20px;
   filter: brightness(0) invert(1);
   transition: all 0.3s ease;
}

.nav-btn:hover {
   background: white;
   border: 2px solid #002F78;
}

.nav-btn:hover img {
   filter: none;
}

.section-title {
   color: #E3E3E3;
   font-size: 100px;
   font-weight: 600;
}

.services-swiper {
   width: 100%;
   padding-left: 20px;
   padding-right: 20px;
}

.slide-content {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #C4000B;
   opacity: 1;
   mix-blend-mode: multiply;
   transition: all 0.5s ease;
   z-index: 1;
}

.slide-text {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: white;
   font-size: 18px;
   font-weight: 400;
   z-index: 2;
   transition: all 0.5s ease;
}

.slide-content:hover .overlay {
   height: 30%;
   top: 70%;
}

.slide-content:hover .slide-text {
   top: 85%;
}

.swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

@media (max-width: 768px) {
   .button-group {
       display: none;
   }
   
   .section-title {
       font-size: 50px;
   }
   
   
   
   .slide-text {
       font-size: 18px;
   }
}

.stats-con-v2{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between; 
   padding-top: 100px;
}
.stat-num-v2 {
   padding-right: 50px;
   flex: 0;
   font-size: 50px;
}
.stat-row-v2 {
   border-bottom: 2px solid #e0e0e0;
}
.stat-row:hover .stat-num-v2{
   transform: none;
}
.stat-row-v2:hover {
   background-color: transparent;
}
@media (max-width: 768px) {
       .stats-con-v2{
       
       flex-direction: column;
      
   }
}

.fix-text {
   position: absolute;
   bottom: -50px;
   left: 100px;
   color: white;
   font-weight: 500;
   background-color: #002F78;
   padding: 50px;
   font-size: 22px;

}


.products-section {
   padding: 80px 0;
   background: #F1F1F1;
}

.section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 40px;
}



.view-all {
   background: #002F78;
   color: white;
   padding: 12px 24px;
   text-decoration: none;
   transition: all 0.3s ease;
   border: 2px solid transparent;
}

.view-all:hover {
   background: white;
   border-color: #002F78;
   color: #C4000B;
}

.product-slider {
   position: relative;
}

.slider-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: transparent;
   border: 2px solid transparent;
   padding: 10px;
   cursor: pointer;
   z-index: 2;
   transition: all 0.3s ease;
}

.slider-btn:hover {
   border-color: #002F78;
}

.slider-btn.prev {
   left: -60px;
}

.slider-btn.next {
   right: -60px;
}



.product-item:hover .product-name{
   transform: translateX(10px);
}
.product-item:hover .product-category{
   transform: translateX(10px);
}

.product-image {
position: relative;
overflow: hidden;
margin-bottom: 20px;
background: white;
padding: 20px;
height: 300px; /* Sabit yükseklik */
display: flex;
align-items: center;
justify-content: center;
}

.product-image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}


.product-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 47, 120, 0.9);
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: all 0.3s ease;
}
.product-overlay img{
   width: auto;
   height: auto;
}
.overlay-icon {
width: 30px; /* Daha küçük svg */
height: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.product-item:hover .product-overlay {
   opacity: 1;
}

.product-name {
   color: #002F78;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 8px;
   transition: color 0.3s ease;
   transition: all 0.3s ease;
}

.product-item:hover .product-name {
   color: #C4000B;
}

.product-category {
   color: #212529;
   font-size: 14px;
   transition: all 0.3s ease;
}

.swiper-pagination {
   position: relative;
   margin-top: 30px;
}

.swiper-pagination-bullet {
   width: 30px;
   height: 3px;
   border-radius: 0;
   background: #002F78;
}

@media (max-width: 768px) {
   .slider-btn {
       display: none;
   }
   
   .section-title {
       font-size: 32px;
   }
}

.product-item {
   display: block;
   text-decoration: none;
   transition: transform 0.3s ease;
}

.product-image {
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
   background: white;
   padding: 20px;
}

/* Slider button fixes */
.slider-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 50px;
   height: 50px;
   background: transparent;
   border: 2px solid transparent;
   cursor: pointer;
   z-index: 10;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
}

/* Swiper settings */
.products-swiper {
   padding: 20px;
}

@media (max-width: 768px) {
   .products-swiper .swiper-slide {
       width: 100% !important;
   }
}


.brands-section {
   padding: 80px 0;
   background: #fff;
}

.section-title {
   color: #E3E3E3;
   font-size: 100px;
   font-weight: 600;
   text-align: right;
   margin-bottom: 50px;
}

.brands-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
}

.brand-item {
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
}

.brand-item:nth-child(-n+4) {
border-top: none;
}
.brand-item:nth-last-child(-n+4) {
border-bottom: none;
}

.brand-item:nth-child(4n) {
border-right: none;
}

.brands-swiper .brand-item {
border: none;
}

.brands-swiper .swiper-slide-active {
border-right: 1px solid #E0E0E0;
}

.brand-logo {
   max-width: 100%;
   height: auto;
   filter: grayscale(100%);
   opacity: 0.5;
   transition: all 0.3s ease;
}

.brand-logo2 {
   max-width: 100%;
   height: auto;
   
   transition: all 0.3s ease;
}


.brand-item:hover .brand-logo {
   filter: grayscale(0);
   opacity: 1;
}

/* Mobile Styles */
.brands-swiper {
   padding: 20px;
}

.brands-swiper .swiper-slide {
   border-right: 1px solid #E0E0E0;
}

@media (max-width: 768px) {
   .section-title {
       font-size: 50px;
   }
   .brands-grid {
       display: none;
   }
}


.contact-banner {
   margin-bottom: -60px;
   position: relative;
   z-index: 10;
}

.contact-box {
   background: #002F78;
   padding: 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 70%;
   margin-left: auto;
}

.contact-link {
   color: #00B1FF;
   text-decoration: none;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   gap: 15px;
   transition: transform 0.3s ease;
   font-size: 25px;
    font-weight: 600;
}
.contact-link img{
   transition: transform 0.3s ease;

}
.contact-link:hover img{
   transform: translateX(20px);
}

.phone {
   color: white;
   font-size: 24px;
}

.footer {
   background: url('../img/footer.jpg') no-repeat center;
   background-size: cover;
   padding: 100px 0 0;
   color: white;
}

.contact-info {
   margin-bottom: 50px;
}

.info-item {
   text-align: left;
   margin-bottom: 30px;
   padding: 20px;
}

.info-item img {
   margin-bottom: 20px;
}

.footer-nav {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 30px;
   margin-bottom: 50px;
}

.footer-link {
   color: black;
   text-decoration: none;
   font-weight: 600;
   position: relative;
   padding: 5px 0;
   text-transform: lowercase;
   transition: transform 0.3s ease;
}

.footer-link::before {
   content: '';
   position: absolute;
   left: -15px;
   top: 50%;
   transform: translateY(-50%);
   width: 10px;
   height: 2px;
   background: #00AEFB;
   transition: width 0.3s ease;
}

.footer-link:hover {
   transform: translateX(5px);
}

.footer-link:hover::before {
   width: 15px;
}

.divider {
   border-color: #212529;
   margin: 40px 0;
}

.logos-section {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 50px;
}

.other-brands p {
   color: #BBBBBB;
   margin-bottom: 15px;
   font-weight: 500;
}

.brand-logos {
   display: flex;
   gap: 20px;
}

.bottom-bar {
   background: black;
   padding: 20px 0;
}

.copyright {
   display: flex;
   gap: 20px;
   color: #BFBFBF;
   font-size: 12px;
}

.privacy-link {
   color: #00B1FF;
   text-decoration: none;
}

.credits {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 20px;
   font-size: 12px;
}
.main-logo2 {
   display: none;
}
@media (max-width: 768px) {
   .contact-box {
       flex-direction: column;
       gap: 20px;
       max-width: 100%;
   }
   .brand-logos {
       flex-direction: column;
    }

   .footer-nav {
       flex-direction: column;
       align-items: center;
       text-align: center;
   }
   
   .logos-section {
       flex-direction: column;
       gap: 30px;
       text-align: center;
   }
   
   .bottom-bar .row > div {
       text-align: center;
       margin: 10px 0;
   }
   
   .copyright, .credits {
       justify-content: center;
   }
}

.footer-p {
   color: #212529;
}
.social-icons {
   color: #212529;
    font-size: 25px;
    padding-right: 20px;
}

.social-icons:hover {
   color: #C4000B;
   
}

.other-brands {
   text-align: right;
}

@media (max-width: 768px) {
   .contact-info {
      display: none;
   }
   .logos-section .main-logo {
      display: none;
   }
   .main-logo2 {
      display: block;
   }
   .logos-section2 {
      display: flex;
      align-items: center;
      margin-bottom: 50px;
      text-align: center;
   }
   .other-brands {
      text-align: center;
   }
   .copyright {
      flex-direction: column;
      align-items: flex-start;
   }
   .credits {
      align-items: flex-start;
      flex-direction: column;
      align-content: flex-start;
      flex-wrap: wrap;
   }
   .slider-btn.next{
      display: none;
   }
   .slider-btn.prev {
      display: none;
   }
   .footer-link:before {
      display: none;
   }
   
}

/* HAKKIMIZDA */
.page-header {
   position: relative;
   width: 100%;
   margin-bottom: 50px;
}

.header-wrapper {
   display: flex;
   position: relative;
}

.header-image {
   width: 80%;
}

.header-image img {
   width: 100%;
   height: auto;
   display: block;
}

.header-content {
   width: 20%;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-end;
}

.title-box {
   top: 0;
   right: 0;
   background: #C4000B;
   padding: 15px;
   margin-left: -40px;
   min-width: 390px;
   margin-right: 50px;
}

.title-box h1 {
   color: white;
   font-size: 36px;
   font-weight: 700;
   text-align: right;
}

.breadcrumb {
   text-align: right;
   color: white;
   background-color: transparent;
   margin-right: 50px;
   font-size: 12px;
}

.breadcrumb .light {
   font-weight: 300;
}

.breadcrumb .bold {
   font-weight: 700;
}

/* Responsive Styles */
@media (max-width: 992px) {
   .header-wrapper {
       flex-direction: row;
   }

   .header-image {
       width: 80%;
   }

   .header-content {
       width: 20%;
   }
   .breadcrumb {
       display: none;
   }

   .title-box {
       position: relative;
       margin-left: 0;
       min-width: auto;
       padding: 10px;
       margin-right: 15px;
   }

   .title-box h1 {
       font-size: 23px;
   }
}

/* REFERANSLAR */
.referans {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 15px;
}
.referans h4 {
   color: #002F78;
   font-weight: 800;
}
.referans p{
   color: #414141;
}
.referans:hover {
   background-color: #002F78;
}
.referans:hover h4{
   color: white;
}
.referans:hover p{
   color: #00B1FF;
}
@media (max-width: 992px) {
.brands-grid {
   display: grid;
   grid-template-columns: 1fr;
}
}

/* İNDİRMELER */

  /* Downloads Section */
  .downloads-section {
   padding: 50px 0;
}

.downloads-title {
   color: #919191;
   font-size: 36px;
   font-weight: 700;
   margin-bottom: 40px;
}

.downloads-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
}

.download-item {
   background: #D8D8D8;
   transition: all 0.3s ease;
}

.download-link {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 30px;
   text-decoration: none;
   color: #002F78;
   font-weight: 500;
}

.icon-wrapper {
   width: 40px;
   height: 40px;
   position: relative;
   overflow: hidden;
}

.icon-down, .icon-pdf {
   position: absolute;
   right: 0;
   background: white;
   padding: 8px;
   width: 100%;
   height: 100%;
   transition: all 0.3s ease;
}

.icon-pdf {
   top: -100%;
}

.icon-down {
   top: 0;
}

/* Hover Efekti */
.download-item:hover .icon-down {
   top: 100%;
}

.download-item:hover .icon-pdf {
   top: 0;
}

/* Responsive */
@media (max-width: 992px) {
   .downloads-grid {
       grid-template-columns: repeat(2, 1fr);
   }
   
   .downloads-title {
       font-size: 32px;
   }
}

@media (max-width: 768px) {
   .downloads-grid {
       grid-template-columns: 1fr;
   }
   
   .downloads-title {
       font-size: 28px;
   }
   
   .download-link {
       padding: 25px;
   }
}
.nav-ver2 {
   justify-content: flex-start
}

/* FOTOĞRAFLAR */
    /* Gallery Grid */
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      margin-bottom: 50px;
  }
  
  .gallery-item {
      overflow: hidden;
      border-radius: 4px;
  }
  
  .gallery-link {
      display: block;
      width: 100%;
      height: 100%;
  }
  
  .gallery-img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      transition: transform 0.3s ease;
  }
  
  .gallery-item:hover .gallery-img {
      transform: scale(1.05);
  }
  
  /* Responsive */
  @media (max-width: 992px) {
      .gallery-grid {
          grid-template-columns: repeat(2, 1fr);
      }
      
      .gallery-img {
          height: 200px;
      }
  }
  
  @media (max-width: 576px) {
      .gallery-grid {
          grid-template-columns: 1fr;
      }
      
      .gallery-img {
          height: 250px;
      }
  }

  
  /* VİDEOLAR */

  .video-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
   margin-bottom: 50px;
}

.video-item {
   position: relative;
}

.video-link {
   text-decoration: none;
   display: block;
}

.video-image {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
}

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

.video-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 47, 120, 0.9);
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: all 0.3s ease;
}

.play-icon {
   width: 50px;
   height: 50px;
}

.video-title {
   color: #002F78;
   font-size: 18px;
   margin: 15px 0;
   transition: transform 0.3s ease;
}

.video-border {
   width: 100%;
   height: 1px;
   background: #BFBFBF;
   margin-top: 10px;
}

/* Hover Effects */
.video-item:hover .video-overlay {
   opacity: 1;
}

.video-item:hover .video-title {
   transform: translateX(10px);
}

/* Responsive */
@media (max-width: 992px) {
   .video-grid {
       grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 576px) {
   .video-grid {
       grid-template-columns: 1fr;
   }
   
   .video-image {
       height: 200px;
   }
}

.play-icon {
   width: 50px!important;
   height: auto!important;
   filter: invert(1);
}
   

/* İLETİŞİM */

    /* Contact Section */
    .contact-section {
      padding: 80px 0;
  }
  
  .contact-card {
      background: linear-gradient(145deg, #ffffff, #f3f3f3);
      padding: 30px;
      border-radius: 10px;
      margin-bottom: 30px;
      position: relative;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      height: 180px; /* Sabit yükseklik */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; /* İçeriği alta hizala */
      
      justify-content: center;
  }
  .icon-circle {
      width: 70px;
      height: 70px;
      background: #002F78;
      border-radius: 50%;
      position: absolute;
      top: -35px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .contact-card .icon-circle {
      width: 70px;
      height: 70px;
      background: #002F78;
      border-radius: 50%;
      position: absolute;
      top: -35px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1; /* İkon dairesinin üstte kalmasını sağla */
  }
  .icon-circle img {
      width: 30px;
      height: 30px;
  }
  
  .contact-title {
      color: #000;
      font-size: 16px;
      text-align: center;
      margin-top: 20px;
      width: 100%; /* Tam genişlik */
      line-height: 1.4;
  }
  
  /* Sosyal Medya */
  .contact-social {
      display: flex;
      justify-content: center;
      gap: 20px;
      padding-bottom: 10px; /* Alt boşluk */
  }
  
  .social-link {
      color: #000;
      font-size: 20px;
      transition: color 0.3s ease;
  }
  
  .social-link:hover {
      color: #C4000B;
  }
  
  /* Form */
  .contact-form {
      margin-top: 50px;
  }
  
  .form-title {
      color: #002F78;
      font-size: 24px;
      margin-bottom: 30px;
  }
  
  .form-control {
      border: none;
      border-bottom: 1px solid #707070;
      border-radius: 0;
      padding: 10px 0;
      margin-bottom: 20px;
  }
  
  .form-control:focus {
      box-shadow: none;
      border-color: #002F78;
  }
  
  .submit-btn {
      background: linear-gradient(145deg, #00A4F1, #00347D);
      color: white;
      border: none;
      padding: 12px 40px;
      border-radius: 5px;
      margin-top: 20px;
      transition: opacity 0.3s ease;
  }
  
  .submit-btn:hover {
      opacity: 0.9;
  }
  
  /* Map */
  .map-container {
      height: 100%;
      min-height: 500px;
      overflow: hidden;
  }
  
  /* Responsive */
  @media (max-width: 992px) {
      .map-container {
          margin-top: 50px;
          height: 400px;
      }
  }
  
  @media (max-width: 768px) {
      .contact-card {
          height: 160px; /* Mobilde biraz daha küçük */
          
      }
      .contact-title {
          font-size: 14px;
      }
  }

  /* KATEGORİ */

  .category-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   margin-bottom: 50px;
}

.category-item {
   position: relative;
   height: 200px;
   background: url('../img/before.jpg') no-repeat center;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   overflow: hidden;
   transition: all 0.3s ease;
}

.category-content {
   padding: 30px;
   text-align: right;
   width: 100%;

}

.category-title {
   color: #002F78;
   font-size: 20px;
   font-weight: 600;
   transform: translateX(0);
   transition: all 0.3s ease;
}

/* Hover Effects */
.category-item:hover {
   background-image: url('../img/after.jpg');
}

.category-item:hover .category-title {
   transform: translateX(-20px);
   color: white;
}


/* Responsive */
@media (max-width: 992px) {
   .category-grid {
       grid-template-columns: repeat(2, 1fr);
   }
   
   .category-title {
       font-size: 18px;
   }
}

@media (max-width: 576px) {
   .category-grid {
       grid-template-columns: 1fr;
   }
   
   .category-item {
       height: 150px;
   }
   
   .category-title {
       font-size: 16px;
   }
}

/* ÜRÜN DETAY */
/* Tab Menu */
.tab-menu {
   display: flex;
   justify-content: space-between;
   margin-bottom: 50px;
   padding-bottom: 0;
}

.tab-btn {
   border: none;
   background: none;
   padding: 15px 0;
   color: #D2D2D2;
   font-size: 16px;
   font-weight: 700;
   position: relative;
   cursor: pointer;
   transition: color 0.3s ease;
}

.tab-btn::after {
   content: '';
   position: absolute;
   bottom: -2px;
   left: 0;
   width: 100%;
   height: 2px;
   background: transparent;
   transition: all 0.3s ease;
}

.tab-btn.active {
   color: #C4000B;
}

.tab-btn.active::after {
   background: #002F78;
}

/* Tab Content Styles */
.tab-pane {
   display: none;
   padding: 30px 0;
}

.tab-pane.active {
   display: block;
}

/* Content Styles */
.model-content, .usage-content, .software-content {
   max-width: 800px;
   margin: 0 auto;
}

.model-content h3, .usage-content h3, .software-content h3 {
   color: #002F78;
   margin-bottom: 20px;
}

.model-content ul, .usage-content ul {
   list-style: none;
   padding: 0;
}

.model-content ul li, .usage-content ul li {
   padding: 10px 0;
   border-bottom: 1px solid #eee;
}

/* Responsive */
@media (max-width: 768px) {
   .tab-menu {
       flex-direction: column;
       align-items: stretch;
       gap: 10px;
       padding-bottom: 10px;
   }

   .tab-btn {
       text-align: center;
       padding: 10px;
   }

   .tab-btn::after {
       bottom: 0;
       width: 80%;
   }
}
/* Product Detail Tabs */
.product-detail {
   padding: 50px 0;
}

.tab-menu {
   display: flex;
   justify-content: space-around;
   gap: 30px;
   margin-bottom: 50px;
}

.tab-btn {
   border: none;
   background: none;
   padding: 10px 0;
   color: #D2D2D2;
   font-size: 20px;
   font-weight: 700;
   position: relative;
   cursor: pointer;
}

.tab-btn::after {
   content: '';
   position: absolute;
   bottom: -2px;
   left: 50%;
   transform: translateX(-50%);
   width: 180%;
   height: 2px;
   background: #D2D2D2;
   transition: all 0.3s ease;
}

.tab-btn.active {
   color: #C4000B;
}

.tab-btn.active::after {
   width: 50%;
   background: #002F78;
}

/* Tab Content */
.tab-pane {
   display: none;
}

.tab-pane.active {
   display: block;
}

/* Table Styles */
.table {
   width: 100%;
   margin-bottom: 30px;
}

.table th {
   background: #EEEEEE;
   font-weight: 700;
   padding: 15px;
}

.table tr:nth-child(even) th {
   background: white;
}

.table td {
   padding: 15px;
   background: white;
   font-weight: 400;
}

/* Responsive */
@media (max-width: 768px) {
   .tab-menu {
       flex-direction: column;
       align-items: center;
       gap: 15px;
   }
   
   .tab-btn {
       width: 50%;
       text-align: center;
   }
   
   .table {
       display: block;
       overflow-x: auto;
   }
}

.products-cta:hover {
   padding-left: 50px;
}