.derhFpm {
    width: 100%;
    margin: 20px auto 10px auto;
    position: relative
}

.twin-top_slider {
    position: static
}

.emyDAo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 132px
}

.twiGPZD {
    position: relative;
    width: 100%;
    height: 197px;
    border-radius: 15px;
    overflow: hidden
}

.count-6 .twiGPZD {
    height: 270px
}

.count-4 .twiGPZD {
    height: 340px
}

.count-8 .twiGPZD {
    height: 197px
}

.no-sidebar .twiGPZD,.no-sidebar .count-8 .twiGPZD {
    height: 227px;
}

.no-sidebar .count-6 .twiGPZD {
    height: 320px
}

.no-sidebar .count-4 .twiGPZD {
    height: 390px
}



.twiGPZD::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition_main);
    z-index: 1
}

.logkPYb {
    width: 100%;
    height: 100%
}

.logkPYb img {
    transform: scale(1);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition_main)
}

.onsuJqT {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    gap: 30px;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition_main);
    z-index: 2
}

.emVQxO {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 16px;
    color: var(--text-default);
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
    background-color: var(--DBrandDefault);
    border: none;
    border-radius: 24px;
    transition: var(--transition_main);
    max-width: 90%
}

.emVQxO:hover {
    background-color: var(--DBrandDefault-hover)
}

.butYHqD {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 8px;
    color: var(--text-default);
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
    background-color: var(--bg-hover-text-sidebar);
    border: none;
    border-radius: 16px;
    transition: var(--transition_main);
    max-width: 80%
}

.butYHqD:hover {
    color: var(--bg-hover-text-sidebar);
    background-color: var(--text-default)
}

.butYHqD a,
.emVQxO a {
    color: inherit !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.emyDAo .twiCJyH {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--text-default);
    transition: var(--transition_main)
}

.emyDAo:hover .twiCJyH {
    color: var(--DBrandDefault)
}

.emyDAo:hover .onsuJqT {
    opacity: 1;
    pointer-events: initial
}

.emyDAo:hover .twiGPZD::before {
    opacity: .4
}

.emyDAo:hover .logkPYb img {
    transform: scale(1.1)
}

@media only screen and (max-width:1520px) {
    .derhFpm {
        margin: 1.316vw auto .658vw auto
    }

    .emyDAo {
        gap: .658vw;
        width: 8.684vw
    }

    .twiGPZD {
        height: 15.618vw;
        border-radius: .987vw
    }

    .count-6 .twiGPZD {
        height: 22.079vw
    }

    .count-4 .twiGPZD {
        height: 25.684vw
    }

    .count-8 .twiGPZD {
        height: 15.618vw
    }

    .no-sidebar .twiGPZD,.no-sidebar .count-8 .twiGPZD {
        height: 21vw;
    }
    
    .no-sidebar .count-6 .twiGPZD {
        height: 32vw;
    }
    
    .no-sidebar .count-4 .twiGPZD {
        height: 31vw;
    }

    .onsuJqT {
        padding-bottom: .921vw;
        gap: 1.974vw
    }

    .emVQxO {
        font-size: 1.053vw;
        font-weight: 500;
        line-height: 1.184vw;
        letter-spacing: .016vw;
        height: 2.895vw;
        padding: 0 1.053vw;
        border-radius: 1.579vw
    }

    .butYHqD {
        font-size: 1.053vw;
        font-weight: 400;
        line-height: 1.184vw;
        letter-spacing: .016vw;
        height: 2.368vw;
        padding: 0 .526vw;
        border-radius: 1.053vw
    }

    .emyDAo .twiCJyH {
        font-size: 1.053vw;
        line-height: 1.184vw;
        letter-spacing: .016vw
    }
}

