.slogan, .urunler, .urunslogan, .hizmetler {
    font-family: "Audiowide", sans-serif;
}

.crsl-content h3, .crsl-content p {
    font-family: "Audiowide", sans-serif;
}


/* ─── VİDEO ──────────────────────────────────────────────────────────────────── */

.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 70vh;
    overflow: hidden;
}

video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    z-index: -1;
}

.video-container video {
    opacity: 0.5;
}


/* ─── SLAYT ──────────────────────────────────────────────────────────────────── */

.crsl {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1%;
    width: auto;
    height: auto;
    z-index: 1;
}

.crsl-content {
    color: white;
}

.carousel-caption {
    display: block !important;
}

.tit-desc {
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.301), rgba(0, 0, 0, 0.432));
    border-radius: 10px;
}

.tit-desc h5,
.tit-desc a,
.tit-desc p {
    font-family: "Audiowide", sans-serif;
}

.crsl-item {
    height: 500px; /* sabit yükseklik */
    overflow: hidden;
}

.crsl-item img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 992px) {
    .crsl-item img {
        max-width: 800px;
        max-height: 800px;
    }
}

/* ─── BUTONLAR ───────────────────────────────────────────────────────────────── */

.btn-primary {
    background-color: black;
    color: aqua;
    border: none;
}

.btn-custom {
    background-color: rgb(0, 0, 0);
    color: aqua;
}

.btn-custom:hover {
    background-color: rgb(0, 0, 0);
    color: aqua;
}


/* ─── GENEL ──────────────────────────────────────────────────────────────────── */

.img-container {
    text-align: center;
}

.is-ort.is-ort h2 {
    text-align: center;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-size: 26px;
}

.container-fluid.is-ort {
    text-align: center;
    background-color: rgb(255, 255, 255);
}

.sprtr {
    border-top: 1px solid rgba(0, 255, 255, 0.1);
    padding-top: 10px;
}

.vertical-align {
    display: flex;
    align-items: center;
}


/* ─── SLOGANLAR ──────────────────────────────────────────────────────────────── */

.slgnlr h2 {
    transform: scale(1);
    transition: transform 0.9s ease;
}

.slgnlr:hover h2 {
    transform: scale(1.1);
}

.slgnlr h5 {
    transform: scale(1);
    transition: transform 0.9s ease;
}

.slgnlr:hover h5 {
    transform: scale(1.03);
}


/* ─── ANİMASYONLAR ───────────────────────────────────────────────────────────── */

