/*-- Sayfaya özel düzeltmeler — yalnız index-bubble-studio.html --*/

/* 1) Üç özellik kartı zikzak float düzeninden hizalı ızgaraya alındı */
.team-sec .services-boxes,
ul.services-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.team-sec .services-boxes .service-card,
.team-sec .services-boxes .service-card.left,
.team-sec .services-boxes .service-card.right,
.team-sec .services-boxes .service-card.left.icon-right,
.team-sec .services-boxes .service-card:first-child,
ul.services-boxes .service-card {
    width: auto;
    float: none;
    clear: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.team-sec .services-boxes .service-card .icon-holder,
.team-sec .services-boxes .service-card.right .icon-holder,
ul.services-boxes .service-card .icon-holder {
    margin: 0 0 18px;
    order: 0;
}

.team-sec .services-boxes .service-card .text,
.team-sec .services-boxes .service-card .text.order-2,
ul.services-boxes .service-card .text {
    order: 1;
    max-width: 320px;
}

.team-sec .services-boxes .service-card .icon-holder i,
ul.services-boxes .service-card .icon-holder i {
    font-size: 60px;
    line-height: 1;
}

@media (max-width: 991px) {
    .team-sec .services-boxes,
    ul.services-boxes {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* 2) Kapak yazısı açık fotoğrafın üstünde soluk kalıyordu (düzeni bozmadan) */
section.hero#banner h1,
section.hero#banner h2,
section.hero#banner h3,
section.hero#banner .hero-title,
section.hero#banner p,
section.hero#banner span {
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .45);
}

/* 3) Logo şeridindeki ölü boşluk kısaldı */
.clients-sec,
.client-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 575px) {
    .heading,
    .banner-heading {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }
}