:root{--text-color:#333;--primary-color:#0056b3;--transition-speed:0.3s;--secondary-color:#f8f8f8}*{padding:0;box-sizing:border-box;margin:0}body{color:var(--text-color);line-height:1.6;font-family:Roboto,sans-serif}.container{padding:0 15px;max-width:1200px;margin:0 auto;width:100%}.top-bar{padding:10px 0;background-color:var(--secondary-color)}.top-bar-content{justify-content:space-between;align-items:center;display:flex}.top-bar a{font-size:14px;text-decoration:none;color:var(--text-color);transition:color var(--transition-speed)}.top-bar a:hover{color:var(--primary-color)}.social-icons a{font-size:18px;margin-left:15px}.navbar{padding:20px 5%;justify-content:space-between;position:relative;background-color:#fff;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex}.logo{font-size:24px;font-weight:700;color:var(--primary-color)}.nav-links{list-style:none;display:flex;z-index:1000}.nav-links li{position:relative;margin:0 15px}.nav-links a{font-size:16px;text-decoration:none;font-weight:700;color:var(--text-color);transition:color var(--transition-speed)}.nav-links a:hover{color:var(--primary-color)}.dropdown>a:after{font-weight:900;transition:transform var(--transition-speed);content:"\f107";margin-left:5px;font-family:Font Awesome\ 5 Free}.dropdown:hover>a:after{transform:rotate(180deg)}.dropdown-content{transform:translateY(-10px);transition:opacity var(--transition-speed),visibility var(--transition-speed),transform var(--transition-speed);position:absolute;opacity:0;visibility:hidden;min-width:160px;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown:hover .dropdown-content{transform:translateY(0);opacity:1;visibility:visible}.dropdown-content a{padding:12px 16px;text-decoration:none;color:var(--text-color);transition:background-color var(--transition-speed);display:block}.dropdown-content a:hover{background-color:var(--secondary-color)}.contact-info{flex-direction:column;align-items:flex-end;display:flex}.contact-info span{font-size:16px;font-weight:700;margin-bottom:5px;color:var(--primary-color);align-items:center;display:flex}.contact-info span i{font-size:18px;margin-right:5px}.hamburger{cursor:pointer;display:none}.bar{height:3px;transition:all var(--transition-speed);background-color:var(--text-color);margin:5px auto;width:25px;display:block}.hero{height:600px;overflow:hidden;position:relative}.slide{height:100%;transition:opacity .5s ease-in-out;background-size:cover;opacity:0;align-items:center;background-position:50%;width:100%;display:flex}.slide,.slide:before{position:absolute;top:0;left:0}.slide:before{right:0;content:"";bottom:0;background:rgba(0,0,0,.5)}.slide-content{color:#fff;position:relative;max-width:600px;z-index:1}.slide h2{font-size:2rem;margin-bottom:1rem}.slide h1{font-size:3rem;margin-bottom:1.5rem}.btn{padding:12px 24px;text-decoration:none;font-weight:700;color:#fff;transition:background-color var(--transition-speed);background-color:var(--primary-color);border-radius:5px;display:inline-block}.btn:hover{background-color:#003d82}#slide1{background-image:url(https://ozkantel.com/uploads/img/spor-saha-tel-citleri/Spor.jpg)}#slide2{background-image:url(https://www.jiletlitelankara.com/wp-content/uploads/2017/03/ankara-urunler-jiletli-tel-orgu-03.jpg)}#slide3{background-image:url(https://iconpanelcit.com/yonetim/uploads/product_v/cit-sistemleri.jpg)}#slide1{animation:fade 15s infinite;opacity:1}#slide2{animation:fade 15s 5s infinite;opacity:1}#slide3{animation:fade 15s 10s infinite;opacity:1}@keyframes fade{0%,45%,to{opacity:0}50%,95%{opacity:1}}.features{padding:80px 0;background-color:#f9f9f9}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{overflow:hidden;transition:all var(--transition-speed);background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.feature-card:nth-child(2){color:#fff;background-color:var(--primary-color)}.feature-content{padding:30px}.feature-icon{font-size:48px;margin-bottom:20px;color:var(--primary-color)}.feature-card:nth-child(2) .feature-icon{color:#fff}.feature-title{font-size:24px;margin-bottom:15px}.feature-description{margin-bottom:20px}.feature-btn{padding:10px 20px;text-decoration:none;color:#fff;transition:background-color var(--transition-speed);background-color:var(--primary-color);border-radius:5px;display:inline-block}.feature-card:nth-child(2) .feature-btn{color:var(--primary-color);background-color:#fff}.feature-btn:hover{background-color:#003d82}.feature-card:nth-child(2) .feature-btn:hover{background-color:#f0f0f0}.services-section{padding:80px 0;background-color:#fff}.services-card{overflow:hidden;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;display:flex}.services-images{flex:1;min-height:400px;position:relative}.services-images img{height:100%;object-fit:cover;width:100%}.logo-overlay{padding:10px;position:absolute;bottom:20px;background-color:hsla(0,0%,100%,.9);border-radius:8px;left:20px}.logo-overlay img{height:auto;max-width:150px}.services-content{flex:1;padding:40px}.services-title{font-size:28px;font-weight:700;margin-bottom:20px;color:var(--primary-color)}.services-description{font-size:16px;margin-bottom:30px;color:#666}.services-tabs{margin-bottom:30px;display:flex}.services-tab{padding:10px 20px;border:none;font-weight:500;transition:all var(--transition-speed);background-color:#f0f0f0;cursor:pointer}.services-tab:not(:last-child){margin-right:10px}.services-tab.active,.services-tab:hover{color:#fff;background-color:var(--primary-color)}.services-feature{margin-bottom:30px;align-items:start;display:flex}.services-feature i{font-size:24px;margin-right:15px;color:var(--primary-color)}.services-cta{justify-content:space-between;align-items:center;display:flex}.cta-button{padding:12px 24px;text-decoration:none;font-weight:700;color:#fff;transition:background-color var(--transition-speed);background-color:var(--primary-color);border-radius:5px}.cta-button:hover{background-color:#003d82}.cta-phone{font-size:18px;font-weight:700;color:var(--primary-color)}.tab-content{display:none}.tab-content.active{display:block}.product-showcase{overflow:hidden;padding:80px 0;position:relative;background-color:#f0f4f8}.product-showcase:before{transform:skewY(-6deg);right:0;content:"";position:absolute;bottom:0;top:0;transform-origin:top left;background:linear-gradient(135deg,rgba(0,86,179,.1),rgba(0,160,233,.1));left:0}.product-showcase .container{position:relative;z-index:1}.product-showcase h2{padding:10px 20px;font-size:36px;font-weight:700;color:#fff;position:relative;text-align:center;margin-top:15px;display:inline-block}.product-showcase h2:before{transform:translateX(-50%);padding:5px 10px;font-size:14px;border:2px solid #0056b3;font-weight:500;color:#0056b3;content:"Ürünlerimiz";position:absolute;top:-30px;background-color:transparent;border-radius:15px;left:50%}.product-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.product-card{overflow:hidden;transition:all .3s ease;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:10px}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.product-image{height:200px;object-fit:cover;width:100%}.product-content{padding:20px}.product-title{font-size:24px;font-weight:600;margin-bottom:10px;color:#0056b3}.product-description{font-size:16px;margin-bottom:20px;color:#666}.product-btn{padding:10px 20px;text-decoration:none;font-weight:500;color:#fff;transition:background-color .3s ease;background-color:#0056b3;border-radius:5px;display:inline-block}.product-btn:hover{background-color:#003d82}.product-showcase .title-container{padding-top:15px;margin-bottom:65px;text-align:center}.blog-section{padding:80px 0;background-color:#fff}.blog-container{justify-content:space-between;align-items:flex-start;display:flex}.blog-content{flex:1;padding-right:40px}.blog-title{font-size:32px;font-weight:700;margin-bottom:30px;color:#0056b3}.blog-list{list-style-type:none}.blog-item{padding:20px;margin-bottom:30px;transition:all .3s ease;background-color:#f8f9fa;align-items:center;border-radius:10px;display:flex}.blog-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.blog-item:nth-child(2n){background-color:#fff}.blog-item-image{height:80px;margin-right:20px;object-fit:cover;border-radius:5px;width:120px}.blog-item-content{flex:1}.blog-item-title{font-size:18px;font-weight:600;margin-bottom:5px;color:#333}.blog-item-description{font-size:14px;margin-bottom:10px;color:#666}.blog-item-link{padding:5px 10px;font-size:14px;text-decoration:none;color:#fff;transition:background-color .3s ease;background-color:#0056b3;border-radius:5px;display:inline-block}.blog-item-link:hover{background-color:#003d82}.blog-sidebar{width:300px}.sidebar-widget{padding:20px;margin-bottom:30px;background-color:#f8f9fa;border-radius:10px}.widget-title{font-size:20px;font-weight:600;margin-bottom:15px;color:#0056b3}.widget-content ul{list-style-type:none}.widget-content li{margin-bottom:10px}.widget-content a{text-decoration:none;color:#333;transition:color .3s ease}.widget-content a:hover{color:#0056b3}.potential-section{padding:80px 0;background-color:#fff}.potential-container{gap:40px;align-items:center;display:flex}.potential-content{flex:1}.potential-title{font-size:36px;font-weight:700;margin-bottom:30px;color:#333}.potential-features{flex-direction:column;gap:20px;display:flex}.potential-feature{gap:20px;align-items:flex-start;display:flex}.feature-icon{height:50px;justify-content:center;font-size:24px;color:#fff;background-color:#0056b3;align-items:center;border-radius:50%;width:50px;display:flex}.feature-text h3{font-size:20px;font-weight:600;margin-bottom:5px;color:#333}.feature-text p{font-size:16px;color:#666}.potential-btn{padding:12px 24px;text-decoration:none;font-weight:700;color:#fff;transition:background-color .3s ease;background-color:#0056b3;border-radius:5px;margin-top:30px;display:inline-block}.potential-btn:hover{background-color:#003d82}.potential-image{flex:1;position:relative}.potential-image img{box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:10px;width:100%}.image-overlay{padding:10px 20px;font-size:14px;font-weight:600;right:20px;color:#fff;position:absolute;bottom:20px;background-color:rgba(0,0,0,.7);border-radius:30px}.blog-preview-section{padding:60px 0;background-color:#f5f5f5}.blog-preview-title{font-size:28px;font-weight:700;margin-bottom:40px;color:#333;text-align:center}.blog-preview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.blog-preview-card{overflow:hidden;transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px}.blog-preview-card:hover{transform:translateY(-5px)}.blog-preview-image{height:200px;object-fit:cover;width:100%}.blog-preview-content{padding:20px}.blog-preview-card-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}.blog-preview-card-description{font-size:14px;margin-bottom:15px;color:#666}.blog-preview-link{padding:8px 16px;font-size:14px;text-decoration:none;color:#fff;transition:background-color .3s ease;background-color:#0056b3;border-radius:5px;display:inline-block}.blog-preview-link:hover{background-color:#003d82}.footer{padding:60px 0 20px;color:#fff;background-color:#1a1a1a;font-family:Roboto,sans-serif}.footer-container{padding:0 15px;max-width:1200px;margin:0 auto}.footer-top{justify-content:space-between;flex-wrap:wrap;margin-bottom:40px;display:flex}.footer-contact-item{margin-bottom:15px;align-items:center;display:flex}.footer-contact-item i{font-size:20px;margin-right:10px;color:#0056b3}.footer-main{justify-content:space-between;flex-wrap:wrap;margin-bottom:40px;display:flex}.footer-logo{margin-bottom:20px;flex-basis:30%}.footer-logo img{height:auto;margin-bottom:15px;max-width:150px}.footer-description{font-size:14px;margin-bottom:20px;line-height:1.5}.footer-social a{font-size:20px;margin-right:15px;color:#fff;transition:color .3s ease}.footer-social a:hover{color:#0056b3}.footer-links{justify-content:space-between;flex-basis:60%;display:flex}.footer-links-column{flex-basis:45%}.footer-links-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#0056b3}.footer-links-list{padding:0;list-style-type:none}.footer-links-list li{margin-bottom:10px}.footer-links-list a{font-size:14px;text-decoration:none;color:#fff;transition:color .3s ease}.footer-links-list a:hover{color:#0056b3}.footer-bottom{padding-top:20px;font-size:14px;border-top:1px solid #333;text-align:center}.about-us{padding:80px 0;background-color:#f8f8f8}.about-us-content{gap:40px;align-items:center;display:flex}.about-us-text{flex:1}.about-us-image{flex:1;height:300px}.about-us-image img{height:300px;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;width:100%}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:60px 0;gap:30px;display:grid}.product-item{overflow:hidden;transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px}.product-item:hover{transform:translateY(-5px)}.product-item img{height:200px;object-fit:cover;width:100%}.product-item-content{padding:20px}.product-item-title{font-size:18px;font-weight:600;margin-bottom:10px}.product-item-description{font-size:14px;margin-bottom:15px;color:#666}.applications{padding:80px 0;background-color:#f8f8f8}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.application-card{overflow:hidden;transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px}.application-card:hover{transform:translateY(-5px)}.application-image{height:200px;object-fit:cover;width:100%}.application-content{padding:20px}.application-title{font-size:20px;font-weight:600;margin-bottom:10px;color:#0056b3}.application-description{font-size:14px;margin-bottom:15px;color:#666}.blog-page{padding:80px 0}.blog-page-header{margin-bottom:50px;text-align:center}.blog-page-title{font-size:36px;margin-bottom:15px;color:var(--primary-color)}.blog-page-description{font-size:18px;color:#666;max-width:600px;margin:0 auto}.blog-page-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px;gap:30px;display:grid}.blog-page-card{overflow:hidden;transition:all .3s ease;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:15px}.blog-page-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.blog-page-image{height:200px;object-fit:cover;width:100%}.blog-page-content{padding:25px}.blog-page-card-title{font-size:22px;font-weight:700;margin-bottom:15px;color:var(--primary-color)}.blog-page-excerpt{font-size:16px;margin-bottom:20px;color:#666;line-height:1.6}.blog-page-link{padding:10px 20px;font-size:16px;text-decoration:none;font-weight:500;color:#fff;transition:all .3s ease;background-color:var(--primary-color);border-radius:5px;display:inline-block}.blog-page-link:hover{transform:translateY(-3px);background-color:#003d82}.blog-page-meta{justify-content:space-between;font-size:14px;color:#888;margin-top:20px}.blog-page-author,.blog-page-date,.blog-page-meta{align-items:center;display:flex}.blog-page-author i,.blog-page-date i{margin-right:5px}.contact-page{padding:80px 0;background-color:#f8f8f8}.contact-form{padding:30px;max-width:600px;background-color:#fff;margin:0 auto;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px}.form-group{margin-bottom:20px}.form-group label{font-weight:600;margin-bottom:5px;display:block}.form-group input,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:5px;width:100%}.form-group textarea{height:150px}.submit-btn{padding:12px 20px;border:none;color:#fff;transition:background-color .3s ease;background-color:#0056b3;border-radius:5px;cursor:pointer}.submit-btn:hover{background-color:#003d82}.blog-post{overflow:hidden;margin-bottom:40px;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:15px;margin-top:40px}.blog-post-header{position:relative}.blog-post-image{height:400px;object-fit:cover;width:100%}.blog-post-title{padding:20px;font-size:32px;font-weight:700;right:0;color:#fff;position:absolute;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);left:0}.blog-post-meta{padding:20px;justify-content:space-between;color:#fff;background-color:var(--primary-color)}.blog-post-author,.blog-post-date,.blog-post-meta{align-items:center;display:flex}.blog-post-author i,.blog-post-date i{margin-right:10px}.blog-post-content{padding:40px}.blog-post-content p{font-size:18px;margin-bottom:20px;line-height:1.8}.blog-post-content h2{font-size:24px;margin-bottom:20px;color:var(--primary-color);margin-top:40px}.blog-post-content ol,.blog-post-content ul{margin-bottom:20px;padding-left:20px}.blog-post-content li{margin-bottom:10px}.blog-post-tags{flex-wrap:wrap;margin-top:40px;display:flex}.blog-post-tag{padding:5px 10px;font-size:14px;text-decoration:none;margin-right:10px;margin-bottom:10px;color:var(--primary-color);transition:background-color var(--transition-speed);background-color:var(--secondary-color);border-radius:5px}.blog-post-tag:hover{color:#fff;background-color:var(--primary-color)}.blog-post-navigation{padding-top:20px;justify-content:space-between;border-top:1px solid #ddd;margin-top:40px;display:flex}.blog-post-nav-link{text-decoration:none;color:var(--primary-color);transition:color var(--transition-speed);align-items:center;display:flex}.blog-post-nav-link:hover{color:#003d82}.blog-post-nav-link i{margin:0 10px}@media (max-width:1024px){.nav-links{position:absolute;flex-direction:column;top:80px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);left:0;width:100%;display:none}.nav-links.active{display:flex}.nav-links li{text-align:center;margin:15px 0}.dropdown-content{transform:none;position:static;opacity:1;visibility:visible;background-color:var(--secondary-color);box-shadow:none;display:none}.dropdown-content.active{display:block}.dropdown>a:after{content:"\f105"}.dropdown.active>a:after{transform:rotate(90deg)}.contact-info{display:none}.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.blog-container{flex-direction:column}.blog-content{margin-bottom:40px;padding-right:0}.blog-sidebar{width:100%}.potential-container{flex-direction:column}.potential-image{order:-1}.footer-links,.footer-logo{flex-basis:100%}.footer-links{margin-top:30px}.about-us-content{flex-direction:column}.about-us-image,.about-us-text{flex:none;width:100%}}@media (max-width:768px){.blog-post-title{font-size:24px}.blog-post-content{padding:20px}.blog-post-content p{font-size:16px}.blog-post-content h2{font-size:20px}.blog-post-navigation{flex-direction:column;align-items:flex-start}.blog-post-nav-link:last-child{align-self:flex-end;margin-top:20px}.blog-page-grid{grid-template-columns:1fr}.blog-page-title{font-size:28px}.blog-page-description{font-size:16px}.top-bar{display:none}.top-bar-content{flex-direction:column;align-items:flex-start}.social-icons{margin-top:10px}.hero{height:400px}.slide h2{font-size:1.5rem}.slide h1{font-size:2rem}.features-grid{grid-template-columns:1fr}.services-images{display:none}.services-card{flex-direction:column}.services-content{width:100%}.services-tabs{flex-wrap:wrap}.services-tab{margin-bottom:10px}.services-cta{flex-direction:column;align-items:flex-start}.cta-phone{margin-top:15px}.product-grid{grid-template-columns:1fr}.blog-item{flex-direction:column;align-items:flex-start}.blog-item-image{height:200px;margin-right:0;margin-bottom:15px;width:100%}.blog-preview-grid{grid-template-columns:1fr}.footer-top{flex-direction:column}.footer-contact-item{margin-bottom:20px}.footer-links{flex-direction:column}.footer-links-column{margin-bottom:30px}}