/* Start:/local/templates/versal_sw/components/bitrix/news.list/portfolio/style.css?17602828022331*/
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.news-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

    display: flex;
    align-items: center;
    justify-content: center;

    aspect-ratio: 3/4;
}

.news-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.9) 100%);
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(100%);
    max-height: 0;
    overflow: hidden;
    transition:
            opacity 0.4s ease,
            transform 0.4s ease,
            max-height 0.4s ease;
}

.news-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.2;
}

.news-text {
    font-size: 14px;
    line-height: 1.4;
    color: #f1f1f1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.news-grid.wrapper {
    padding-top: 4rem;
    padding-bottom: 7rem;
}
.section-header__title.wrapper.block-wrapper {
    padding-left: 0;
    padding-top: 20px;
}

.news-item.active .news-overlay {
    opacity: 1;
    transform: translateY(0);
    max-height: 75%;
}
.news-item.active img {
    transform: scale(1.05);
}
.news-item.active {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

body {
    overflow-x: hidden;
    max-width: 100vw;
}
.section-header__title.h1.wrapper h1 {
    margin-top: 40px;
}

@media(hover:hover) {
    .news-item:hover .news-overlay {
        opacity: 1;
        transform: translateY(0);
        max-height: 75%;
    }
    .news-item:hover img {
        transform: scale(1.05);
    }
    .news-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    }
}

@media (max-width: 1000px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
}
/* End */


/* Start:/local/templates/versal_sw/components/bitrix/news.list/portfolio_offer/style.css?1759521238150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/versal_sw/components/bitrix/form.result.new/order_landscaping/style.css?1759523077666*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/versal_sw/components/bitrix/form.result.new/order_landscaping/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/versal_sw/components/bitrix/form.result.new/order_landscaping/images/icon_warn.gif);
}
/* End */
/* /local/templates/versal_sw/components/bitrix/news.list/portfolio/style.css?17602828022331 */
/* /local/templates/versal_sw/components/bitrix/news.list/portfolio_offer/style.css?1759521238150 */
/* /local/templates/versal_sw/components/bitrix/form.result.new/order_landscaping/style.css?1759523077666 */