.elementor-kit-644{--e-global-color-primary:#3B3663;--e-global-color-secondary:#D8CFE8;--e-global-color-text:#716D7D;--e-global-color-accent:#3B3663;--e-global-color-m2link:#292638;--e-global-color-m2lpapr:#FDFCFB;--e-global-color-m2lsurf:#F4F2F8;--e-global-color-m2lline:#E5E2EC;--e-global-color-m2lmute:#757181;--e-global-color-m2lhovr:#504879;--e-global-color-m2lnavy:#171F36;--e-global-color-m2lcopr:#D47D50;--e-global-color-m2lilac:#8E85AE;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:600;background-color:#FDFCFB;color:#292638;font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;line-height:1.5em;}.elementor-kit-644 button,.elementor-kit-644 input[type="button"],.elementor-kit-644 input[type="submit"],.elementor-kit-644 .elementor-button{background-color:#3B3663;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;color:#FFFFFF;border-radius:7px 7px 7px 7px;}.elementor-kit-644 button:hover,.elementor-kit-644 button:focus,.elementor-kit-644 input[type="button"]:hover,.elementor-kit-644 input[type="button"]:focus,.elementor-kit-644 input[type="submit"]:hover,.elementor-kit-644 input[type="submit"]:focus,.elementor-kit-644 .elementor-button:hover,.elementor-kit-644 .elementor-button:focus{background-color:#504879;}.elementor-kit-644 e-page-transition{background-color:#FFBC7D;}.elementor-kit-644 a{color:#3B3663;}.elementor-kit-644 a:hover{color:#504879;}.elementor-kit-644 h1{color:#3B3663;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-kit-644 h2{color:#3B3663;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-kit-644 h3{color:#3B3663;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   M2L CLIENTS & REFERENCES
   GENEL GRID
========================================= */

.m2l-client-logos.m2l-logo-wall {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    column-gap: 20px;
    row-gap: 30px;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    box-sizing: border-box;
}

/* =========================================
   LOGO KUTULARI
========================================= */

.m2l-logo-wall .m2l-logo-item {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    height: 110px;

    padding: 10px;
    margin: 0;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;

    box-sizing: border-box;
}

/* =========================================
   CLIENTS LOGOLARI
   DAHA KÜÇÜK
========================================= */

.m2l-client-logos.m2l-clients .m2l-logo-item img {
    width: 110px !important;
    height: 55px !important;

    max-width: 100% !important;
    max-height: 55px !important;

    object-fit: contain;
    display: block;

    border: none !important;
    box-shadow: none !important;
}

/* =========================================
   REFERENCES LOGOLARI
   DAHA BÜYÜK
========================================= */

.m2l-client-logos.m2l-references .m2l-logo-item img {
    width: 160px !important;
    height: 85px !important;

    max-width: 100% !important;
    max-height: 85px !important;

    object-fit: contain;
    display: block;

    border: none !important;
    box-shadow: none !important;
}

/* =========================================
   8'Lİ CLIENTS GRID
   MEVCUT YAPI KORUNUYOR
========================================= */

.m2l-client-logos.m2l-logo-eight {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;

    gap: 15px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    border: none !important;
    box-shadow: none !important;

    box-sizing: border-box;
}

/* 8'li Logo Kutuları */

.m2l-logo-eight .m2l-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;

    border: none !important;
    box-shadow: none !important;
}

/* 8'li Logo Görselleri */

.m2l-logo-eight .m2l-logo-item img {
    width: 100px !important;
    height: 50px !important;

    max-width: 100% !important;

    object-fit: contain;
    display: block;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .m2l-client-logos.m2l-logo-wall {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        column-gap: 20px;
        row-gap: 20px;
    }

    .m2l-client-logos.m2l-logo-eight {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

}

/* =========================================
   MOBİL
========================================= */

@media (max-width: 767px) {

    .m2l-client-logos.m2l-logo-wall {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 15px;
        row-gap: 15px;
    }

    .m2l-logo-wall .m2l-logo-item {
        height: 90px;
        padding: 5px;
    }

    /* Clients Mobil */

    .m2l-client-logos.m2l-clients .m2l-logo-item img {
        width: 105px !important;
        height: 55px !important;
        max-height: 55px !important;
    }

    /* References Mobil */

    .m2l-client-logos.m2l-references .m2l-logo-item img {
        width: 145px !important;
        height: 75px !important;
        max-height: 75px !important;
    }

    /* 8'li Clients Mobil */

    .m2l-client-logos.m2l-logo-eight {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

/* =====================================
   M2L INFINITE LOGO CAROUSEL
   Direction: RIGHT
===================================== */

.m2l-logo-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

/* Kayan bant */
.m2l-logo-track {
    display: flex;
    width: max-content;
    align-items: center;

    animation: m2l-scroll-right 30s linear infinite;

    will-change: transform;
}

/* Logo grupları */
.m2l-logo-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 50px;

    /* Gruplar arası boşluk da aynı olmalı */
    padding-right: 50px;
}

/* Her logo */
.m2l-logo-carousel .m2l-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 150px;
    width: 150px;
    height: 90px;
}

/* Logo görselleri */
.m2l-logo-carousel .m2l-logo-image {
    display: block;
    max-width: 100%;
    max-height: 75px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* SAĞA doğru sonsuz kayma */
@keyframes m2l-scroll-right {

    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }

}

/* Mouse üzerine gelince dur */
.m2l-logo-carousel:hover .m2l-logo-track {
    animation-play-state: paused;
}

/* Mobil */
@media (max-width: 767px) {

    .m2l-logo-track {
        animation-duration: 20s;
    }

    .m2l-logo-group {
        gap: 25px;
        padding-right: 25px;
    }

    .m2l-logo-carousel .m2l-logo-item {
        flex-basis: 110px;
        width: 110px;
        height: 70px;
    }

    .m2l-logo-carousel .m2l-logo-image {
        max-height: 55px;
    }

}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {

    .m2l-logo-track {
        animation: none;
        transform: none;
    }

}

/* M2L Logo Carousel - Kenarlarda yumuşak fade efekti */

.m2l-logo-carousel {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0, 0, 0, 0.15) 5%,
        rgba(0, 0, 0, 0.6) 12%,
        black 20%,
        black 80%,
        rgba(0, 0, 0, 0.6) 88%,
        rgba(0, 0, 0, 0.15) 95%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0, 0, 0, 0.15) 5%,
        rgba(0, 0, 0, 0.6) 12%,
        black 20%,
        black 80%,
        rgba(0, 0, 0, 0.6) 88%,
        rgba(0, 0, 0, 0.15) 95%,
        transparent 100%
    );
}

/* Tüm logolar SOLA doğru kaysın */
.m2l-logo-carousel .m2l-logo-track {
    animation: m2l-scroll-left 45s linear infinite;
}

/* Sola doğru kesintisiz kayma */
@keyframes m2l-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Üzerine gelince dur */
.m2l-logo-carousel:hover .m2l-logo-track {
    animation-play-state: paused;
}/* End custom CSS */