.hot-spots-container{background-color:#edf3ff;padding:100px 20px;display:flex;align-items:center;justify-content:center}@media(max-width:982px){.hot-spots-container{flex-direction:column;padding:64px 20px;gap:32px}}.hot-spots-container .hot-spots-image{width:100%;object-fit:cover;max-width:732px;position:relative}@media(max-width:768px){.hot-spots-container .hot-spots-image{overflow:hidden}}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot{position:absolute;border-radius:22.008px;border:4.502px solid var(--white, #fff);background:var(--black, #1b315a);width:33.012px;height:33.012px;z-index:2;cursor:pointer}@media(max-width:768px){.hot-spots-container .hot-spots-image .hot-spots-image-hotspot{width:16px;height:16px;border-radius:11.004px;border:2.251px solid var(--white, #fff)}}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot:hover{transition:all .3s;background:var(--deep-blue, #4285f4);z-index:4}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot:hover .hot-spots-image-hotspot-content{opacity:1;visibility:visible}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot.active{transition:all .3s;background:var(--deep-blue, #4285f4);z-index:4}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot.active .hot-spots-image-hotspot-content{opacity:1;visibility:visible}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot .hot-spots-image-hotspot-content{padding:8px 12px;position:absolute;display:block;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;transition:all .3s;border-radius:12px;border:1px solid rgba(27,49,90,.1);background:var(--white, #fff);box-shadow:0 5px 10px #0000000d;width:max-content;max-width:196px;bottom:50%;left:50%}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot .hot-spots-image-hotspot-content span{color:var(--black, #1b315a);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot .hot-spots-image-hotspot-content p{color:var(--grey-2, #76839c);font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:150%;margin:unset}@media(max-width:768px){.hot-spots-container .hot-spots-image .hot-spots-image-hotspot .hot-spots-image-hotspot-content{padding:4px 6px;max-width:160px;top:50%;bottom:unset}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot .hot-spots-image-hotspot-content span{font-size:14px}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot .hot-spots-image-hotspot-content span p{font-size:12px}}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot.hotspot-right-side .hot-spots-image-hotspot-content{right:50%;left:unset}.hot-spots-container .hot-spots-image .hot-spots-image-hotspot.hotspot-left-side .hot-spots-image-hotspot-content{right:unset;left:50%}.hot-spots-container .hot-spots-text{width:100%;max-width:564px;padding:0 52px}@media(max-width:982px){.hot-spots-container .hot-spots-text{padding:unset}}.hot-spots-container .hot-spots-text .hot-spots-text-title{margin-bottom:20px}@media(max-width:982px){.hot-spots-container .hot-spots-text .hot-spots-text-title{margin-bottom:12px}}.hot-spots-container .hot-spots-text .hot-spots-text-title p{margin:unset;color:var(--black, #1b315a);font-family:Outfit;font-size:40px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.4px}.hot-spots-container .hot-spots-text .hot-spots-text-title p strong{color:var(--grey-2, #76839c);font-family:Outfit;font-size:40px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.4px}@media(max-width:982px){.hot-spots-container .hot-spots-text .hot-spots-text-title p,.hot-spots-container .hot-spots-text .hot-spots-text-title p strong{font-size:28px;line-height:normal}}.hot-spots-container .hot-spots-text .hot-spots-text-description{color:var(--grey-1, #45597b);font-family:Outfit;font-size:18px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:48px}@media(max-width:982px){.hot-spots-container .hot-spots-text .hot-spots-text-description{font-size:16px;line-height:150%;margin-bottom:32px}}.hot-spots-container .hot-spots-text .hot-spots-text-benefits{display:flex;flex-direction:column;gap:12px}@media(max-width:982px){.hot-spots-container .hot-spots-text .hot-spots-text-benefits{gap:8px}}.hot-spots-container .hot-spots-text .hot-spots-text-benefits .hot-spots-text-benefit-el{color:var(--black, #1b315a);font-family:Outfit;font-size:18px;font-style:normal;font-weight:400;line-height:150%;display:flex;align-items:center;gap:10px}@media(max-width:982px){.hot-spots-container .hot-spots-text .hot-spots-text-benefits .hot-spots-text-benefit-el{font-size:16px}}.hot-spots-container .hot-spots-text .hot-spots-text-benefits .hot-spots-text-benefit-el svg{width:18px;height:27px}.hot-spots-container .hot-spots-text .hot-spots-text-footer{color:var(--black, #1b315a);font-family:Outfit;font-size:18px;font-style:normal;font-weight:500;line-height:normal;margin-top:20px}@media(max-width:982px){.hot-spots-container .hot-spots-text .hot-spots-text-footer{margin-top:32px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-hot-spots.css.map */