/* Start:/local/templates/main/components/bitrix/catalog.section.list/catalog/style.css?17592315942779*/
.section_card{
	-webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
	transition: 0.5s;
	 overflow: hidden;
	 background:#fff;
	border-radius:5px;
	border:2px solid #fff;
}

.section_card:hover{
	-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
	transform: translateY(-5px);
}

.documentation-section {
    padding: 3.75rem 0rem 6.25rem 0rem;
}

.section-documentation-name {
    font-size: clamp(1.3125rem, 2vw, 2.375rem);
    font-weight: 500;
    color: #222222;
    margin-bottom: 1.5625rem;
}

.documentation-card-col {
    padding: 0.65rem 1.25rem !important;
}

.documentation-card {
    background-color: #F6F6F6;
    border: solid .0625rem #E0E0E0;
    height: 100%;
    border-radius: 1.875rem;
    overflow: hidden;
    padding: 1.875rem !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
    height: 14.6875rem;
    -webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
	transition: 0.5s;
}

.documentation-card:hover {
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
	transform: translateY(-5px);
}

.documentation-card-info {
    padding: 1.875rem;
}


.detailed-document-btn {
    max-width: 11.125rem !important;
    border: solid .0625rem #092E47 !important;
    color: #092E47 !important;
    font-size: 1.125rem !important;
    border-radius: .9375rem !important;
}

.detailed-document-btn:hover {
    background-color: #092E47 !important;
    color: #fff !important;
}

/* Для svg-иконки стрелки внутри кнопки */
.detailed-document-btn:hover svg {
    fill: #fff !important;
    stroke: #fff !important;
}

/* Для img-иконки стрелки внутри кнопки */
.detailed-document-btn:hover img {
    filter: brightness(0) invert(1) !important;
}

.document-name a{
    text-decoration: none !important;
    color: #222222 !important;
    font-weight: 500 !important;
    font-size: 1.5rem !important;
}
 

@media (max-width: 1200px) {
    .documentation-card {
        background-size: clamp(9.375rem, 45vw, 18.75rem);
    }
}

@media (max-width: 576px) {
    .documentation-card {
        padding: 1.25rem !important;
    }

    .document-name a{
        font-size: 1.25rem !important;
    }

    .section-documentation-name h2 {
        font-size: 1.875rem;
    }

    .documentation-section {
        padding: 2rem 0 3rem 0;
    }
}
/* End */
/* /local/templates/main/components/bitrix/catalog.section.list/catalog/style.css?17592315942779 */