* { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: Arial, sans-serif; background: #f8f8f8; }
        .container { max-width: 1200px; margin: 5px auto; }
        .image-comparison { position: relative; width: 100%; height: 400px; overflow: hidden; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
        .image-wrapper { position: absolute; width: 100%; height: 100%; }
        .image-wrapper img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
        .after-image { width: 50%; overflow: hidden; position: absolute; top: 0; left: 0; transition: width 0.1s ease-out; }

        /* Slider Çizgisi */
        .slider { 
            position: absolute; 
            top: 0; 
            left: 50%; 
            width: 4px; 
            height: 100%; 
            background: rgba(255, 255, 255, 0.8); 
            cursor: ew-resize; 
            display: flex; 
            align-items: center; 
            justify-content: center;
        }

        /* Yuvarlak Buton */
        .slider-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            background: #ff5733;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            cursor: grab;
        }

        /* Ok İşaretleri */
        .slider-button::before, .slider-button::after {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            border: solid white;
            border-width: 2px 2px 0 0;
            display: inline-block;
        }

        .slider-button::before {
            transform: rotate(-135deg); /* Sol oka çevirme */
            left: 8px;
        }

        .slider-button::after {
            transform: rotate(45deg); /* Sağ oka çevirme */
            right: 8px;
        }

        /* Resimlerin Üzerindeki Yazılar */
        .image-label {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: white;
            padding: 8px 16px;
            font-size: 16px;
            border-radius: 5px;
            font-weight: bold;
        }

        .before-label { left: 25%; }  /* Önceki Hali */
        .after-label { left: 75%; }   /* Sonraki Hali */
        
        
        

        table {
            width: 100%;
            border-collapse: collapse;
            margin: auto;
            background-color: #fff;
            border: 2px solid #ddd;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        th {
            background-color: #ffc107;
            color: #000000;
            font-weight: bold;
        }
        tr:nth-child(even) {
            background-color: #f4f4f4;
        }
        @media (max-width: 600px) {
            table {
                font-size: 14px;
            }
        }
        
        
        
      .faq-container {
            max-width: 100%;
            margin: 20px auto;
            text-align: left;
        }
        .faq-item {
            border-bottom: 1px solid #ddd;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        }
        .faq-item:nth-child(odd) {
            background-color: #f4f4f4;
        }
        .faq-item:nth-child(even) {
            background-color: #ffffff;
        }
        .faq-question {
            font-weight: bold;
            cursor: pointer;
            color: #0073e6;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .faq-answer {
            display: none;
            padding-top: 10px;
            color: #333;
        }
        .faq-question::after {
            content: '\25BC';
            font-size: 14px;
            transition: transform 0.3s;
        }
        .faq-item.active .faq-question::after {
            transform: rotate(180deg);
        }
        
        
        
        
       .services {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }
        .service-box {
            text-align: center;
            flex: 1;
        }
        .service-box img {
            width: 100%;
            border-radius: 10px;
        }
        .service-title {
            background-color: #0073e6;
            color: white;
            padding: 10px;
            font-weight: bold;
            margin-top: 5px;
            border-radius: 5px;
        }
        .service-box a {
            display: block;
            color: white;
            text-decoration: none;
        }
        
        
        .footer {
            width: 100%;
            background-color: #0073e6;
            color: white;
            text-align: center;
            padding: 15px 10px;
            font-size: 14px;
            position: relative;
            bottom: 0;
        }
        .footer p {
            margin: 5px 0;
        }
        
        
        
/* MOBİL BAR */
 
.mobilbararkaplan {
    width: 100%;
    position:fixed;
    bottom:0;
    height: 50px;
    z-index:9999;
}
 
.mobilbararkaplan a {
    color:white;
    text-decoration:none;
}
 
.mobilbarwhatsapp, .mobilbarhemenara{
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}
 
.mobilbarwhatsapp i, .mobilbarhemenara i{
    margin-right: 10px;
}
 
.mobilbarwhatsapp {
    float:left;
    background:#189e0e;
}
 
.mobilbarhemenara {
    float:right;
    background:#ffc107;
    color:#000000;
}
 
/* MOBİL BAR SON */