.select-type-application {
    background-color: white;
    border-radius: 16px;
    width: 100%;
    flex: 1;
    padding: 15px;
    margin-top: 10px;
}

.select-type-application .top-section {
    padding-top: 25px;
    text-align: center;
}

.select-type-application .top-section h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #021814;
    padding-bottom: 10px;
}

.select-type-application .top-section span {
    font-size: 18px;
    font-weight: 400;
    color: #222;
}

.select-type-application .main-section {
    padding-top: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    gap: 15px;
}

.select-type-application .main-section .block {
    width: 33%;
    display: grid;
    place-items: center;

    padding: 25px 15px;
    border-radius: 12px;

    background-color: #FFFFFF;
    border: 1px solid transparent;

    box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.06);

    cursor: pointer;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.select-type-application .main-section .block:hover {
    border-color: #07584C;
}

.select-type-application .main-section .block.yellow:hover {
    border-color: #FFC610;
}


.select-type-application .main-section .block img {
    width: 60px;
    height: 60px;
    align-items: center;
}

.select-type-application .main-section .block .text {
    padding: 25px 0;
    text-align: center;
}

.select-type-application .main-section .block .text p {
    font-weight: 600;
    font-size: 16px;
    color: #021814;
    margin-bottom: 7px;
}

.select-type-application .main-section .block .text .about {
    font-weight: 400;
    font-size: 14px;
    color: #222;
}

.select-type-application .main-section .block a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 0;
    border: 1px solid #07584C;
    border-radius: 8px;
    background-color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.5s ease,
        border-color 0.5s ease,
        box-shadow 0.5s ease,
        transform 0.5s ease;
}

.select-type-application .main-section .block.yellow a {
    border: 1px solid #FFC610;
}

.select-type-application .main-section .block a .button {
    color: #07584C;
    font-weight: 500;
    font-size: 16px;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.select-type-application .main-section .block a:hover {
    background-color: #07584C;
    border-color: #07584C;
    box-shadow: 0 6px 18px rgba(7, 88, 76, 0.25);
}

.select-type-application .main-section .block a:hover .button {
    color: #FFFFFF;
}

.select-type-application .main-section .block.yellow a:hover {
    background-color: #FFC610;
    border-color: #FFC610;
    box-shadow: 0 6px 18px rgba(255, 198, 16, 0.35);
}

.select-type-application .main-section .block.yellow a .button {
    color: #FFC610;
}

.select-type-application .main-section .block.yellow a:hover .button {
    color: #1F2937;
}

.select-type-application .main-section .block.yellow a:active {
    box-shadow: 0 4px 12px rgba(255, 198, 16, 0.25);
}