.content__banner{position:relative; height:700px}
.content__banner > picture, .content__banner > picture img{width:100%; height:100%; object-fit:cover}
.banner-with-booking.content__banner{margin-bottom:-63px}
.content__banner::after{position:absolute; content:""; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6)}
.banner__content-row{padding-top:100px; display:flex;align-items:center;justify-content:center;height: 100%;text-align: center;}
h1.banner__title{font-weight: 500;  font-size: clamp(44px, 5vw, 76px); line-height:1; color: #FFFFFF; margin-bottom: 32px;}
.banner__text{max-width:760px;margin: 0 auto;}
.banner__content{text-align: center;color: #FFFFFF;}
.banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index: 1;}
.list-square__row{display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px}
.list-square__row.three-cols__row{grid-template-columns: repeat(3, 1fr)}
.list-square__item {padding: 20px; border: 1px solid rgba(0, 50, 79, 0.1);display: flex;flex-direction: column;align-items: start;height: 100%}
.list-square__heading{font-size: 24px; line-height: 1.4; color: #00324F;display:block; padding:16px 0 4px}
.list-square__heading:hover{color:#5B8CB5}
.list-square__content{font-size: 14px;line-height: 1.4;color: #808080;padding-bottom:24px}
.list-square__item .button{margin-top:auto}
.banner__boocking{position:relative; z-index:10}
.banner__boocking-block{border: 1px solid rgba(0, 50, 79, 0.1)}
.two-cols__row .list-square__media{width:100%; height:320px}
.two-cols__row .list-square__media img{width:100%; height:100%; object-fit:cover}
@media(max-width:1429px){
	.banner__content-row{padding-top:80px}
	.banner-with-booking.content__banner{margin-bottom: -125px}
	.list-square__heading{font-size: 22px}
	.list-square__item {padding: 16px}
	.list-square__row{gap: 24px}
	.two-cols__row .list-square__media{height:280px}
}
@media(max-width:991px){
	.banner__content-row{padding-top:60px}
	h1.banner__title{margin-bottom: 24px}
	.content__banner{height:640px}
	.two-cols__row .list-square__media{height:220px}
	.list-square__row.three-cols__row{grid-template-columns: repeat(2, 1fr)}
}
@media(max-width:767px){
	.banner__content-row{padding-top:40px}
	h1.banner__title{margin-bottom: 16px}
	.tl-container{padding: 8px 15px}
	.banner-with-booking.content__banner{margin-bottom: -115px}
	.list-square__heading{font-size: 20px}
	.list-square__row{gap: 16px}
	.list-square__row.three-cols__row, .list-square__row{grid-template-columns: repeat(1, 1fr)}
	.two-cols__row .list-square__media{height:320px}
	.list-square__item .button{width:100%}
}
@media(max-width:575px){
	.content-list-square{padding-top:0 !important}
	.banner__content-row{padding-top:0}
	.two-cols__row .list-square__media{height:280px}
	h1.banner__title{max-width:355px; margin:0 auto 25px; line-height:1.1}
}
@media(max-width:417px){
	.content__banner.banner-with-booking .banner__content{top:-85px}
	.banner-with-booking.content__banner{margin-bottom: -170px}
	.two-cols__row .list-square__media{height:240px}
}