.main-contacts{padding:30px 0}.main-contacts__grid{grid-template-columns:1fr;justify-items:center;gap:15px;display:grid}.flip-card{perspective:1500px;cursor:pointer;width:100%;max-width:max(274px,min(71.875vw + 44px,504px));min-height:max(265px,min(76.5625vw + 20px,510px));text-decoration:none;display:block;position:relative}.flip-card,.flip-card:hover{color:var(--color-white)}.flip-card__inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0;left:0;right:0}.flip-card:hover .flip-card__inner{transform:rotateY(180deg)}.flip-card:focus-visible .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card__face,.flip-card__face-inner{border-radius:16px;position:absolute;top:0;bottom:0;left:0;right:0}.flip-card__face-inner{justify-content:center;align-items:flex-end;padding:max(30px,min(2.77778vw - 3.33334px,50px));display:flex;overflow:hidden}.flip-card__face--front{background-color:#ccc;transform:rotateY(0)}.flip-card__face--back{background-color:#1a1a1a;transform:rotateY(180deg)}.flip-card__bg{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.flip-card__city{z-index:2;font-size:max(20px,min(1.02273vw + 16.7273px,29px));line-height:var(--color-white);font-family:var(--font-euclid);position:relative}.flip-card__video{-o-object-fit:cover;z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.flip-card__content{z-index:1;text-align:center;justify-content:space-between;padding:max(25px,min(.694445vw + 16.6667px,30px)) 20px;position:absolute;top:0;bottom:0;left:0;right:0}.flip-card__content,.flip-card__info-top{flex-direction:column;align-items:center;display:flex}.flip-card__info-top{gap:4px}.flip-card__info-bottom{flex-direction:column;align-items:center;gap:4px;display:flex}.flip-card__info{color:var(--color-white);font-size:max(14px,min(1.875vw + 8px,20px));line-height:1.3}

@media (min-width:640px){.main-contacts__grid{gap:25px}}
@media screen and (min-width:1200px){.main-contacts{padding:60px 0}}
@media (min-width:1200px){.main-contacts__grid{grid-template-columns:repeat(3,1fr);gap:35px}.flip-card{max-width:100%;min-height:max(527px,min(13.8889vw + 360.333px,627px))}.flip-card__city{font-size:max(29px,min(1.38889vw + 12.3333px,39px))}.flip-card__info{font-size:max(20px,min(1.38889vw + 3.33333px,30px))}}
@media screen and (min-width:1440px){.main-contacts__container{max-width:1600px}}