.hero-with-blocks{font-family:Katin,sans-serif;position:relative}.hero-with-blocks__background{height:540px;width:100%;position:absolute;z-index:1;display:block!important}.hero-with-blocks__content{position:relative;z-index:2;display:flex;justify-content:flex-start;height:540px}.hero-with-blocks__container{width:360px;height:fit-content;margin-top:100px;margin-left:120px}.hero-with-blocks__title{font-size:40px;font-weight:500;line-height:52px;color:#000;text-align:center;text-transform:uppercase;font-family:Kanit,sans-serif;margin:0;letter-spacing:-1px}.hero-with-blocks__subtitle{color:#233889;text-align:center;font-size:26px;font-weight:500;line-height:30px;font-family:Kanit,sans-serif;margin:10px 0 0;letter-spacing:0}.hero-with-blocks__content-text{color:#000;text-align:center;font-size:16px;font-weight:300;line-height:22px;font-family:Kanit,sans-serif;margin:25px 0 0}.hero-with-blocks__content-text p{margin:0}.btn-center{display:block!important;margin:0 auto;width:fit-content}.hero-with-blocks__blocks{display:flex;justify-content:center;align-items:center;gap:30px;position:relative;z-index:3;bottom:50px}.hero-with-blocks__block{border-radius:6px;border:1px solid rgba(35,56,137,.1);background:#f7f8fb;padding:40px 70px}@media (min-width: 1300px){.hero-with-blocks__block{width:630px}}.hero-with-blocks__block h3{color:#233889;text-align:center;font-size:26px;font-weight:500;line-height:30px;text-transform:capitalize;font-family:Kanit,sans-serif;letter-spacing:0;margin:0 0 20px}.hero-with-blocks__block p{color:#2a2f29;text-align:center;font-size:16px;font-weight:400;line-height:22px;font-family:Kanit,sans-serif;margin:0 0 30px}.btn-block{background:transparent;border:1px solid #233889;color:#233889;display:block!important;width:fit-content;margin:0 auto;background-color:transparent!important}.btn-block:hover{background-color:#233889!important;color:#fff;transition:all .7s ease}@media (max-width: 1024px){.hero-with-blocks__blocks{display:block!important;top:-6rem!important}.hero-with-blocks__container{margin:50px auto 0!important}.hero-with-blocks__block{margin:30px 0!important;padding:40px 35px}}.btn-hero-block{margin-top:40px}.btn-hero-block__original{color:#233889}.btn-hero-block__hover{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/53/assets/component-hero-with-blocks.css.map */