.pdf-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    justify-content: center;
    align-items: center;
}

.pdf-popup-content {
    width: 80%;
    height: 80%;
    background: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.pdf-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 38px;
    color: #000;
    cursor: pointer;
    z-index: 10;
}

#pdf-viewer {
    width: 100%;
    height: 100%;
}



.sert-hero {
    width: 100%;
    border-top:1px solid #000;
    display: flex;
    justify-content: center;
}

.sert-hero>.container {
    display: flex;
    justify-content: center;
}

.sert-hero-title {
border-radius: 0 0 20px 20px;
    padding: 15px 10px;
width: 177px;
    height: 59px;
    background: #08302d;
font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


.sertefikat{
    display: flex;
        justify-content: center;
}

.sertefikat>.container {
    display: flex;
    justify-content: center;
}

.sert-list {
    background: #efefef;
    border-radius: 10px;
        padding: 20px;
        width: 1280px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
}

.sert-item {
    border: 1px solid #e6eaeb;
        border-radius: 8px;
        padding: 17px;
        width: 259px;
        height: 438px;
        box-shadow: 0 4px 10px 0 rgba(20, 30, 30, 0.03);
            background: #1e2a2e;
            display: flex;
            flex-direction: column;
            gap: 17px;
}

.sert-img-box {
    border-radius: 8px;
        width: 225px;
        height: 273px;
        object-fit: cover;
}

.sert-img-box>img {
    border-radius: 8px;
    width: 225px;
    height: 273px;
    object-fit: cover;
}


.sert-item-title {
    font-family: var(--font-family);
        font-weight: 700;
        font-size: 16px;
        color: #f3f4f5;
        height:40px;
}

.sert-item-desk {
    font-family: var(--font-family);
        font-weight: 400;
        font-size: 13px;
        color: #e8ecec;
        white-space: nowrap;
            /* текст в один рядок */
            overflow: hidden;
            /* обрізання тексту, що не влізає */
            text-overflow: ellipsis;
            /* додає три крапки ... */
}

.sert-downl {
    display: flex;
    width: fit-content;
    align-self: flex-end;
}

.sert-svg{
   width: 24px;
   height: 24px; 
   stroke: #fff;
}

.contactS{
    width: 100%;
        min-width: 1440px;
        display: flex;
        justify-content: center;
        padding: 0px 20px 25px 20px;

}

.contactS>.container {
    width: 1440px;

}


@media (max-width: 1440px) {
.contactS {
       
        min-width: unset;
       

    }


.contactS>.container {
        width:100%;

    }
}