@keyframes zoomIn {
    from { transform: scale(0.8); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
}

.animate {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.animate.zoom-in {
    animation: zoomIn 0.5s forwards;
}

.animate2 .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
}

.animate2 .partner-image {
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 2s ease, transform 2s ease;
}

.animate2 .partner-image.visible {
    opacity: 1;
    transform: translateX(0%);
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    overflow: hidden;
}


/* ─── RESPONSIVE ─────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .video-container { height: 50vh; }
}

/* Küçük telefonlar */
@media (max-width: 500px) {
    .crsl-content h3 { font-size: 20px; }
    .crsl-content p  { font-size: 17px; }
    .btn-custom      { font-size: 12px; }


    .slogan     { font-size: 14px; color: aqua; text-align: center; }
    .urunler    { font-size: 16px; color: #fff; text-align: center; }
    .urunslogan { font-size: 14px; color: aqua; text-align: center; }
    .hizmetler  { font-size: 16px; color: #fff; text-align: center; }
    .hizslogan { font-size: 14px; color: aqua; text-align: center; }


    .carousel-item img { margin: 0 auto; display: block; }

    .no-responsive-img { width: 120px; max-width: 120px; height: 120px; display: block; margin: auto; }

    .nbs-fs h5.card-title { font-size: 14px; }

    .container-fluid.is-ort .image-container .partner-image {
        margin: 5px;
        width: 90px !important;
        height: auto;
        max-width: none !important;
    }

    .is-ort.is-ort h2 { font-size: 16px; }

    .icon-right { margin-right: 10px; color: aqua; }
    .icon-left  { margin-left: 10px;  color: aqua; }

    .btn-custom { margin-bottom: 5px; }
}

/* Orta boy telefonlar */
@media (min-width: 501px) and (max-width: 767px) {
    .crsl-content h3 { font-size: 24px; }
    .crsl-content p  { font-size: 19px; }
    .btn-custom      { font-size: 14px; }


    .slogan     { font-size: 16px; color: aqua; text-align: center; }
    .urunler    { font-size: 18px; color: #fff; text-align: center; }
    .urunslogan { font-size: 16px; color: aqua; text-align: center; }
    .hizmetler  { font-size: 18px; color: #fff; text-align: center; }
    .hizslogan { font-size: 16px; color: aqua; text-align: center; }




    .no-responsive-img { width: 140px; max-width: 140px; height: 140px; display: block; margin: auto; }


    .nbs-fs h5.card-title { font-size: 15px; }

    .container-fluid.is-ort .image-container .partner-image {
        margin: 10px;
        width: 110px !important;
        height: auto;
        max-width: none !important;
    }

    .is-ort.is-ort h2 { font-size: 18px; }
}

/* Küçük tabletler */
@media (min-width: 768px) and (max-width: 1024px) {
    .crsl-content h3 { font-size: 28px; }
    .crsl-content p  { font-size: 21px; }
    .btn-custom      { font-size: 15px; }
    .nbs-fs h5.card-title { font-size: 16px; }




    .tit-desc h5 { font-size: 26px; }
    .tit-desc p  { font-size: 22px; }


    .slogan     { font-size: 18px; color: aqua; text-align: center; }
    .urunler    { font-size: 20px; color: #fff; text-align: center; }
    .urunslogan { font-size: 18px; color: aqua; text-align: center; }
    .hizmetler  { font-size: 20px; color: #fff; text-align: center; }
    .hizslogan { font-size: 18px; color: aqua; text-align: center; }




    .no-responsive-img { width: 140px; max-width: 140px; height: 140px; display: block; margin: auto; }



    .container-fluid.is-ort img { margin: 4px; max-width: 15%; }

    .is-ort.is-ort h2 { font-size: 20px; }
}

/* Büyük tabletler */
@media (min-width: 1025px) and (max-width: 1280px) {
    .crsl-content h3 { font-size: 32px; }
    .crsl-content p  { font-size: 23px; }
    .btn-custom      { font-size: 16px; }

    .nbs-fs h5.card-title { font-size: 20px; }

    .tit-desc h5 { font-size: 27px; }
    .tit-desc p  { font-size: 24px; }


    .slogan     { font-size: 20px; color: aqua; text-align: center; }
    .urunler    { font-size: 22px; color: #fff; text-align: center; }
    .urunslogan { font-size: 20px; color: aqua; text-align: center; }
    .hizmetler  { font-size: 22px; color: #fff; text-align: center; }
    .hizslogan { font-size: 20px; color: aqua; text-align: center; }



    .no-responsive-img { width: 140px; max-width: 140px; height: 140px; display: block; margin: auto; }



    .container-fluid.is-ort img { margin: 9px; max-width: 15%; }

    .is-ort.is-ort h2 { font-size: 22px; }
}

/* Küçük dizüstü */
@media (min-width: 1281px) and (max-width: 1440px) {
    .crsl-content h3 { font-size: 36px; }
    .crsl-content p  { font-size: 25px; }
    .btn-custom      { font-size: 17px; }
    .nbs-fs h5.card-title { font-size: 24px; }

    .tit-desc h5 { font-size: 28px; }
    .tit-desc p  { font-size: 26px; }


    .slogan     { font-size: 22px; color: aqua; text-align: center; }
    .urunler    { font-size: 24px; color: #fff; text-align: center; }
    .urunslogan { font-size: 22px; color: aqua; text-align: center; }
    .hizmetler  { font-size: 24px; color: #fff; text-align: center; }
    .hizslogan { font-size: 22px; color: aqua; text-align: center; }




    .no-responsive-img { width: 170px; max-width: 170px; height: 170px; display: block; margin: auto; }



    .container-fluid.is-ort img { margin: 15px; max-width: 80%; }

    .is-ort.is-ort h2 { font-size: 24px; }
}

/* Büyük dizüstü ve masaüstü */
@media (min-width: 1441px) {
    .crsl-content h3 { font-size: 40px; }
    .crsl-content p  { font-size: 27px; }
    .btn-custom      { font-size: 18px; }
    .nbs-fs h5.card-title { font-size: 30px; }

    .tit-desc h5 { font-size: 29px; }
    .tit-desc p  { font-size: 28px; }


    .slogan     { font-size: 24px; color: aqua; text-align: center; }
    .urunler    { font-size: 26px; color: #fff; text-align: center; }
    .urunslogan { font-size: 24px; color: aqua; text-align: center; }
    .hizmetler  { font-size: 26px; color: #fff; text-align: center; }
    .hizslogan { font-size: 24px; color: aqua; text-align: center; }




    .no-responsive-img { width: 250px; display: block; margin: auto; }



    

    .container-fluid.is-ort .image-container .partner-image {
        margin: 20px;
        width: 170px !important;
        height: auto;
        max-width: none !important;
    }

    .is-ort.is-ort h2 { font-size: 26px; }

    .mb-3 a { font-size: 1rem; }
}

/* ─── HİZMETLER görselleri ─────────────────────────────────────────────────────── */

.hizmet-img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
    background-color: #0a0a0a;
}


.neler-yapabiliriz {
    font-family: "Audiowide", sans-serif;
}

.is-ort h2 {
    font-family: "Audiowide", sans-serif;
}

/* ─── HİZMET KARTLARI BAŞLIK RENGİ ─────────────────────────────────────────── */

.card-group .card-title {
    color: aqua;
}