@font-face {font-family: 'helvetica-w01-roman'; font-style: normal; font-weight: 400; src: url('../fonts/helvetica-lt-w10-roman.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0, U+00A4, U+00A6-00A7, U+00A9, U+00AB-00AE, U+00B0-00B1, U+00B5-00B7, U+00BB, U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0490-0491, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2116, U+2122;
        }
        @font-face {font-family: 'helvetica-w01-roman'; font-style: normal; font-weight: 400; src: url('../fonts/helvetica-w02-roman.woff2') format('woff2'); unicode-range: U+000D, U+0020-007E, U+00A0-012B, U+012E-0137, U+0139-0149, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+E301-E304, U+E306-E30D, U+FB01-FB02;
        }
        @font-face {font-family: 'helvetica-w01-roman'; font-style: normal; font-weight: 400; src: url('../fonts/helvetica-w01-roman.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-012B, U+012E-0137, U+0139-0149, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0462-0463, U+0472-0475, U+0490-0491, U+04D9, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20B9-20BA, U+20BC-20BD, U+2113, U+2116, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+E300-E30D, U+F6C5, U+F6C9-F6D8, U+F8FF, U+FB01-FB02;
        }@font-face {font-family: 'helvetica-w01-bold'; font-style: normal; font-weight: 400; src: url('../fonts/helvetica-lt-w10-bold.woff2') format('woff2'); unicode-range: U+0000, U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0490-0491, U+2116;
        }
        @font-face {font-family: 'helvetica-w01-bold'; font-style: normal; font-weight: 400; src: url('../fonts/helvetica-w02-bold.woff2') format('woff2'); unicode-range: U+0100-012B, U+012E-0130, U+0132-0137, U+0139-0149, U+014C-0151, U+0154-015F, U+0162-0177, U+0179-017C, U+0218-021B, U+0237, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+0394, U+03A9, U+03BC, U+03C0, U+2044, U+2113, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+E301-E304, U+E306-E30D, U+FB01-FB02;
        }
        @font-face {font-family: 'helvetica-w01-bold'; font-style: normal; font-weight: 400; src: url('../fonts/helvetica-w01-bold.woff2') format('woff2'); unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+0160-0161, U+0178, U+017D-017E, U+0192, U+02C6-02C7, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122;
        }@font-face {font-family: 'madefor-text'; font-style: normal; font-weight: 400; src: url('../fonts/madefor-text.var.original.woff2') format('woff2-variations'), url('../fonts/madefor-text.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A5, U+00A7-00B4, U+00B6-0107, U+010A-0113, U+0116-011B, U+011E-0123, U+0126-012B, U+012E-0133, U+0136-013E, U+0141-0148, U+014A-014B, U+0150-0155, U+0158-015B, U+015E-016B, U+016E-017E, U+01A0-01A1, U+01AF-01B0, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0491, U+1E24-1E25, U+1E36-1E37, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2000-200B, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+20B4, U+20B9-20BA, U+20BD, U+2116, U+2122, U+2190-2193, U+2212, U+25B2, U+25B6, U+25BC, U+25C0, U+FEFF;
        }
        @font-face {font-family: 'madefor-text'; font-style: italic; font-weight: 400; src: url('../fonts/madefor-text.var.original_1.woff2') format('woff2-variations'), url('../fonts/madefor-text_1.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A5, U+00A7-00B4, U+00B6-0107, U+010A-0113, U+0116-011B, U+011E-0123, U+0126-012B, U+012E-0133, U+0136-013E, U+0141-0148, U+014A-014B, U+0150-0155, U+0158-015B, U+015E-016B, U+016E-017E, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+1E24-1E25, U+1E36-1E37, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2000-200B, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+20B9-20BA, U+20BD, U+2122, U+2190-2193, U+2212, U+25B2, U+25B6, U+25BC, U+25C0, U+FEFF;
        }@font-face {font-family: 'helveticaneuew01-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew01-45ligh.other.woff2') format('woff2'); unicode-range: U+02C7, U+2021, U+2030, U+E300-E305, U+E308;
        }
        @font-face {font-family: 'helveticaneuew01-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew01-45ligh.latin-ext.woff2') format('woff2'); unicode-range: U+0160-0161, U+0178, U+017D-017E, U+0192, U+2020;
        }
        @font-face {font-family: 'helveticaneuew01-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew01-45ligh.latin.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+20AC, U+2122;
        }@font-face {font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew02-45ligh.other.woff2') format('woff2'); unicode-range: U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+2021, U+2030, U+2126, U+212E, U+E0D6, U+E300-E30D, U+F8FF, U+FB01-FB02;
        }
        @font-face {font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew02-45ligh.math.woff2') format('woff2'); unicode-range: U+0394, U+03A9, U+03BC, U+03C0, U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA;
        }
        @font-face {font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew02-45ligh.latin-ext.woff2') format('woff2'); unicode-range: U+0100-012B, U+012E-0130, U+0132-0137, U+0139-0149, U+014C-0151, U+0154-017E, U+0192, U+0218-021B, U+1E9E, U+2020, U+20B9-20BA, U+20BC-20BD, U+2113;
        }
        @font-face {font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew02-45ligh.latin.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
        }@font-face {font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew10-45ligh.other.woff2') format('woff2'); unicode-range: U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+2010, U+2015, U+2021, U+2030, U+203D, U+2070, U+2075-208E, U+2105, U+2117, U+2126, U+212E, U+2153-2154, U+215B-215E, U+FB00-FB04;
        }
        @font-face {font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew10-45ligh.math.woff2') format('woff2'); unicode-range: U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA;
        }
        @font-face {font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew10-45ligh.cyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+2116;
        }
        @font-face {font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew10-45ligh.greek.woff2') format('woff2'); unicode-range: U+0374-0375, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE;
        }
        @font-face {font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew10-45ligh.latin-ext.woff2') format('woff2'); unicode-range: U+0100-0130, U+0132-0151, U+0154-017E, U+0192, U+01FA-01FF, U+0218-021B, U+0237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2020, U+20B9-20BA, U+20BD, U+2113;
        }
        @font-face {font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('../fonts/helveticaneuew10-45ligh.latin.woff2') format('woff2'); unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+2215;
        }@font-face {font-family: 'madefor-display-bold'; font-style: normal; font-weight: 700; src: url('../fonts/madefor-display.var.original.woff2') format('woff2-variations'), url('../fonts/madefor-display-bold.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A5, U+00A7-00B4, U+00B6-0107, U+010A-0113, U+0116-011B, U+011E-0123, U+0126-012B, U+012E-0133, U+0136-013E, U+0141-0148, U+014A-014B, U+0150-0155, U+0158-015B, U+015E-016B, U+016E-017E, U+01A0-01A1, U+01AF-01B0, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0491, U+1E24-1E25, U+1E36-1E37, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2000-200B, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+20B4, U+20B9-20BA, U+20BD, U+2116, U+2122, U+2190-2193, U+2212, U+25B2, U+25B6, U+25BC, U+25C0, U+FEFF;
        }@font-face {font-family: 'helveticaneuew01-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew01-65medi.other.woff2') format('woff2'); unicode-range: U+02C7, U+2021, U+2030, U+E300-E305, U+E308;
        }
        @font-face {font-family: 'helveticaneuew01-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew01-65medi.latin-ext.woff2') format('woff2'); unicode-range: U+0160-0161, U+0178, U+017D-017E, U+0192, U+2020;
        }
        @font-face {font-family: 'helveticaneuew01-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew01-65medi.latin.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2122;
        }@font-face {font-family: 'helveticaneuew02-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew02-65medi.other.woff2') format('woff2'); unicode-range: U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+2021, U+2030, U+2126, U+212E, U+E0D6, U+E300-E30D, U+F8FF, U+FB01-FB02;
        }
        @font-face {font-family: 'helveticaneuew02-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew02-65medi.math.woff2') format('woff2'); unicode-range: U+0394, U+03A9, U+03BC, U+03C0, U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA;
        }
        @font-face {font-family: 'helveticaneuew02-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew02-65medi.latin-ext.woff2') format('woff2'); unicode-range: U+0100-012B, U+012E-0130, U+0132-0137, U+0139-0149, U+014C-0151, U+0154-017E, U+0192, U+0218-021B, U+1E9E, U+2020, U+20B9-20BA, U+20BC-20BD, U+2113;
        }
        @font-face {font-family: 'helveticaneuew02-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew02-65medi.latin.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
        }@font-face {font-family: 'helveticaneuew10-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew10-65medi.other.woff2') format('woff2'); unicode-range: U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+2010, U+2015, U+2021, U+2030, U+203D, U+2070, U+2075-208E, U+2105, U+2117, U+2126, U+212E, U+2153-2154, U+215B-215E, U+FB00-FB04;
        }
        @font-face {font-family: 'helveticaneuew10-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew10-65medi.math.woff2') format('woff2'); unicode-range: U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA;
        }
        @font-face {font-family: 'helveticaneuew10-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew10-65medi.cyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+2116;
        }
        @font-face {font-family: 'helveticaneuew10-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew10-65medi.greek.woff2') format('woff2'); unicode-range: U+0374-0375, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE;
        }
        @font-face {font-family: 'helveticaneuew10-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew10-65medi.latin-ext.woff2') format('woff2'); unicode-range: U+0100-0130, U+0132-0151, U+0154-017E, U+0192, U+01FA-01FF, U+0218-021B, U+0237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2020, U+20B9-20BA, U+20BD, U+2113;
        }
        @font-face {font-family: 'helveticaneuew10-65medi'; font-style: normal; font-weight: 700; src: url('../fonts/helveticaneuew10-65medi.latin.woff2') format('woff2'); unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+2215;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            color: #000000;
        }


        /* Sayfa yapısını düzelt */
               html, body {
                   /* height: 100%; */
                   margin: 0;
                   padding: 0;
                   scroll-behavior: smooth;
               }
               
        body {
            font-family: "helvetica-w01-roman", sans-serif;
            line-height: 1.6;
            color: #000000;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        header {
            /* position: fixed; */
            /* top: 0; */
            /* left: 0; */
            /* right: 0; */
            /* background: #fff; */
            padding: 0px 15px;
            padding-top: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* z-index: 1000; */
            /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
            min-height: 0px;
            height: 14.998437500000001vh;
            min-width: 0px;
            max-width: 99999px;
            max-height: 99999px;
            --comp-display: unset;
            align-self: stretch;
            justify-self: stretch;
            pointer-events: auto;
            grid-area: 1 / 1 / 2 / 2;
        }

        .logo {
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            margin-left: 5px;
        }

        .logo .archived {
            font-style: italic;
            font-weight: normal;
        }


        

        .tagline a {
            text-decoration: none;
            font-family: "helvetica-w01-bold", sans-serif;
            color: #333;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: color 0.3s;
        }

        nav ul {
            list-style: none;
            display: flex;
            gap: 30px;
        }

        nav a {
            text-decoration: none;
            font-family: "helvetica-w01-bold", sans-serif;
            color: #333;
            font-size: 13px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: color 0.3s;
        }

        nav a:hover {
            color: #666;
            text-decoration: underline;
        }

        
        /* Hero Section - Optimized Zoom Resistant */
        .hero {
            width: 100%;
            height: 70vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            margin: 0;
            padding: 0;
            background: #000; /* Görsel yüklenirken fallback */
        }

        .hero-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
            display: block;
            opacity: 0.8; /* Görsel biraz soluk - metinler için kontrast */
        }

        /* Büyük Ekranlar */
        @media only screen and (min-width: 1921px) {
            .hero {
                height: 75vh;
                max-height: 900px;
            }
        }

        /* Laptop/Desktop */
        @media only screen and (min-width: 1441px) and (max-width: 1920px) {
            .hero {
                height: 70vh;
                max-height: 800px;
            }
        }

        /* Küçük Laptop */
        @media only screen and (min-width: 1025px) and (max-width: 1440px) {
            .hero {
                height: 70vh;
                max-height: 700px;
            }
        }

        /* Tablet Yatay */
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .hero {
                height: 60vh;
                min-height: 400px;
                max-height: 600px;
            }
        }

        /* Tablet Dikey / Mobil Yatay */
        @media only screen and (min-width: 481px) and (max-width: 768px) {
            .hero {
                height: 50vh;
                min-height: 350px;
                max-height: 500px;
            }
        }

        /* Mobil Dikey */
        @media only screen and (max-width: 480px) {
            .hero {
                height: 45vh;
                min-height: 300px;
                max-height: 450px;
            }
        }

        .hero-page {
            /* margin-top: 100px; */
            height: 200px;
            background: linear-gradient(135deg, #000 0%, #333 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            /* overflow: hidden; */
        }

        .hero-page-content {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .hero-page-image {
            height: 100%;
            width: 100%;
            object-fit: cover;
            opacity: 0.8;
            object-fit: cover;
            object-position: 50% 50%;
        }


        .tagline {
            text-align: center;
            font-family: "helvetica-w01-bold", sans-serif;
            padding: 25px 250px;
            font-style: italic;
            font-size: 15px;
            color: #333;
        }


        .tagline2 {
            text-align: left;
            font-family: "helvetica-w01-bold", sans-serif;
            padding: 10px 20px;
            margin-bottom: 20px;
            font-style: italic;
            font-size: 15px;
            color: #333;
        }

        .scroll-indicator {
            text-align: center;
            margin-top: -20px;
            font-size: 24px;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }

        .services {
            /* max-width: 1200px; */
            /* margin: 80px auto; */
            /* margin-bottom: 80px; */
            /* padding: 0 51px; */
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0px;
            align-items: center;
        }

        .services-text {
            padding: 40px;
        }

        .services-image {
            padding: 40px;
        }

        .services-text h2 {
            font-size: 18px;
            text-transform: uppercase;
            margin-bottom: 21px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: "helvetica-w02-bold", sans-serif;
        }






/* Mevcut CSS'leriniz */
.blogs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.blogs-text {
    padding: 40px;
}

.blogs-text h2 {
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: "helvetica-w02-bold", sans-serif;
    text-decoration: none;
    text-align: left;
    letter-spacing: 0em;
    line-height: 1.2;
}

.blogs-item {
    margin-bottom: 30px;
}

.blogs-item h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.blogs-item p {
    font-size: 13px;
    line-height: 1.8;
    color: #555;
}

.blogs-item img {
    width: 100%;
    max-width: 800px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Responsive Media Queries */

/* Tablet için (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .blogs {
        gap: 30px;
    }
    
    .blogs-text {
        padding: 30px;
    }
    
    .blogs-text h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .blogs-item p {
        font-size: 12px;
    }
}

/* Tablet ve mobil için (max-width: 768px) */
@media screen and (max-width: 768px) {
    .blogs {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    /* Mobilde sıralama her zaman aynı olsun: önce resim, sonra metin */
    .blogs-image {
        order: 1;
    }
    
    .blogs-text {
        order: 2;
        padding: 20px;
    }
    
    .blogs-text h2 {
        font-size: 17px;
        margin-bottom: 15px;
    }
    
    .blogs-item {
        margin-bottom: 20px;
    }
    
    .blogs-item p {
        font-size: 12px;
        line-height: 1.6;
    }
    
    .explore-button {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
}

/* Küçük mobil cihazlar için (max-width: 480px) */
@media screen and (max-width: 480px) {
    .blogs-text {
        padding: 15px;
    }
    
    .blogs-text h2 {
        font-size: 16px;
        margin-bottom: 12px;
    }
    
    .blogs-item p {
        font-size: 11px;
        line-height: 1.5;
    }
    
    .blogs-item img {
        margin-top: 20px;
        border-radius: 8px;
    }
}









        .service-item {
            margin-bottom: 30px;
        }

        .service-item h3 {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 10px;
            text-decoration: underline;
        }

        .service-item p {
            font-size: 14px;
            line-height: 1.8;
            color: #000000;
            letter-spacing: 0em;
        }

       .service-item img {
           width: 100%;
           /* max-width: 800px; */
           max-width: calc(77% - 15px);
           height: auto;
           display: block;
           margin: 0 auto;
           margin-top: 30px;
           border-radius: 12px;
           box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
           transition: transform 0.3s ease, box-shadow 0.3s ease;
       }

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



        .title {
            /* max-width: 1200px; */
            /* margin: 80px auto; */
            padding: 0 20px;
            gap: 60px;
            margin-bottom: 30px;
            align-items: center;
        }

        .title-text h2 {
            font-size: 20px;
            text-transform: uppercase;
            font-family: "helvetica-w02-bold", sans-serif;
            margin-bottom: 5px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        .title-text p {
            font-size: 14px;
            font-family: "helvetica-w01-roman", sans-serif;
            line-height: 1.8;
            color: #000000;
        }




        .pagetitle {
            /* max-width: 1200px; */
            /* margin: 80px auto; */
            padding: 0 20px;
            gap: 60px;
            margin-bottom: 10px;
            align-items: center;
        }

        .pagetitle-text h2 {
            font-size: 20px;
            text-transform: uppercase;
            font-family: "helvetica-w02-bold", sans-serif;
            margin-bottom: 5px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        .pagetitle-text p {
            font-size: 16px;
            font-family: "helvetica-w01-roman", sans-serif;
            line-height: 1.8;
            color: #000000;
        }



        .about {
            /* max-width: 1200px; */
            /* margin: 80px auto; */
            padding: 0 20px;
            gap: 60px;
            align-items: center;
        }

        .about-text h2 {
            font-size: 24px;
            text-transform: uppercase;
            margin-bottom: 40px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        .about-item {
            margin-bottom: 30px;
        }

        .about-item h3 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .about-item p {
            font-size: 13px;
            line-height: 1.8;
            color: #000000;
        }

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



        .contact-section {
            /* background: #f5f5f5; */
            padding: 80px 50px;
        }

        .contact-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

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

        .contact-form h2 {
            font-size: 19px;
            text-transform: uppercase;
            margin-bottom: 30px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: "helvetica-w02-bold", sans-serif;
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 5px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            font-size: 15px;
            text-transform: uppercase;
            margin-bottom: 0px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 10px 0px;
            border: none;
            border-bottom: 1px solid #757171;
            background: transparent;
            font-size: 14px;
            font-family: inherit;
            transition: border-color 0.3s;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-bottom-color: #333;
        }

        .form-group textarea {
            resize: none;
            min-height: 100px;
        }

        .privacy-text {
            font-size: 11px;
            color: #666;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        .privacy-text a {
            color: #666;
            text-decoration: underline;
        }

        .submit-btn {
            width: 50%;
            padding: 15px;
            background: #000;
            color: #fff;
            border: none;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
            cursor: pointer;
            transition: background 0.3s;
            font-weight: 500;
        }

        .submit-btn:hover {
            background: #333;
        }




        css.contact-form h2 {
            font-size: 19px;
            text-transform: uppercase;
            margin-bottom: 30px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: "helvetica-w02-bold", sans-serif;
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 5px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            font-size: 15px;
            text-transform: uppercase;
            margin-bottom: 0px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 10px 0px;
            border: none;
            border-bottom: 1px solid #757171;
            background: transparent;
            font-size: 14px;
            font-family: inherit;
            transition: border-color 0.3s;
            box-sizing: border-box;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-bottom-color: #333;
        }

        .form-group textarea {
            resize: none;
            min-height: 100px;
        }

        .privacy-text {
            font-size: 11px;
            color: #666;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        .privacy-text a {
            color: #666;
            text-decoration: underline;
        }

        .submit-btn {
            width: 50%;
            padding: 15px;
            background: #000;
            color: #fff;
            border: none;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
            cursor: pointer;
            transition: background 0.3s;
            font-weight: 500;
        }

        .submit-btn:hover {
            background: #333;
        }

        /* Mobil Responsive - Tablet ve altı */
        @media (max-width: 768px) {
            .form-row {
                grid-template-columns: 1fr;
                gap: 0;
            }
            
            .form-group input,
            .form-group textarea {
                border: 1px solid #757171;
                border-radius: 4px;
                padding: 12px 15px;
                background: #fff;
            }
            
            .submit-btn {
                width: 100%;
            }
        }

        /* Çok küçük ekranlar için ekstra optimizasyon */
        @media (max-width: 480px) {
            .contact-form h2 {
                font-size: 16px;
                margin-bottom: 20px;
            }
            
            .form-group label {
                font-size: 13px;
            }
            
            .form-group input,
            .form-group textarea {
                font-size: 14px;
            }
            
            .privacy-text {
                font-size: 10px;
            }
        }

        footer {
            text-align: center;
            padding: 15px 20px;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            /* border-top: 1px solid #e0e0e0; */
            font-family: "helvetica-w01-bold", sans-serif;
            /* margin-top: 30px; */
        }

        /* Mobil menü butonu için X ikonu */
        .mobile-menu-btn {
            display: none;
            position: relative;
            width: 30px;
            font-size: 30px;
            height: 30px;
            background: none;
            border: none;
            margin-top: -20px;
            cursor: pointer;
            margin-right: 15px;
        }

        .mobile-menu-btn.active::before,
        .mobile-menu-btn.active::after {
            content: '';
            position: absolute;
            width: 25px;
            height: 2px;
            background: #333;
            top: 50%;
            left: 50%;
        }

        .mobile-menu-btn.active::before {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .mobile-menu-btn.active::after {
            transform: translate(-50%, -50%) rotate(-45deg);
        }


        /* Kapatma butonu */
        .close-menu-btn {
            display: none;
            position: absolute;
            top: 30px;
            right: 30px;
            font-size: 35px;
            background: none;
            border: none;
            color: #333;
            cursor: pointer;
            z-index: 1000;
            width: 40px;
            height: 40px;
            padding: 0;
            line-height: 1;
        }

        @media (max-width: 768px) {
            header {
                padding: 15px 20px;
                padding-top: 25px;
            }

            .services-text {
                padding: 20px;
            }

            .services-image {
                padding: 0px;
            }


            .service-item img {
                max-width: 100% !important;
            }

            .mobile-menu-btn {
                    display: block;
                }
                
                /* Kapatma butonunu mobilde göster */
                .close-menu-btn {
                    display: block;
                }
                
                /* Tam ekran menü */
                nav {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100vh;
                    background: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    opacity: 0;
                    visibility: hidden;
                    transition: opacity 0.3s ease, visibility 0.3s ease;
                    z-index: 999;
                }
                
                nav.active {
                    opacity: 1;
                    visibility: visible;
                }
                
                nav ul {
                    flex-direction: column;
                    align-items: center;
                    gap: 30px;
                    padding: 0;
                }
                
                nav ul li {
                    text-align: center;
                }
                
                nav a {
                    font-size: 14px;
                    color: #333;
                }
                
                /* Alt menüler */
                nav ul ul {
                    margin-top: 15px;
                    gap: 15px;
                }
                
                nav ul ul li a {
                    font-size: 12px;
                }

            .hero {
                /* height: 300px; */
            }

            .hero-page {
                height: 300px;
            }

            .services {
                grid-template-columns: 1fr;
                /* padding: 0 20px; */
                /* margin: 40px auto; */
                gap: 20px;
            }

            .services-image {
                order: -1;
            }

            .contact-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .contact-section {
                padding: 40px 20px;
            }

            .form-row {
                grid-template-columns: 1fr;
            }

            .tagline {
                font-size: 14px;
                padding: 30px 20px;
            }

            .tagline2 {
                font-size: 14px;
                padding: 10px 20px;
            }

            .about {
                font-size: 14px;
                /* padding: 30px 20px; */
            }

            .pagetitle {
                font-size: 14px;
                padding: 10px 20px;
            }

            
        }


        /* Gallery Section Styles - Zoom Resistant */
.gallery-section {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 10px;
    width: 100%;
}

.gallery-item {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9; /* Sabit kare oran */
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

.gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.6s ease;
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

.gallery-overlay h3 {
    color: white;
    text-transform: uppercase;
    padding: 0 30px;
    text-align: center;
    transform: translateY(30px);
    transition: transform 0.4s ease;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    font-family: helvetica-w01-bold, sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
}

.gallery-item:hover img {
    transform: scale(1.15);
    filter: grayscale(0%);
}

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

.gallery-item:hover .gallery-overlay h3 {
    transform: translateY(0);
}

/* Pagination Row */
.gallery-container .row {
    grid-column: 1 / -1; /* Tüm sütunları kapla */
    width: 100%;
    margin-top: 30px;
}

.gallery-container .row .col-sm-12 {
    width: 100%;
}

/* Responsive Design - Sabit Breakpoint'ler */
@media (min-width: 1025px) {
    .gallery-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .gallery-container {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .gallery-overlay h3 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .gallery-section {
        padding: 0;
    }

    .gallery-container {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .gallery-overlay h3 {
        font-size: 16px;
        letter-spacing: 1px;
    }
}



       /* Video Section Styles */
       .video-section {
           padding: 0 50px;
       }

       .video-container {
           display: flex;
           flex-wrap: wrap;
           gap: 30px;
           justify-content: center;
           margin-bottom: 30px;
       }

       /* Tüm video öğeleri için genel ayarlar */
       .video-item {
           /* Genel flex ve max-width kaldırıldı, orana özel class'lara taşındı */
           /* flex: 0 1 calc(80% - 15px); */
           /* max-width: calc(80% - 15px); */
           
           /* aspect-ratio kuralı buradan kaldırılmalı */
           
           position: relative;
           overflow: hidden;
           /* İsteğe bağlı görünümsel stiller */
           /* background: #000000; */
           /* border-radius: 8px; */
           /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
           /* transition: box-shadow 0.4s ease, transform 0.3s ease; */
       }

       /* YATAY VİDEOLAR (Varsayılan: 16:9) */
       .video-item.aspect-16-9 {
           aspect-ratio: 16 / 9;
           flex: 0 1 calc(80% - 15px); /* Masaüstünde daha geniş */
           max-width: calc(80% - 15px);
       }

       /* DİKEY VİDEOLAR (Örnek: 9:16) */
       .video-item.aspect-9-16 {
           aspect-ratio: 9 / 16;
           flex: 0 1 300px; /* Dikey videoları sabit/dar bir genişlikte tutar */
           max-width: 300px;
       }

       /* KARE VİDEOLAR (Örnek: 1:1) */
       .video-item.aspect-1-1 {
           aspect-ratio: 1 / 1;
           flex: 0 1 400px;
           max-width: 400px;
       }

       /* Player ve iframe'i container'a sığdırma (değişmedi) */
       .video-player {
           width: 100%;
           height: 100%;
           position: relative;
       }

       .video-player iframe {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           border-radius: 8px;
       }

       /* Responsive Design */
       /* Tablet (1024px altı) */
       @media (max-width: 1024px) {
           .video-section {
               max-width: 900px;
           }

           /* Yatay videoları %50'ye düşür (ikili sıra) */
           .video-item.aspect-16-9 {
               flex: 0 1 calc(50% - 15px);
               max-width: calc(50% - 15px);
           }
           
           /* Dikey ve kare videolar yine dar kalabilir veya %50 yapılabilir */
           .video-item.aspect-9-16,
           .video-item.aspect-1-1 {
               flex: 0 1 calc(50% - 15px);
               max-width: calc(50% - 15px);
           }
       }

       /* Mobil (768px altı) */
       @media (max-width: 768px) {
           .video-section {
               padding: 0 15px;
           }

           .video-container {
               gap: 20px;
           }

           /* Tüm videolar tam genişlikte (tekli sıra) */
           .video-item {
               flex: 0 1 100% !important; 
               max-width: 100% !important;
           }
           
           /* aspect-ratio değerini koru, böylece dikey video uzun, yatay video kısa kalır. */
           .video-item.aspect-16-9 {
               aspect-ratio: 16 / 9;
           }
           
           .video-item.aspect-9-16 {
               aspect-ratio: 9 / 16;
           }
           
           .video-item.aspect-1-1 {
               aspect-ratio: 1 / 1;
           }

           /* Tek video olduÄŸunda ortalama (zaten %100) */
           .video-item:only-child {
               flex: 0 1 100%;
               max-width: 100%;
           }
       }


        .bloglink {
            text-decoration: none;
            font-family: "helvetica-w01-bold", sans-serif;
            color: #333;
            font-size: 22px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: color 0.3s;
        }

        nav a.active {
            text-decoration: underline;
        }


        /* Footer her zaman en altta */
                footer {
                    flex-shrink: 0;
                    margin-top: auto;
                }

        .explore-button:hover {
            background-color: #000000;
            color: #ffffff;
        }
        .explore-button {
            background-color: #ffffff;
            color: #000000;
            padding: 10px 40px;
            border: none;
            font-size: 13px;
            /* font-weight: 600; */
            letter-spacing: 0.1px;
            cursor: pointer;
            margin-top: 25px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            text-decoration: none;
            border: 1px solid #000000;
            font-family: "helvetica-w02-roman", sans-serif;
        }