@media only screen and (max-width:1120px) {
    .derhFpm {
        margin: 1.953vw auto .977vw auto
    }

    .emyDAo {
        gap: .977vw;
        width: 12.89vw
    }

    .twiGPZD {
        height: 23.183vw;
        border-radius: 1.465vw
    }

    .count-6 .twiGPZD {
        height: 32.774vw
    }

    .count-4 .twiGPZD {
        height: 30.125vw
    }

    .count-8 .twiGPZD {
        height: 23.183vw
    }

    .no-sidebar .twiGPZD,.no-sidebar .count-8 .twiGPZD {
        height: 23vw;
    }
    
    .no-sidebar .count-6 .twiGPZD {
        height: 32vw;
    }
    
    .no-sidebar .count-4 .twiGPZD {
        height: 31vw;
    }

    .onsuJqT {
        padding-bottom: 1.367vw;
        gap: 2.93vw
    }

    .emVQxO {
        font-size: 1.563vw;
        font-weight: 500;
        line-height: 1.758vw;
        letter-spacing: .024vw;
        height: 4.297vw;
        padding: 0 1.563vw;
        border-radius: 2.344vw
    }

    .butYHqD {
        font-size: 1.563vw;
        font-weight: 400;
        line-height: 1.758vw;
        letter-spacing: .024vw;
        height: 3.515vw;
        padding: 0 .781vw;
        border-radius: 1.563vw
    }

    .emyDAo .twiCJyH {
        font-size: 1.563vw;
        line-height: 1.758vw;
        letter-spacing: .024vw
    }
}

@media only screen and (max-width:900px) {
    .derhFpm {
        margin: 2.604vw auto 1.303vw auto
    }

    .emyDAo {
        gap: 1.303vw;
        width: 17.187vw
    }

    .twiGPZD,.no-sidebar .twiGPZD,.no-sidebar .count-8 .twiGPZD {
        height: 23vw;
        border-radius: 1.563vw
    }

    .count-6 .twiGPZD,.no-sidebar .count-6 .twin-top_conten {
        height: 26.399vw
    }

    .count-4 .twiGPZD,.no-sidebar .count-6 .twiGPZD {
        height: 23.2vw
    }

    .count-8 .twiGPZD {
        height: 22.911vw
    }


    .onsuJqT {
        padding-bottom: 1.823vw;
        gap: 3.907vw
    }

    .emVQxO {
        font-size: 2.084vw;
        font-weight: 500;
        line-height: 2.344vw;
        letter-spacing: .032vw;
        height: 5.729vw;
        padding: 0 2.084vw;
        border-radius: 3.125vw
    }

    .butYHqD {
        font-size: 2.084vw;
        font-weight: 400;
        line-height: 2.344vw;
        letter-spacing: .032vw;
        height: 4.687vw;
        padding: 0 1.041vw;
        border-radius: 2.084vw
    }

    .emyDAo .twiCJyH {
        font-size: 2.084vw;
        line-height: 2.344vw;
        letter-spacing: .032vw
    }
}

@media only screen and (max-width:500px) {
    .derhFpm {
        margin: 5.333vw auto 2.669vw auto
    }

    .emyDAo {
        gap: 2.669vw;
        width: 35.199vw
    }

    .twiGPZD,.no-sidebar .twiGPZD,.no-sidebar .count-8 .twiGPZD , .count-8 .twiGPZD {
        height: 63.306vw;
        border-radius: 3.2vw
    }

    .count-6 .twiGPZD, .no-sidebar .count-6 .twiGPZD {
        height: 63.306vw
    }

    .count-4 .twiGPZD, .no-sidebar .count-4 .twiGPZD {
        height: 43.306vw
    }

    .onsuJqT {
        padding-bottom: 3.734vw;
        gap: 8.002vw
    }

    .emVQxO {
        font-size: 3.268vw;
        font-weight: 500;
        line-height: 4.801vw;
        letter-spacing: .066vw;
        height: 8.733vw;
        padding: 0 4.268vw;
        border-radius: 6.4vw
    }

    .butYHqD {
        font-size: 3vw;
        font-weight: 400;
        line-height: 4.801vw;
        letter-spacing: .066vw;
        height: 6.599vw;
        padding: 0 2.132vw;
        border-radius: 4.268vw
    }

    .butYHqD a {
        font-weight: 400
    }

    .emyDAo .twiCJyH {
        font-size: 4.268vw;
        line-height: 4.801vw;
        letter-spacing: .066vw
    }
}