/* Amsipro Font Face Tanımları */
        @font-face {
            font-family: 'AmsiPro';
            src: url('https://kirilmazgrup.com/capmil/public/assets/amsi-pro/AmsiPro-Regular.otf') format('opentype');
            font-weight: 400;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'AmsiPro';
            src: url('https://kirilmazgrup.com/capmil/public/assets/amsi-pro/AmsiPro-SemiBold.otf') format('opentype');
            font-weight: 600;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'AmsiPro';
            src: url('https://kirilmazgrup.com/capmil/public/assets/amsi-pro/AmsiPro-Bold.otf') format('opentype');
            font-weight: 700;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'AmsiPro';
            src: url('https://kirilmazgrup.com/capmil/public/assets/amsi-pro/AmsiPro-Black.otf') format('opentype');
            font-weight: 900;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'AmsiPro';
            src: url('https://kirilmazgrup.com/capmil/public/assets/amsi-pro/AmsiPro-Light.otf') format('opentype');
            font-weight: 300;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'AmsiPro';
            src: url('https://kirilmazgrup.com/capmil/public/assets/amsi-pro/AmsiPro-Ultra.otf') format('opentype');
            font-weight: 800;
            font-style: normal;
        }

        *{
            font-family: AmsiPro, sans-serif!important;
        }

        .mobile-menu {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }

        .mobile-menu.open {
            transform: translateX(0);
        }

        .overlay {
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        }

        .overlay.open {
            opacity: 1;
            visibility: visible;
        }

        /* Banner animasyonları */
        .rotate-slow {
            animation: rotate-slow 20s linear infinite;
        }

        @keyframes rotate-slow {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        /* SVG çizgi çizme animasyonu */
        .svg-background {
            overflow: visible;
        }

        .svg-background svg {
            width: 100%;
            height: 100%;
        }

        .svg-background svg path,
        .svg-background svg line,
        .svg-background svg polyline,
        .svg-background svg circle,
        .svg-background svg ellipse {
            stroke-dasharray: 2000;
            stroke-dashoffset: 2000;
            animation: draw-lines 8s ease-in-out infinite;
            fill: none;
            stroke-width: 2;
        }

        .svg-background svg path:nth-child(1) {
            animation-delay: 0s;
        }

        .svg-background svg path:nth-child(2) {
            animation-delay: 1s;
        }

        .svg-background svg path:nth-child(3) {
            animation-delay: 2s;
        }

        .svg-background svg path:nth-child(4) {
            animation-delay: 3s;
        }

        .svg-background svg path:nth-child(5) {
            animation-delay: 4s;
        }

        @keyframes draw-lines {
            0% {
                stroke-dashoffset: 2000;
                opacity: 0;
            }

            15% {
                opacity: 0.6;
            }

            50% {
                stroke-dashoffset: 0;
                opacity: 0.8;
            }

            85% {
                opacity: 0.3;
            }

            100% {
                stroke-dashoffset: -2000;
                opacity: 0;
            }
        }

        .fade-in-up {
            animation: fade-in-up 1s ease-out;
        }

        @keyframes fade-in-up {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .fade-in-left {
            animation: fade-in-left 1.2s ease-out;
        }

        @keyframes fade-in-left {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }

            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        .machine-float {
            animation: machine-float 3s ease-in-out infinite alternate;
        }

        @keyframes machine-float {
            from {
                transform: translateY(0px);
            }

            to {
                transform: translateY(-10px);
            }
        }