.wrapper__panorama{position:relative}
.wrapper__slider .swiper-pagination{gap:5px; width:100%; padding:0; margin:0; display:flex; align-items:center; justify-content:center; width:100%; left:0; right:0; position:absolute; bottom:15px}
.wrapper__slider .swiper-pagination-bullet{opacity: 1;background: transparent;border-radius: 50%;width: 12px;height: 12px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;border:1px solid #f7c972 ;padding:0;text-indent:-9999px}
.wrapper__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{-webkit-transform: none;transform: none;width: 36px;border-radius: 8px;background: #f7c972}
.banner-mobile-contact{position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(49, 47, 43, 0.7);z-index:1}
.banner-mobile-contact__text{text-align: center;width: 100%;animation: 5s ease-in-out 0s normal none infinite running color-animation; padding-bottom: 20px}
.banner-mobile-contact__text div:nth-child(1){font: 600 20px/26px 'Merriweather';text-transform: uppercase;letter-spacing: 3px}
.banner-mobile-contact__text div:nth-child(2){font: italic 30px/32px 'Merriweather';}
.banner-mobile-contact__address{font-size: 16px; color:#fff}
.banner-mobile-contact__phone{}
.banner-mobile-contact__phone a{font: 700 20px/32px 'Merriweather';color: #fff}
.panorama__block {
    position: relative;
    aspect-ratio: 1920 / 550; /* Десктоп пропорция */
}

@media (max-width: 575px) {
    .panorama__block {
        aspect-ratio: 575 / 250; /* Мобильная пропорция */
    }
}

.panorama__block img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media(max-width:991px){
	.wrapper__slider .swiper-pagination{bottom:0}
	.wrapper__slider .swiper-pagination-bullet{width: 10px;height: 10px;}
	.wrapper__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px}
}
@media(max-width:575px){
	.wrapper__slider .swiper-pagination{display:none !important}
	.panorama__block img{height:250px; object-fit:cover}
}
@media(max-width:350px){
	.banner-mobile-contact__text div:nth-child(1){font: 600 16px/22px 'Merriweather'}
	.banner-mobile-contact__text div:nth-child(2){font: italic 26px/32px 'Merriweather';}
}
@keyframes color-animation {
	0%{color: #c78f43;}
   25%{color: #f7c972;}
   50%{color: #d6b05b;}
   75%{color: #f7c972;}
   100%{color: #c78f43;}
}