.alphabet {
    display: flex;
    gap: 5px;

    &>div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        background-color: #555555;

        &>a {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
        }
    }

    &>div:hover {
        background-color: #01bfbe;
    }
}

.three_col {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 40px;
}

.letter_block {
    width: 500px;
    margin-bottom: 20px;

    &>p {
        margin: 0 !important;
        font-size: 26px !important;
        font-weight: 700 !important;
        color: #ff6600 !important;
        border-bottom: 1px solid #cecece !important;
    }

    .simple_hn {
        margin: 0;
        line-height: 1 !important;
    }

    .simple_hn a {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #131313;
    }

    .simple_hn a:hover {
        color: #01bfbe;
    }
}