.page-header-iim{position:absolute;top:0;left:0;right:0;z-index:10}body.main-service-page{font-family:'Roboto',sans-serif;color:#333;margin:0}.modern-section{padding:100px 0;border-bottom:1px solid #f0f0f0}.modern-section:last-child{border-bottom:none}.section-title{text-align:center;margin-bottom:70px;font-size:2.8rem;font-weight:600;color:#2c3e50;letter-spacing:1px}.section-intro-text{text-align:center;max-width:800px;margin:0 auto 70px auto;font-size:1.2rem;line-height:1.8;color:#555}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:#fff;border-radius:15px;padding:40px;text-align:center;border:1px solid #eee;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.feature-card .icon{font-size:3.5rem;color:#191970;margin-bottom:25px;transition:transform .3s ease}.feature-card:hover .icon{transform:scale(1.1)}.feature-card h3{font-size:1.6rem;margin-bottom:15px;color:#333}.feature-card p{font-size:1rem;line-height:1.7;color:#666}.alternating-feature{display:flex;align-items:center;gap:80px;margin-bottom:50px}.alternating-feature:last-child{margin-bottom:0}.alternating-feature .text-content{flex:1}.alternating-feature .image-content{flex:1}.alternating-feature .image-content img{width:100%;border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.15)}.alternating-feature.reverse{flex-direction:row-reverse}.cta-section{background:var(--primary-gradient);color:#fff;text-align:center;padding:100px 20px}.cta-section h2{font-size:3rem;margin-bottom:20px}.cta-section p{font-size:1.3rem;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.cta-button{background:#fff;color:#191970;padding:18px 40px;border-radius:50px;text-decoration:none;font-weight:700;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.cta-button:hover{background:#ffc107;color:#333;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.2)}.tabs-container{max-width:900px;margin:0 auto}.tabs-nav{display:flex;justify-content:center;margin-bottom:40px;border-bottom:2px solid #eee;flex-wrap:wrap}.tab-link{padding:15px 25px;cursor:pointer;background:none;border:none;font-size:1.1rem;font-weight:600;color:#555;position:relative;transition:color .3s ease}.tab-link::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#191970;transform:scaleX(0);transition:transform .3s ease}.tab-link:hover{color:#191970}.tab-link.active{color:#191970}.tab-link.active::after{transform:scaleX(1)}.tab-link i{margin-right:8px}.tab-content{display:none;padding:20px;animation:fadeIn .5s;text-align:center}.tab-content.active{display:block}.tab-content h3{font-size:1.8rem;margin-bottom:15px;color:#333}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.alternating-feature,.alternating-feature.reverse{gap:40px}}@media (max-width:768px){.alternating-feature,.alternating-feature.reverse{flex-direction:column}.section-title{font-size:2.2rem}.cta-section h2{font-size:2.5rem}.b2b-b2c-container{grid-template-columns:1fr}}.b2b-b2c-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:70px}.service-column{background:#fff;border:1px solid #eee;padding:40px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease}.service-column:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.07)}.service-column-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.service-column-header i{font-size:2.5rem;color:#191970}.service-column-header h3{font-size:1.8rem;margin:0;color:#333}.service-column p{margin-bottom:25px;color:#666;line-height:1.7}.service-column ul{list-style:none;padding:0;margin:0}.service-column ul li{position:relative;padding-left:28px;margin-bottom:12px;color:#555}.service-column ul li::before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:0;top:3px;color:#191970;font-size:1.1rem}.feature-list-in-tab{list-style:none;padding:0;margin:25px 0 0 0}.feature-list-in-tab li{position:relative;padding-left:28px;margin-bottom:15px;color:#555;line-height:1.6}.feature-list-in-tab li::before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:0;top:4px;color:#191970;font-size:1.1rem}.hero-final{background:url(../img/dijital-hizmetler/web-tasarim-hizmetleri-hero.webp) no-repeat center center;background-size:cover;position:relative;color:#fff;text-align:left;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:60px 0}.hero-final .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(25,25,112,.75),rgba(45,25,112,.85));z-index:1}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.hero-final .container{position:relative;z-index:3}.hero-final h1{font-size:5rem;font-weight:900;letter-spacing:-2px;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,.2)}.hero-final p{font-size:1.3rem;max-width:550px;margin-bottom:40px;line-height:1.6}.hero-final .ghost-button{border:2px solid #fff;color:#fff;padding:15px 35px;text-transform:uppercase;font-weight:700;transition:all .3s ease;text-decoration:none;border-radius:50px}.hero-final .ghost-button:hover{background-color:#fff;color:#191970;transform:scale(1.05)}@media (max-width:992px){.hero-final h1{font-size:3.8rem}.hero-final p{font-size:1.2rem}}@media (max-width:768px){.hero-final{text-align:center}.hero-final h1{font-size:2.8rem;letter-spacing:-1px}.hero-final p{font-size:1.1rem;max-width:100%;margin-left:auto;margin-right:auto}}

/* Developer Note Styles */
.dev-note-container {
    background-color: #fff5f5;
    padding: 20px;
    max-width: 1140px; /* Match container width */
    margin: -40px auto 40px auto; /* Pull it up a bit */
    border: 1px solid #fcc;
    border-radius: 8px;
    position: relative;
    z-index: 5;
}
.dev-note {
    color: #c51a1a;
    font-family: monospace, sans-serif;
    margin: 0;
    font-size: 15px;
}
.dev-note code {
    background: #ffeaea;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid #fcc;
}

/* Reusable Utility Classes */
.bg-acik-gri {
    background-color: #f9f9f9;
}

.tab-content-card {
    text-align: left;
    padding: 40px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
}

.tab-content-title {
    font-size: 1.8rem;
    margin-bottom: 15px;
}