.banner-blog{position:relative;background-color:var(--color-primary);background-image:url(//veera.com/wp-content/themes/veera/components/banner-blog/../../assets/images/header-botom.svg);background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%}.banner-blog h1{text-align:center;font-weight:300;padding:20px 0}.banner-blog h1 em{display:block;font-style:normal;animation-delay:1s}.banner-blog h1 em.is-done{font-style:italic}.banner-blog h1 strong{display:block;font-weight:500;text-align:left;font-style:normal;animation-delay:.5s}.banner-blog h1 strong span{display:block;text-align:center}.banner-blog h1 .animate-text{width:100%;display:inline-flex;justify-content:center}.banner-blog-inner{position:relative;padding:24px 0}.banner-blog-nav{display:flex;flex-wrap:wrap;animation-delay:2s}.banner-blog-nav figure{width:32px;height:32px;margin-right:5px}.banner-blog-nav figure img{width:100%;height:100%;object-fit:contain;object-position:center center}.banner-blog-nav .button{margin-right:12px;margin-top:16px;font-weight:500;letter-spacing:unset;font-family:var(--font-family-base);background-color:var(--color-info);border:1px solid var(--color-sky)}.banner-blog-nav .button:hover,.banner-blog-nav .button.is-active{background-color:var(--color-black)}.banner-blog-robot{display:none;position:absolute;right:0;width:120px;bottom:20px;animation-delay:1.5s}.banner-blog-robot img{transform:rotate(20deg)}.banner-blog.is-fixed{position:fixed;top:64px;left:0;z-index:100;width:100%;opacity:0;overflow:clip;transition:opacity .1s}.banner-blog.is-fixed.is-active{opacity:1}.banner-blog.is-fixed .banner-blog-robot{width:133px;top:auto;bottom:-20px}.banner-blog.is-fixed .banner-blog-robot img{transform:rotate(0)}@media screen and (min-width:468px){.banner-blog h1 strong span{display:inline}.banner-blog-robot{display:block}.banner-blog-nav{padding-right:120px}.banner-blog h1 .animate-text{width:auto}}@media screen and (min-width:1025px){.banner-blog h1{padding:50px 0 50px 80px}.banner-blog-inner{padding:40px 0}.banner-blog-nav figure{width:42px;height:42px;margin-right:10px}.banner-blog-nav .button{font-size:20px}.banner-blog-nav .button:not(:last-child){margin-right:16px}.banner-blog-robot{left:82%;top:150px;width:160px}.banner-blog.is-fixed{top:104px}}