.our-certificates__wrapper {
    background: #202029;
}

.our-certificates__heading {
    margin-bottom: 31px;
}

.our-certificates__left {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    flex-basis: 458px;
}

.our-certificates__certificates {
    display: flex;
    gap: 72px;
}

.our-certificates__left-cert-wrapper {
    display: flex;
    border: 1.05px solid #A5A5B9;
    padding: 0 20px;
    border-radius: 14px;
    flex-basis: calc((100% - 18px) / 2);
}

a.our-certificates__left-cert-wrapper,
a.our-certificates__center-cert-wrapper,
a.our-certificates__right-cert-wrapper {
    display: flex;
    transition: all 0.3s ease-out;
}

a.our-certificates__left-cert-wrapper:hover,
a.our-certificates__center-cert-wrapper:hover,
a.our-certificates__right-cert-wrapper:hover {
    transform: scale(1.05);
}

.our-certificates__center-cert-wrapper {
    flex-basis: calc((100% - 30px) / 2);
}

.our-certificates__center {
    flex-basis: 360px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.our-certificates__right {
    flex-basis: 238px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.our-certificates__left-cert {
    object-fit: contain;
}

.our-certificates__center-cert,
.our-certificates__right-cert{
    object-fit: cover;
}

.our-certificates__center-cert {
    border-radius: 10px;
}

.our-certificates__right-cert {
    border-radius: 10px;
}

.our-certificates__right-cert-wrapper {
    flex-basis: calc((100% - 18px) / 2);
}

/* Lightbox for certificates */

body:has(.pp_pic_holder) {
    position: relative;
    overflow: hidden;
}


.pp_pic_holder:has(img) .pp_right {
 width: fit-content;
    padding-right: 0;
    background: none!important;
}

.pp_pic_holder:has(img) .pp_left {
    padding-left: 0;
    background: none!important;
}

.pp_pic_holder:has(img) .pp_content,
.pp_pic_holder:has(img) .pp_content_container,
.pp_pic_holder:has(img) {
    height: fit-content!important;
    width: fit-content!important;
}

.pp_pic_holder {
    z-index: 99999999999999999999!important;
}
.pp_pic_holder:has(img) .pp_content {
    padding: 20px;
    background: #F1F4F9;!important;
    border-radius: 20px;
}

.pp_pic_holder:has(img) .pp_bottom,
.pp_pic_holder:has(img) .pp_top,
.pp_pic_holder:has(img) .pp_next,
.pp_pic_holder:has(img) .pp_previous,
.pp_pic_holder:has(img) .ppt {
    display: none!important;
}
html body .pp_pic_holder:has(img) .pp_content_container .pp_content .pp_details {
    top: -50px;
    width: fit-content!important;
    right: -40px;
    display: flex;
    background: #F1F4F9!important;
    padding: 10px;
    transition: all 0.3s ease-out;
    border-radius: 100px;
    margin-top: 0;
}

html body .pp_pic_holder:has(img) .pp_content_container .pp_content .pp_details:hover {
    background: #FF5A46!important;
}

html body .pp_pic_holder:has(img) .pp_details .pp_close {
    background: url('data:image/svg+xml,%3Csvg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.1305 0.956376L0.956758 19.1302C0.42849 19.6584 0.42849 20.5149 0.956759 21.0432C1.48503 21.5715 2.34152 21.5715 2.86979 21.0432L21.0436 2.86941C21.5718 2.34114 21.5718 1.48465 21.0436 0.956377C20.5153 0.428109 19.6588 0.428108 19.1305 0.956376Z" fill="%230d0d0d"/%3E%3Cpath d="M0.956622 2.86946L19.1304 21.0432C19.6587 21.5715 20.5152 21.5715 21.0434 21.0432C21.5717 20.515 21.5717 19.6585 21.0434 19.1302L2.86965 0.956436C2.34138 0.428167 1.48489 0.428167 0.956623 0.956435C0.428354 1.4847 0.428354 2.3412 0.956622 2.86946Z" fill="%230d0d0d"/%3E%3C/svg%3E') no-repeat center center;
}


html body .pp_pic_holder:has(img) .pp_details .pp_close {
    position: relative;
}

.pp_gallery {
    display: none!important;
}
@media screen and (max-width: 1199.98px) {
    .our-certificates__certificates {
        gap: 40px;
    }

    .our-certificates__left,
    .our-certificates__center,
    .our-certificates__right {
        column-gap: 12px;
    }

    .our-certificates__left-cert-wrapper,
    .our-certificates__center-cert-wrapper,
    .our-certificates__right-cert-wrapper
    {
        flex-basis: calc((100% - 12px) / 2);
    }
}

@media screen and (max-width: 1023.98px) {
    .our-certificates__certificates {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .pp_pic_holder:has(img) {
        left: 30px !important;
        width: calc(100vw - 60px) !important;
        overflow: visible!important;
        display: flex;
        justify-content: center;
    }


    html body .pp_pic_holder:has(img) .pp_content_container .pp_content .pp_details .pp_close{
        top: 0!important;
        right: 0!important;
        width: 15px!important;
        height: 15px!important;
    }

    html body .pp_pic_holder:has(img) .pp_content_container .pp_content .pp_details {
        top: -30px;
        right: -10px;
        padding: 5px;
    }

    .pp_pic_holder:has(img) .pp_content {
        padding: 10px;
        border-radius: 10px;
        position: relative;
    }

    .our-certificates__left,
    .our-certificates__center,
    .our-certificates__right {
        flex-basis: 100%;
    }

    .our-certificates__left-cert-wrapper {
        padding: 20px 13px;
    }

    .our-certificates__center-cert,
    .our-certificates__right-cert {
        width: 100%;
    }

    .our-certificates__right-cert-wrapper {
        flex-basis: calc((100% - 36px) / 4);
    }

    .our-certificates__heading {
        margin-bottom: 25px;
    }
}