.elementor-83617 .elementor-element.elementor-element-b8a5171:not(.elementor-motion-effects-element-type-background), .elementor-83617 .elementor-element.elementor-element-b8a5171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F4F0;}.elementor-83617 .elementor-element.elementor-element-b8a5171{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 100px 0px;}.elementor-83617 .elementor-element.elementor-element-b8a5171 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for section, class: .elementor-element-b8a5171 */header{display:none}
footer{display:none}
.map-section{position:relative;width:100%;height:718px;overflow:hidden;margin-top:50px}
.map-bg{position:absolute;inset:0;background:url(https://wowwwagency.com/wp-content/uploads/2026/04/map.webp) center/cover no-repeat}
.map-heading{position:absolute;top:190px;left:0px;transform:translateY(-50%);z-index:2}
.map-heading h2 {
    font-size: 90px !important;
    font-weight: 700 !important;
    line-height: .9;
    font-family: sans-serif !important;
}
.pin{position:absolute;transform:translate(-50%,-100%);cursor:pointer;z-index:10}
.pin-dot{width:32px;height:42px;background:url(https://wowwwagency.com/wp-content/uploads/2026/04/loc.webp) center/contain no-repeat;transition:.3s}
.pin.active .pin-dot{width:80px;height:95px;background:url(https://wowwwagency.com/wp-content/uploads/2026/04/location.webp) center/contain no-repeat;animation:zoom 2s infinite}
@keyframes zoom{
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
.pin-tooltip{position:absolute;top:93%;left:60%;transform:translateX(-50%);color:#000;font-size:20px;padding:0;width:110px;text-align:center;    line-height: 1.2;}
.info-card{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:500px;overflow:visible;z-index:20}
.card-wrapper{position:relative;width:100%;min-height:400px}
.location-card{position:absolute;width:100%;background:#fff;padding:40px 40px 40px 50px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateX(100%);transition:all .3s cubic-bezier(.25, .46, .45, .94);top:0;left:0;pointer-events:none;width:500px;box-sizing:border-box}
.location-card.active{opacity:1;visibility:visible;transform:translateX(0);position:relative;pointer-events:auto}
.location-card.exit-right{transform:translateX(100%);opacity:0;visibility:visible;position:absolute;pointer-events:none;transition:all .25s cubic-bezier(.55, .085, .68, .53)}
.card-city{font-size:35px;letter-spacing:-1px;font-weight:700;font-family:sans-serif;position:relative;color:#4d5e55;text-transform:uppercase;width:fit-content}
.card-city::after{position:absolute;content:'';background:#58685f;width:100%;height:2px;bottom:-6px;left:0}
.card-city::before{position:absolute;content:'';background:url(https://wowwwagency.com/wp-content/uploads/2026/04/Rectangle-152.webp);width:31px;height:20px;left:-50px;top:13px}
.card-type{font-size:22px;margin:25px 0 30px;color:#58685f;font-weight:600;font-family:sans-serif}
.card-text{font-size:22px;margin-bottom:10px;padding-left:45px;color:#58685f;background:url(https://wowwwagency.com/wp-content/uploads/2026/04/loca.webp);background-repeat:no-repeat;background-position-y:4px;padding-bottom:10px;font-weight:400;font-family:sans-serif}
.card-phone{font-weight:800;padding-left:45px;font-size:31px;background:url(https://wowwwagency.com/wp-content/uploads/2026/04/phone.webp);background-repeat:no-repeat;background-position-y:7px;color:#58685f;}
 .container{width:1760px;margin:0 auto;position:relative;height:100%}
     @media(max-width:1800px){.container{width:1440px;}
         .info-card {
    position: absolute;
    right: 0%;}
    .map-heading {
    position: absolute;
    top: 190px;
    left: 0px;}
     }
@media(max-width:1450px){
.container{width:1280px}
.map-bg{background-size:100% 100%!important}
.map-heading{left:0}
    .map-heading h2 {
        font-size: 75px !important;
    }
.info-card{width:450px;right:3%}
.location-card{width:450px}
.card-city{font-size:30px}
.card-text{font-size:20px;line-height:1.4}
.card-type{font-size:20px;margin:24px 0 20px}
}
@media(max-width:768px){
.map-heading h2{font-size:50px}
.info-card{width:90%;left:5%;right:auto}
.card-city{font-size:25px}
.card-type{font-size:18px}
.card-text{font-size:18px}
.card-phone{font-size:24px}
.card-city::before{left:-30px;width:20px;height:15px;background-size:contain}
.card-text{padding-left:35px}
.card-phone{padding-left:35px}
}/* End custom CSS */