.panel-tiles-two-columns { padding-top: 140px; padding-bottom: 150px; }
.panel-tiles-two-columns .title-wrapper { text-align: center; padding-bottom: 20px; }
.panel-tiles-two-columns a { display: block; text-decoration: none; }
.panel-tiles-two-columns .bg { position: relative; display: block; aspect-ratio: 1.5; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.panel-tiles-two-columns .bg:before { /*content: ""; position: absolute; left:0;width: 100%; height: 100%; pointer-events: none; background-color: rgba(0,0,0,0.2); transition:all 0.4s; */}
.panel-tiles-two-columns .item a:hover .bg:before{opacity: 0;transition:all 0.4s; }
.panel-tiles-two-columns .col-left .row > div:first-of-type { flex: 0 0 100%; max-width: 100%; }
.panel-tiles-two-columns .col-right .row > div:nth-of-type(3) { flex: 0 0 100%; max-width: 100%; }
.panel-tiles-two-columns .item { margin-bottom: 20px; }
.panel-tiles-two-columns .item h3 { font-size:20px; color: #fff; position: absolute; left: 0; bottom: 0; margin: 0 0 25px 25px; text-transform:uppercase;}
.panel-tiles-two-columns h2 { font-size: 50px; color: var(--tmpl_primary); }

/* https://codepen.io/vkjgr/pen/OPRPRR */
.panel-tiles-two-columns > .container > .row {display: flex;flex-wrap: wrap;flex-direction: column;display: -webkit-flex;-webkit-flex-wrap: wrap;-webkit-flex-direction: column;height: 500px;}
.panel-tiles-two-columns > .container > .row > div {padding:15px;position: relative;}
.panel-tiles-two-columns > .container > .row > div > div.item {position:absolute;top:0;bottom:0;left:0;right:0;}
.panel-tiles-two-columns > .container > .row > div > div.item > span {height:100%;}
.panel-tiles-two-columns > .container > .row > div > div.item > .description {display:none;}
.panel-tiles-two-columns > .container > .row > div > div.item:hover > .description {display:block;}
.panel-tiles-two-columns .panel-col-1, .panel-tiles-two-columns .panel-col-2 {flex: 0 0 50%;-webkit-flex: 0 0 50%;background: green;}
.panel-tiles-two-columns .panel-col-0 {-webkit-flex: 0 0 100%;flex: 0 0 100%;-webkit-order: 1;order: 1;background: blue;}
.panel-tiles-two-columns .panel-col-2 {background: red;}


@media (max-width: 1199px){
	.panel-tiles-two-columns { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 991px){
	.panel-tiles-two-columns .title-wrapper br { display: none; }
}