.blog_banner{background:url(../../../../../../../../themes/dek/assets/img/blog-banner-bg.jpg) no-repeat center bottom / cover}.blog_banner .flex{padding:9.6rem 0 2rem;min-height:80.2rem}.blog_banner .head{flex:1;max-width:53.4rem;padding-bottom:2.916667%}.blog_banner .head p{font-size:2rem;margin-top:2.6rem}.blog_banner form{display:grid;grid-template-columns:1fr auto;overflow:hidden;border-radius:100px;background-color:#fff;margin-top:4rem}.blog_banner form input[type="text"]{width:100%;font-size:1.8rem;padding:0 3rem}.blog_banner form input[type="submit"]{color:#fff;width:13rem;height:6.4rem;font-size:1.8rem;border-radius:100px;background-color:var(--primary);transition:all 0.3s}.blog_banner form input[type="submit"]:hover{background-color:var(--secondary)}.blog_banner .img{--h:56.875%;width:55.555556%;mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-image:url(../../../../../../../../themes/dek/assets/img/blog-banner-mask.svg);margin-right:-4.861111%}.blog_banner .img:hover img{transform:scale(1.03)}.blog_main{padding:10.2rem 0 15rem}.blog_main .flex{margin-bottom:6rem}.blog_main .head{max-width:71rem}.blog_main .nav_box{background-color:#F3F7F8}.blog_main .list .container{gap:6.2rem 2.4rem;display:grid;grid-template-columns:repeat(3,1fr)}.blog_main .list p.center:has(button){margin-top:7.4rem;min-height:6.4rem}.blog_main .list .btn{min-width:22.7rem}@media screen and (min-width:769px) and (max-width:1220px){.blog_banner .img{margin:0}}@media screen and (max-width:768px){.blog_banner .flex{padding:100px 0 50px;min-height:unset}.blog_banner .head{padding:0}.blog_banner .head p{font-size:16px;margin-top:12px}.blog_banner form{margin-top:20px}.blog_banner form input[type="text"]{font-size:16px;padding:0 20px}.blog_banner form input[type="submit"]{font-size:16px;width:100px;height:46px}.blog_banner .img{margin:0}.blog_main{padding:50px 0}.blog_main .flex{margin-bottom:30px}.blog_main .list .container{gap:30px 15px}.blog_main .list p.center:has(button){min-height:46px;margin-top:40px}.blog_main .list .btn{min-width:120px}}@media screen and (max-width:576px){.blog_banner .flex{display:block}.blog_banner .img{width:100%;margin-top:30px}.blog_main .list .container{grid-template-columns:1fr}}