﻿#default-first-section {
    background: url('../img/helpers/partnership-bg.png') center center no-repeat;
}

#partnership-ahl-section {
    padding: 80px 0 40px 0;
}

#partnership-ahl-section p{
    text-align:center;
}

h2.default-header-2 {
    margin-bottom: 40px;
    
}
p.default-text-8{
    margin-bottom: 20px;
}

#partnership-sectors {
    background:url("../img/helpers/sectors-slider-bg.png") center center repeat;
    background-size:cover;
    width:100%;
    height:240px;
}

#sectors-detail{
    padding:80px 0;
}

@media (max-width: 992px) {

    h2.default-header-2{
        margin-bottom:20px;
    }

    #partnership-ahl-section {
        padding: 60px 0 20px 0;
    }

    #sectors-detail {
        padding: 40px 0;
    }
}

@media (max-width: 767px) {

    .sectors-header-2{
        margin-top:20px;
    }

    #partnership-ahl-section {
        padding: 40px 0 20px 0;
    }

    #sectors-detail {
        padding: 40px 0;
    }
}


/*Slider start*/

/* Ana alan */
.sector-slider {
    position: relative;
    height: 240px;
    overflow: hidden;
}

/* Arka plan */
.sector-slider {
    position: relative;
    height: 240px;
    overflow: hidden;
}

/* Arka plan */
.sector-bg {
    position: absolute;
    inset: 0;
    background: url("../img/helpers/sectors-slider-bg.png") center / cover no-repeat;
    background-position:10% center;
    z-index: 1;
}

/* Öndeki kayan alan */
.sector-track {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Kayan şerit */
.sector-strip {
    display: flex;
    gap:20px;
    width: max-content;
    animation: scroll 60s linear infinite;
}

/* Görsel */
.sector-strip img {
    height: 80px;
    width: auto;
    margin-right: 60px;
}

/* Animasyon */
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 992px) {
    .sector-bg {
        background-position: 30% center;
    }
}
@media (max-width: 767px) {
    .sector-slider {
        height: 160px;
    }

    .sector-strip img {
        height: 62px;
        margin-right: 40px;
    }

    .sector-strip {
        animation-duration: 60s;
    }
}
@media (max-width: 576px) {

    .sector-bg {
        background-position: 35% center;
    }
}



/*Slider end*/


/*Card yapıları start*/
.institution-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    justify-content: center;
    margin-bottom: 80px;
    margin-top: 20px;
}

.institution-card {
    max-width: 310px;
    height: 135px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background-color:var(--ahlp-a7804d);

    transition:
        background 0.35s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.institution-card .logo {
    width: 70%;
    height: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: filter 0.3s ease;
}

/* AHLATCI */
.institution-card.ahlatci:hover {
    background: #EC1C24;
}
.institution-card.ahlatci .logo {
    background-image: url(../img/logos/light-logo-ahl.svg);
}

/* BORSA */
.institution-card.borsa:hover {
    background:#0090B7;
}
.institution-card.borsa .logo {
    background-image: url(../img/logos/light-logo-borsa.svg);
}

/* TEFAS */
.institution-card.tefas:hover {
    background: #DDDEDE;
}
.institution-card.tefas .logo {
    background-image: url(../img/logos/light-logo-tefas.svg);
}
.institution-card.tefas:hover .logo {
    background-image: url(../img/logos/hover-tefas.svg);
}

/* TAKAS */
.institution-card.takas:hover {
    background: #FFFFFF;
}
.institution-card.takas .logo {
    background-image: url(../img/logos/light-logo-takas-istanbul.svg);
}
.institution-card.takas:hover .logo {
    background-image: url(../img/logos/hover-takas-istanbul.svg);
}

/* MKK */
.institution-card.mkk:hover {
    background: var(--mkk-hover);
}
.institution-card.mkk .logo {
    background-image: url(../img/logos/light-logo-merkezi-istanbul.svg);
}
.institution-card.mkk:hover .logo {
    background-image: url(../img/logos/hover-merkezi-istanbul.svg);
}

/* AhlTek */
.institution-card.ahltek:hover {
    background: #002753;
}
.institution-card.ahltek .logo {
    background-image: url(../img/logos/light-logo-ahltek.svg);
}
.institution-card.ahltek:hover .logo {
    background-image: url(../img/logos/hover-ahltek.svg);
}

/* Yatirim */
.institution-card.yatirim:hover {
    background: url("../img/helpers/gold-bg.png") center center no-repeat;
    background-size:cover;
}
.institution-card.yatirim .logo {
    background-image: url(../img/logos/light-logo-yatirim.svg);
}




@media (max-width: 991px) {
    .institution-card {
        height:85px;
    }
        .institution-card .logo {
            width: 50%;
            height: 50%;
        }

}
@media (max-width: 768px) {
    .institution-grid {
        gap: 10px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .institution-card {
        height: 80px;
    }


}
@media (max-width: 576px) {
    .institution-card {
        max-width: 150px;
    }
}

/*Card yapıları end*/