.wrapper__contact .widget__title{text-align:center}
.wrapper__contact .widget__title-desc{text-align:center; font:400 30px/34px 'Philosopher'; padding-bottom:40px}
.contact__row{display:flex; gap:20px}
.left__contact{width:460px;background:#E5D7CC;border-radius:20px;padding:40px;display:flex;flex-direction:column;gap: 35px;}
.left__contact .h2 svg, .left__contact ul li a svg{display:block; animation: icon-rotate 8s linear infinite;}
.right__contact{width:calc(100% - 460px)}
.left__contact ul{display:flex; flex-direction:column; gap:40px}
.left__contact ul li a{display:flex;gap:8px;font: 700 20px/1.2 'Philosopher';color: #402714}
.left__contact ul li a > span:nth-child(1){min-width: 32px;height: 32px;display:flex;align-items:center;width: 32px;justify-content: center;}
.left__contact ul li a > span:nth-child(2){display:flex;flex-direction:column;gap: 15px;width:calc(100% - 32px)}
.left__contact ul li a > span:nth-child(2) span{display:block}
.contact__all-phone{font:700 20px/1.1 'Philosopher'; color: #402714}
.contact__all-phone a{color: #402714}
.right__contact{position:relative}
.right__contact .contact__map-icon{position:absolute; right:-25px; top:-80px; animation: map-icon-bounce 2s ease-in-out infinite;}
#yandex-map{height:100%; overflow:hidden; border-radius:20px}

.wrapper__contact .widget__title-h1{flex-direction:column; align-items:center; justify-content:center; padding-bottom:0; gap:30px}


@keyframes map-icon-bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

@media (max-width: 1499px){
	.wrapper__contact .widget__title-desc{text-align:center;font: 400 26px/34px 'Philosopher';}
	.left__contact{width: 420px;padding: 30px;gap: 30px;}
	.right__contact{width: calc(100% - 420px);}
	.left__contact ul{gap: 30px;}
	.left__contact ul li a{font: 700 18px/1.2 'Philosopher';}
	.left__contact ul li a > span:nth-child(1){min-width: 32px;height: 32px; width: 32px}
	.left__contact ul li a > span:nth-child(2){gap: 10px;width:calc(100% - 32px)}
	.contact__all-phone{font:700 18px/1.1 'Philosopher'}
	.right__contact .contact__map-icon{right: -20px;top: -60px;width: 90px;}
}
@media (max-width: 1199px){
	.wrapper__contact .widget__title-desc{text-align:center;font: 400 22px/34px 'Philosopher';padding-bottom:35px}
	.left__contact{width: 360px;padding: 25px;gap: 25px;}
	.right__contact{width: calc(100% - 360px);}
	.left__contact ul{gap: 20px;}
	.left__contact ul li a{font: 700 16px/1.2 'Philosopher';}
	.left__contact ul li a > span:nth-child(1){min-width: 32px;height: 32px; width: 32px}
	.left__contact ul li a > span:nth-child(2){gap: 6px;width:calc(100% - 32px)}
	.contact__all-phone{font: 700 16px/1.1 'Philosopher';}
	.right__contact .contact__map-icon{right: -15px;top: -45px;width: 70px;}
}
@media (max-width: 991px) {
	.wrapper__contact .widget__title-desc{text-align:center;font: 400 20px/32px 'Philosopher';padding-bottom:30px}
	.contact__row{flex-direction:column}
	.left__contact, .right__contact{width:100%}
	.left__contact ul{flex-wrap:wrap; flex-direction:row}
	.left__contact ul li{width:calc((100% - 20px) / 2)}
	.left__contact .h2{text-align:center}
	.left__contact .h2 svg, .left__contact .btn__group{margin:0 auto}
	.contact__all-phone{text-align:center; font:700 18px/1.1 'Philosopher'}
	#yandex-map{height:400px}
}
@media (max-width: 767px) {
	.wrapper__contact .widget__title-desc{text-align:center;font: 400 18px/26px 'Philosopher'; padding-bottom:25px}
	.left__contact{padding:20px}
	.left__contact ul{gap:15px}
	.left__contact ul li{width:calc((100% - 15px) / 2)}
	.contact__all-phone{font:700 16px/1.1 'Philosopher'}
	#yandex-map{height:360px}
	.left__contact ul li a {font: 700 15px / 1.2 'Philosopher';}
	.left__contact ul li a > span:nth-child(1) {min-width: 15px;height: 22px;width: 15px;}
}
@media (max-width: 575px) {
	.wrapper__contact .widget__title-desc{text-align:center;font: 400 16px/24px 'Philosopher'; padding-bottom:20px}
	.left__contact{padding:20px}
	.left__contact ul{gap:15px}
	.left__contact ul li{width:100%}
	#yandex-map{height:360px}
	.left__contact ul li a {font: 700 16px / 1.2 'Philosopher';}
	.contact__all-phone a{display:block; padding-top:5px}
	.left__contact ul li a > span:nth-child(2){flex-direction:row; gap:15px}
	.contact__link-desc{margin-left:auto; white-space:nowrap}    
	.right__contact .contact__map-icon {right: -10px;top: -20px;width: 50px;}
}
@media (max-width: 375px) {
	.contact__link-desc{display:none !important}
}