img {max-width: 100%;}
iframe {border-radius: 20px;width: 100%;height: 500px;}
.logo {flex: 0 0 57px;}
button.bi {font-size: 32px;color: #6a96d7;background: transparent;border: none;cursor: pointer;}
main ul {margin-left: 20px;}
ul.tabs {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 30px;}
ul.tabs li {flex: 0 0 calc(33% - 20px);}
ul.tabs li a {display: block;position: relative;text-decoration: none;width: 100%;height: 100%;overflow: hidden;border-radius: 20px;border-bottom-left-radius: 0;transition: .15s;}
ul.tabs li a:before {content: '';display: block;position: absolute;width: 100%;height: 100%;background: linear-gradient(20deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);z-index: 1;opacity: 1;transition: .15s;}
ul.tabs li a img {width: 100%;height: 200px;object-fit: cover;}
ul.tabs li a span {display: block;position: absolute;bottom: 15px;left: 15px;color: #367be1;font-size: 24px;line-height: 24px;font-weight: 400;z-index: 2;text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;transition: .15s;}
ul.tabs li:hover a {border-bottom-left-radius: 20px;transform: translate(0, -5px);}
ul.tabs li:hover a:before {opacity: 0;}
ul.tabs li:hover a span {color: #fff;text-shadow: 0 0 5px #000;}
.gallery {width: 100%;height: 270px;object-fit: cover;}
.search-form {display: none;}
@media (max-width: 991px) {
	ul.tabs li {flex: 0 0 calc(50% - 15px);}
}
@media (max-width: 576px) {
	ul.tabs {gap: 15px;}
	ul.tabs li {flex: 0 0 100%;}
	.h2 {font-size: 18px;}
}