.award-seals {
    display: flex;
    flex-wrap: wrap;
    gap: 44px 36px;
    margin: 0;
    padding: 24px 0 0;
    list-style: none;
}

.award-seal {
    position: relative;
    width: 168px;
    height: 168px;
    box-sizing: border-box;
    border: 2px solid #1a324e;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    font-family: "sofia-pro", sans-serif;
}

    .award-seal::before {
        content: "";
        position: absolute;
        top: 7px;
        right: 7px;
        bottom: 7px;
        left: 7px;
        border: 1px solid #eca521;
        border-radius: 50%;
    }

.award-seal-ring::after {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 44px;
    height: 34px;
    margin-left: -22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3E%3Cg fill='none' stroke='%23eca521' stroke-linejoin='round'%3E%3Cpath d='M11 2H33L42 12L22 32L2 12Z' fill='%23fff' stroke-width='1.6'/%3E%3Cpath d='M2 12H42M11 2L16 12L22 2L28 12L33 2M16 12L22 32L28 12' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}

.award-seal-org {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.16em;
    line-height: 1.2;
    color: #1a324e;
}

.award-seal-value {
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    color: #1a234d;
}

.award-seal-caption {
    max-width: 110px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #3e4c5e;
}

.award-seals-sm {
    gap: 12px;
    padding-top: 4px;
}

    .award-seals-sm .award-seal {
        width: 124px;
        height: 124px;
        gap: 2px;
    }

        .award-seals-sm .award-seal::before {
            top: 5px;
            right: 5px;
            bottom: 5px;
            left: 5px;
        }

    .award-seals-sm .award-seal-org {
        font-size: 11px;
    }

    .award-seals-sm .award-seal-value {
        font-size: 28px;
    }

    .award-seals-sm .award-seal-caption {
        max-width: 88px;
        font-size: 11px;
    }

#home .home-awards {
    margin-top: 40px;
    padding: 40px 56px;
    background: #f7f2e8;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 32px clamp(48px, 7vw, 120px);
}

#home .home-awards-intro {
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

#home .home-awards-rule {
    display: block;
    width: 48px;
    height: 2px;
    background: #eca521;
}

#home .home-awards-title {
    margin: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    text-align: inherit;
    text-transform: none;
    text-wrap: balance;
    color: #1a234d;
}

#home .home-awards-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #1a234d;
}

    #home .home-awards-link::after {
        content: "";
        width: 22px;
        height: 22px;
        background: url("../Images/new-design/blue-arrow.png") no-repeat left center;
        background-size: 16px auto;
        transition: transform 0.2s;
    }

    #home .home-awards-link:hover {
        color: #327aae;
    }

        #home .home-awards-link:hover::after {
            transform: translateX(3px);
        }

@media (max-width: 1199.98px) {
    #home .home-awards {
        flex-direction: column;
        padding: 40px 32px;
        gap: 28px;
    }

    #home .home-awards-intro {
        max-width: none;
        align-items: center;
        gap: 14px;
        text-align: center;
    }

    #home .home-awards .award-seals {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    #home .home-awards .award-seals {
        gap: 40px 24px;
    }

    #home .home-awards .award-seal {
        width: 136px;
        height: 136px;
    }

    #home .home-awards .award-seal-value {
        font-size: 32px;
    }

    #home .home-awards .award-seal-caption {
        max-width: 96px;
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {
    #home .home-awards {
        margin-top: 24px;
        padding: 32px 16px;
        gap: 20px;
    }

    #home .home-awards-title {
        font-size: 24px;
    }

    #home .home-awards .award-seals {
        width: 100%;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 12px;
        padding: 20px 0 36px;
    }

    #home .home-awards .award-seal {
        flex: 1 1 0;
        max-width: 104px;
        width: auto;
        height: auto;
        aspect-ratio: 1;
        gap: 2px;
    }

        #home .home-awards .award-seal::before {
            top: 4px;
            right: 4px;
            bottom: 4px;
            left: 4px;
        }

    #home .home-awards .award-seal-ring::after {
        top: -19px;
        width: 34px;
        height: 26px;
        margin-left: -17px;
    }

    #home .home-awards .award-seal-org {
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #home .home-awards .award-seal-value {
        font-size: min(24px, 6.4vw);
    }

    #home .home-awards .award-seal-caption {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        max-width: none;
        font-size: 12px;
        line-height: 1.25;
    }
}
