/* Start:/local/templates/main/assets/css/pages/documents.css?17651851642923*/
font-face {
    font-family: "Geologica";
    src: url("/local/templates/main/assets/css/pages/./assets/fonts/Geologica/Geologica-VariableFont_CRSV,SHRP,slnt,wght.ttf") format("truetype");
}


:root {
    --green: #004746;
    --orange: #f04923;
    --gray: #414042;
    --light-gray: #E6E6E6;
    --border: #bdbfc6;
    --background: #F2F2F2;
    --text-black: #1E1E1E;
    --text-gray: #5D5E60;
    --text-light-gray: #959698;
}

body {
    margin: 0;

    font-family: Geologica;
    font-weight: 300;
    line-height: 24px;

    display: flex;
    flex-direction: column;
}

header {
    padding-top: 3%;
    padding-left: 6%;
}

header img {
    height: 53px;
}

.main-block {
    padding: 5% 6% 11% 6%;
}

.title {
    font-weight: 400;
    font-size: 86px;
    line-height: 86px;

    padding-top: 1%;
    padding-bottom: 4%;

    display: flex;
    flex-direction: column;
    gap: 16px;

}

.navigation {
    gap: 8px;

    outline: none;
    background: transparent;
    border: none;

    font-size: 16px;
    font-weight: 300;
    font-family: Geologica;

    display: flex;
    flex-direction: row;
    align-items: center;
}


.dark-text {
    transition: all 0.3s;
}

.dark-text:hover {
    cursor: pointer;
    opacity: 0.6;
}

.info-block {
    display: flex;
    flex-direction: row;

    gap: 8.5vw;
}

.info {
    display: flex;
    flex-direction: column;

    font-size: 16px;
    line-height: 24px;
}

.info-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;

    margin-bottom: 5%;
}

.item {
    display: flex;
    flex-direction: row;
    gap: 3.4vw;

    padding: 12px 0px;

    border-bottom: 1px solid var(--border);
}

.doc-name {
    width: 29vw;
}


.results-block {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;

    gap: 24px
}


@media (max-width: 1440px) {
    .title {
        font-size: 46px;
        line-height: 46px;
    }

    .info-block {
        flex-direction: column;
        gap: 46px;

        width: 88vw;
        padding: 0
    }

    .item {
        flex-direction: column;
        gap: 16px;
    }

    .title {
        padding-bottom: 46px;
    }

    .info-title {
        font-size: 26px;
        line-height: 30px;

        margin-bottom: 16px;
    }

    .doc-name {
        width: 100%;
    }
}

@media (max-width: 744px) {
    header{
        padding-left: 24px;
        padding-top: 16px;
    }
    
    header img {
        height: 31px;
    }

    .main-block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .info {
        font-size: 14px;
        line-height: 20px;
    }

    .item {
        /* width: 93vw; */
    }

    .results-block {
        gap: 40px
    }

}

@media (max-width: 375px) {
    .doc-name {
        width: 89vw;
    }

    .item{
        width: 89vw;
    }

    .results-block {
        flex-direction: column;
        gap: 16px
    }

    .dark-text {
        font-size: 14px;
        line-height: 20px;
    }
}
/* End */


/* Start:/local/templates/main/assets/css/components/doc-download-card.css?17581659262791*/
.doc-info {
    font-size: 20px;
    line-height: 26px;
    padding: 36px;

    display: flex;
    flex-direction: column;
    gap: 10px
}

.doc-card {
    clip-path: polygon(0% 22.871%, 0% 22.871%, 0.013% 22.194%, 0.05% 21.526%, 0.111% 20.869%, 0.196% 20.226%, 0.304% 19.6%, 0.434% 18.994%,
            0.587% 18.411%, 0.76% 17.853%, 0.955% 17.324%, 1.169% 16.826%, 7.851% 2.511%, 7.851% 2.511%, 8.084% 2.05%, 8.332% 1.632%, 8.593% 1.26%,
            8.866% 0.933%, 9.15% 0.653%, 9.443% 0.421%, 9.744% 0.239%, 10.052% 0.107%, 10.365% 0.027%, 10.682% 0%, 96% 0%, 96% 0%, 96.649% 0.112%,
            97.264% 0.436%, 97.838% 0.955%, 98.362% 1.651%, 98.828% 2.506%, 99.228% 3.503%, 99.554% 4.624%, 99.796% 5.852%, 99.948% 7.168%, 100% 8.556%,
            100% 91.444%, 100% 91.444%, 99.948% 92.832%, 99.796% 94.148%, 99.554% 95.376%, 99.228% 96.497%, 98.828% 97.494%, 98.362% 98.349%, 97.838% 99.045%,
            97.264% 99.564%, 96.649% 99.888%, 96% 100%, 4% 100%, 4% 100%, 3.351% 99.888%, 2.736% 99.564%, 2.162% 99.045%, 1.638% 98.349%, 1.172% 97.494%,
            0.772% 96.497%, 0.446% 95.376%, 0.204% 94.148%, 0.052% 92.832%, 0% 91.444%, 0% 22.871%);

    width: 400px;
    height: 187px;

    background: var(--light-gray);
}

.doc-button {
    background: none;
    outline: none;
    border: none;

    border-bottom: 1px solid var(--border);

    padding: 0px;
    align-self: center;

    font-family: Geologica;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;

    transition: all 0.3s;
}

.doc-button:hover {
    cursor: pointer;
    opacity: 0.7;
}

.download {
    align-self: flex-start;
    padding-top: 18px;
}


.gray-text {
    color: var(--text-gray);
}

.doc-info .gray-text {
    font-size: 16px;
    line-height: 24px;
}





@media (max-width: 1440px) {
    .main-block {
        padding-bottom: 66px;
        padding-top: 66px;
    }

    .doc-card {
        width: 302px;
        height: 149px;
    }

    .doc-button {
        align-self: start;
        font-size: 14px;
        line-height: 20px;
    }


    .doc-info {
        font-size: 18px;
        line-height: 24px;
        padding: 26px;
        gap: 6px
    }

    .doc-info .gray-text {
        font-size: 14px;
        line-height: 20px;
    }

}

@media (max-width: 744px) {
    .doc-card {
        width: 327px;
    }
}

@media (max-width: 375px) {
    .doc-button {
        align-self: start;
        font-size: 14px;
        line-height: 20px;
    }

    .doc-card {
        width: fit-content;
        height: fit-content;

    }

    .doc-info {
        width: 270px;
    }

    .light-text {
        font-size: 14px;
        line-height: 20px;
    }

}
/* End */
/* /local/templates/main/assets/css/pages/documents.css?17651851642923 */
/* /local/templates/main/assets/css/components/doc-download-card.css?17581659262791 */