.permission-documents{
    padding: 65px 0;
}

.permission-documents .title-block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 75px;
}

.permission-documents .section-title{
    font-weight: 500;
    font-size: 45px;
    line-height: 110%;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    max-width: 450px;
    margin-bottom: 0;
}

.permission-documents .subtitle{
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 18px;
}

.permission-documents .info-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.03em;
    color: var(--light-gray);
    max-width: 500px;
}

.certificate-info{
    background: rgba(51, 51, 51, 0.88);
}

.open-certificate{
    border: 1px solid var(--white);
    color: var(--white);
}

.certificate-info h3{
    font-weight: 500;
    font-size: 24px;
    line-height: 104%;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

.certificate-info h3 .number{
    color: var(--orange);
}

.certificate-info p{
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.03em;
}

.documentsSwiper-button-next{
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31.8536 4.35355C32.0488 4.15829 32.0488 3.84171 31.8536 3.64645L28.6716 0.464466C28.4763 0.269204 28.1597 0.269204 27.9645 0.464466C27.7692 0.659728 27.7692 0.976311 27.9645 1.17157L30.7929 4L27.9645 6.82843C27.7692 7.02369 27.7692 7.34027 27.9645 7.53553C28.1597 7.7308 28.4763 7.7308 28.6716 7.53553L31.8536 4.35355ZM0.5 4.5H31.5V3.5H0.5V4.5Z' fill='%23373A3B'/%3e%3c/svg%3e ");
 width: 57px;
    height: 57px;
    background-size: 30px;
    background-color: #fbfbfb;
    border-radius: 50%;
    background-position: center;
    z-index: 5555;
}
.documentsSwiper-button-prev{
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.146446 3.64645C-0.0488148 3.84171 -0.0488148 4.15829 0.146446 4.35355L3.32843 7.53553C3.52369 7.7308 3.84027 7.7308 4.03553 7.53553C4.2308 7.34027 4.2308 7.02369 4.03553 6.82843L1.20711 4L4.03553 1.17157C4.2308 0.976311 4.2308 0.659728 4.03553 0.464466C3.84027 0.269204 3.52369 0.269204 3.32843 0.464466L0.146446 3.64645ZM31.5 3.5H0.5V4.5H31.5V3.5Z' fill='%23373A3B'/%3e%3c/svg%3e ");
    width: 57px;
    height: 57px;
    background-size: 30px;
    background-color: #fbfbfb;
    border-radius: 50%;
    background-position: center;
    z-index: 55555;
}

.documentsSwiper-button-prev:hover{
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.146446 3.64645C-0.0488148 3.84171 -0.0488148 4.15829 0.146446 4.35355L3.32843 7.53553C3.52369 7.7308 3.84027 7.7308 4.03553 7.53553C4.2308 7.34027 4.2308 7.02369 4.03553 6.82843L1.20711 4L4.03553 1.17157C4.2308 0.976311 4.2308 0.659728 4.03553 0.464466C3.84027 0.269204 3.52369 0.269204 3.32843 0.464466L0.146446 3.64645ZM31.5 3.5H0.5V4.5H31.5V3.5Z' fill='%23ffffff'/%3e%3c/svg%3e ");
    background-color: var(--orange);
}

.documentsSwiper-button-next:hover{
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31.8536 4.35355C32.0488 4.15829 32.0488 3.84171 31.8536 3.64645L28.6716 0.464466C28.4763 0.269204 28.1597 0.269204 27.9645 0.464466C27.7692 0.659728 27.7692 0.976311 27.9645 1.17157L30.7929 4L27.9645 6.82843C27.7692 7.02369 27.7692 7.34027 27.9645 7.53553C28.1597 7.7308 28.4763 7.7308 28.6716 7.53553L31.8536 4.35355ZM0.5 4.5H31.5V3.5H0.5V4.5Z' fill='%23ffffff'/%3e%3c/svg%3e ");
    background-color: var(--orange);
}

@media screen and (max-width: 1199px){
    .permission-documents .section-title{
        font-size: 35px;
    }
}

@media screen and (max-width: 768px){
    .permission-documents .title-block{
        grid-template-columns: 1fr;
        margin-bottom: 46px;
        gap: 48px;
    }

    .permission-documents .section-title{
        font-size: 30px;
    }

    .permission-documents .info-text{
        font-size: 13px;
    }
    
    .documents-image{
        margin-bottom: 120px;
    }
    
    .documentsSwiper-button-next, .documentsSwiper-button-prev{
        top: auto;
        bottom: -60px;
    }
}