.hero-container{display:flex;max-width:1440px;padding:0 40px;margin:auto auto 50px;justify-content:center;position:relative}.hero-container .hero{width:100%;display:flex}.hero-container .hero .mobile-hidden{display:block;border-radius:8px}.hero-container .hero .desktop-hidden{display:none;border-radius:8px}.hero-container .hero .buble-hero.desktop img{height:313px;object-fit:cover}.hero-container .hero .buble-hero{top:17%;left:39%;position:absolute;animation:float 3s ease-in-out infinite}.hero-container .hero .buble-hero.mobile{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}.hero-container .hero .content{padding:20px;border-radius:10px;top:34px;position:absolute;max-width:600px}.hero-container .hero .content h1{text-transform:uppercase;font-size:42px;font-weight:900;margin-bottom:8px;line-height:1.3;text-align:center}.hero-container .hero .content p{font-family:FFAdvertWebProRegular,sans-serif;font-size:30px;color:#2151a3;margin-bottom:20px;text-align:center}.hero-container .hero .content .rectangles-box{display:flex;flex-direction:column;align-items:center;margin-top:45px}.hero-container .hero .content .rectangles-box .rectangle{background-color:#2151a3;width:200px;height:45px;margin-bottom:10px;color:#f3e5ce;font-family:FFAdvertWebProRegular,sans-serif;font-size:14px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;border-radius:6px;transition:.5s}.hero-container .hero .content .rectangles-box .rectangle:hover{background-color:#193f82}.buttom-text-hero-new-lp{display:flex;justify-content:center;align-items:center;background-color:#2151a3;max-width:255px;width:100%;border-radius:6px;margin-bottom:8px;border:1px solid #2151a3;cursor:pointer;transition:.5s;padding:15px}.hero-container .hero .content .text-btn-lp{color:#f3e5ce;font-family:FFAdvertWebProRegular,sans-serif;font-size:14px;text-transform:uppercase;display:contents}.hero-container .hero .content .buttom-text-hero-new-lp.two .text-btn-lp{color:#2151a3}.hero-container .hero .content .buttom-text-hero-new-lp.two:hover .text-btn-lp{color:#fff}.buttom-text-hero-new-lp.two:hover{background-color:#2151a3}.buttom-text-hero-new-lp.two{background-color:transparent}.hero-container .hero .content .sub-text-new-lp{font-family:FFAdvertWebProRegular,sans-serif;font-size:12px;padding-top:5px}@media (max-width: 1439px){.hero-container .hero .buble-hero{width:10.8vw}.hero-container .hero .content.mobile-top{margin-top:0!important}.hero-container .hero .content h1{font-size:2.91vw}.hero-container .hero .content p{font-size:2.08vw}.hero-container .hero .content{width:41.56vw}}@media (max-width: 1210px){.hero-container .hero .buble-hero{width:12.8vw}}@media (max-width: 1025px){.hero-container .hero .buble-hero{left:39%}.hero-container .hero .content .rectangles-box .rectangle{width:200px;height:29px;animation:float 1s ease-in-out}.hero-container .hero .content .rectangles-box{margin-top:0}}@media (max-width: 768px){.hero-container .hero{justify-content:center}.hero-container{padding:0;margin:0}.hero-container .hero .mobile-hidden{display:none}.hero-container .hero .desktop-hidden{height:100%;width:100%;object-fit:cover;max-height:886px;display:block}.hero-container .hero .content{width:auto;top:10px}.hero-container .hero .content h1{font-size:30px}.hero-container .hero .content p{font-size:22px}.hero-container .hero .content .rectangles-box .rectangle{height:45px}.hero-container .hero .buble-hero{left:9%;top:20%}.hero-container .hero .buble-hero.desktop{display:none}.hero-container .hero .buble-hero.mobile{display:block}.template-index .hero-container .hero .desktop-hidden{position:relative;top:-15%}.template-index .hero-container .hero{overflow:hidden}}@media (max-width: 481px){.hero-container .hero .desktop-hidden{max-height:unset}.hero-container .hero .buble-hero{left:1%;top:23%;width:20.8vw}.hero-container .hero .content p{font-size:4.58vw}.hero-container .hero .content .rectangles-box .rectangle{height:9vw}.hero-container .hero .content .rectangles-box{gap:0}}@media (max-width: 400px){.buttom-text-hero-new-lp{padding:10px}.hero-container .hero .content p{font-size:14px;line-height:25px}.hero-container .hero .content p{margin-bottom:30px}.hero-container .hero .buble-hero{left:0%;top:30%;width:20.8vw}}@media (max-width: 337px){.template-index .hero-container .hero .desktop-hidden{top:-5%}}@media (max-width:329px){.hero-container .hero .content p{margin-bottom:4px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/hero-bubble-new-landing-page.css.map */