/*kendi eklediklerim*/
/*.footer-image {
    max-width: 140px;
}*/
@media (min-width: 769px) { 
    .footer-image {
        max-width: 140px;
    }
}
@media (max-width: 768px) {
    .footer-image {
        max-width: 100%;
    }
}
.about {
    background-image: linear-gradient(to bottom, #b6eeff,#e6f9ff, #FFF, #FFF);
}
.header {
    background: rgb(161,224,255);
    background: linear-gradient(0deg, rgba(161,224,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%);
}

#hero {
    background: rgb(0,156,234);
    /*background: linear-gradient(0deg, rgba(0,156,234,1) 0%, rgba(255,255,255,1) 50%, rgba(0,156,234,1) 100%);*/
    background-image: linear-gradient(to bottom, #009cea,#3292e4, #6ac3f9, #5fcefe, #b6eeff);
    /*background: radial-gradient(140% 107.13% at 50% 10%,transparent 37.41%,#63e 69.27%,#fff 100%)*/
    /*/*background-image: linear-gradient(to top, #afbeff, #99a9ff, #8593ff, #737cff, #6564ff, #5a52ed, #5040db, #452dc9, #3622a3, #27177e, #190d5b, #0f003a);*/
    /*background-image: linear-gradient(to left bottom, #5a3dff, #4f59ff, #4d6fff, #5782fb, #6893f4, #67a0f5, #6cacf5, #76b7f3, #6ac3f9, #5fcefe, #57d9ff, #56e3ff);*/
    /*background-image: linear-gradient(to right top, #5a3dff, #4f59ff, #4d6fff, #5782fb, #6893f4, #67a0f5, #6cacf5, #76b7f3, #6ac3f9, #5fcefe, #57d9ff, #56e3ff);*/
}

    .shadow-pop-bl {
        -webkit-animation: shadow-pop-bl 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s both;
        animation: shadow-pop-bl 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s both;
    }

    /* ----------------------------------------------
 * Generated by Animista on 2025-1-20 21:53:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    @-webkit-keyframes shadow-pop-bl {
        0% {
            -webkit-box-shadow: 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea;
            box-shadow: 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea;
            -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
        }

        100% {
            -webkit-box-shadow: -1px 1px #009cea, -2px 2px #009cea, -3px 3px #009cea, -4px 4px #009cea, -5px 5px #009cea, -6px 6px #009cea, -7px 7px #009cea, -8px 8px #009cea;
            box-shadow: -1px 1px #009cea, -2px 2px #009cea, -3px 3px #009cea, -4px 4px #009cea, -5px 5px #009cea, -6px 6px #009cea, -7px 7px #009cea, -8px 8px #009cea;
            -webkit-transform: translateX(8px) translateY(-8px);
            transform: translateX(8px) translateY(-8px);
        }
    }

    @keyframes shadow-pop-bl {
        0% {
            -webkit-box-shadow: 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea;
            box-shadow: 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea, 0 0 #009cea;
            -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
        }

        100% {
            -webkit-box-shadow: -1px 1px #009cea, -2px 2px #009cea, -3px 3px #009cea, -4px 4px #009cea, -5px 5px #009cea, -6px 6px #009cea, -7px 7px #009cea, -8px 8px #009cea;
            box-shadow: -1px 1px #009cea, -2px 2px #009cea, -3px 3px #009cea, -4px 4px #009cea, -5px 5px #009cea, -6px 6px #009cea, -7px 7px #009cea, -8px 8px #009cea;
            -webkit-transform: translateX(8px) translateY(-8px);
            transform: translateX(8px) translateY(-8px);
        }
    }


    .text-pop-up-tr {
        -webkit-animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }


    @-webkit-keyframes text-pop-up-tr {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            text-shadow: none;
        }

        100% {
            -webkit-transform: translateY(-50px) translateX(50px);
            transform: translateY(-50px) translateX(50px);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
        }
    }

    @keyframes text-pop-up-tr {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            text-shadow: none;
        }

        100% {
            -webkit-transform: translateY(-50px) translateX(50px);
            transform: translateY(-50px) translateX(50px);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
        }
    }


    .fade-in-left {
        -webkit-animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6 both;
        animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6 both;
    }
    /* ----------------------------------------------
 * Generated by Animista on 2025-1-20 22:19:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    /**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
    @-webkit-keyframes fade-in-left {
        0% {
            -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

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

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }



    @keyframes flip-forward {
        0% {
            transform: perspective(1000px) rotateY(0deg);
        }

        100% {
            transform: perspective(1000px) rotateY(360deg);
        }
    }

    @keyframes flip-backward {
        0% {
            transform: perspective(1000px) rotateY(720deg);
        }

        100% {
            transform: perspective(1000px) rotateY(0deg);
        }
    }

    .image-flip-forward {
        display: inline-block; /*Ensures the transform affects only the element */
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d; /*Maintain the 3D perspective */
        -webkit-animation: flip-forward 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s both;
        animation: flip-forward 1s cubic-bezier(0.68, -0.45, 0.27, 1.45) 1s both;
    }

    .image-flip-backward {
        display: inline-block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-animation: flip-backward 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 26.5s both;
        animation: flip-backward 1s cubic-bezier(0.68, -0.45, 0.27, 1.45) 26.5s both;
    }

    .custom-floating {
        position: relative;
        animation: custom-float 6s ease-in-out 3s infinite;
    }

    @keyframes custom-float {
        0% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-15px);
        }

        100% {
            transform: translateY(0);
        }
    }



    .custom-bg {
        background: url(/assets/img/hero-bg.png) right center no-repeat;
        width: 100%;
        min-height: 100%;
        position: absolute;
        z-index: -1;
        top:0;
    }

    .kenburns-top-left {
        -webkit-animation: kenburns-top-left 55s cubic-bezier(0.645, 0.045, 0.355, 1.000) 3s both;
        animation: kenburns-top-left 55s cubic-bezier(0.645, 0.045, 0.355, 1.000) 3s both;
    }


    /* ----------------------------------------------
 * Generated by Animista on 2025-1-20 23:17:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    /**
 * ----------------------------------------
 * animation kenburns-top-left
 * ----------------------------------------
 */
    @-webkit-keyframes kenburns-top-left {
        0% {
            -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
            -webkit-transform-origin: 16% 16%;
            transform-origin: 16% 16%;
        }

        100% {
            -webkit-transform: scale(1.25) translate(-20px, -15px);
            transform: scale(1.25) translate(-20px, -15px);
            -webkit-transform-origin: top left;
            transform-origin: top left;
        }
    }

    @keyframes kenburns-top-left {
        0% {
            -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
            -webkit-transform-origin: 16% 16%;
            transform-origin: 16% 16%;
        }

        100% {
            -webkit-transform: scale(1.25) translate(-20px, -15px);
            transform: scale(1.25) translate(-20px, -15px);
            -webkit-transform-origin: top left;
            transform-origin: top left;
        }
    }