.main-section-banners {}

.main-section-banners img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-section-banners__container {
	display: flex;
	flex-wrap: wrap;
}

.main-section-banners .name {
	font-size: 13px;
	color: rgb(242, 209, 168);
	text-transform: uppercase;
	line-height: 2.769;
	text-align: center;
	text-decoration: none;
}


.main-section-banners__item:hover img{
	-webkit-box-shadow: 0px 0px 12px 4px #00a398;
    box-shadow: 0px 0px 12px 4px #00a398;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
    -webkit-transition: box-shadow 0.5s ease 0s;
    -webkit-transition: -webkit-box-shadow 0.5s ease 0s;
    transition: -webkit-box-shadow 0.5s ease 0s;
    -o-transition: box-shadow 0.5s ease 0s;
    transition: box-shadow 0.5s ease 0s;
    transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s;
}

.main-section-banners__container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(2, 1fr);
	gap: 20px;
	grid-template-areas: 
	"banners__item--1 banners__item--2 banners__item--4" 
	"banners__item--3 banners__item--3 banners__item--4";
}

.banners__item--1 {
	grid-area: banners__item--1;
}

.banners__item--2 {
	grid-area: banners__item--2;
}

.banners__item--3 {
	grid-area: banners__item--3;
}

.banners__item--4 {
	grid-area: banners__item--4;
}


@media (max-width: 992px){
	.main-section-banners__item {
		overflow: hidden;
	}
	.main-section-banners__container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 0.57fr 0.45fr 0.5fr;
		gap: 10px;
		grid-template-areas: 	"banners__item--1 banners__item--1" 
								"banners__item--2 banners__item--4"
								"banners__item--3 banners__item--4";
	}
}


@media all and (-ms-high-contrast:none) {
	.main-section-banners__item{
		padding: 10px;
	}
	.main-section-banners__container {
		display: -ms-grid;
		-ms-grid-columns: 1.054fr 0.91fr 1.036fr
		-ms-grid-rows: repeat(2, 1fr);
	}
	.banners__item--1 {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.banners__item--2 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.banners__item--3 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
	}
	.banners__item--4 {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 3;
		-ms-grid-column-span: 2;
	}
}