*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#73bc38;--secondary:#8cca03;--title:#232323;--text:#60686d}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:144rem;margin:0px auto;position:relative}li{list-style:none}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title)}.gap{gap:3rem}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.img_bg{position:relative;z-index:2}.img_bg > img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.tcon .line{width:8rem;height:0.6rem;margin-top:4.8rem;background:url("https://epseav2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/blog1-blog_banner-img_bg/assets/img/head-line.svg") center center / contain no-repeat}@supports (-webkit-background-clip:text) or (background-clip:text){.tcon h1 em.gradient,.tcon h2 em.gradient{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#73bc38 0%,#b8eaa2 100%)}}.blog_banner{max-width:256rem;margin:0px auto;overflow:hidden;background-color:#eef7ec}.blog_banner .flex{position:relative;height:100vh;max-height:91.9rem;min-height:max-content;padding:14.3rem 0px 4rem}.blog_banner .head{position:relative;z-index:2;flex:1 1 0%;width:100%;max-width:60rem;padding:0 0 4rem}.blog_banner .head h1{color:#232323;font-weight:800;font-size:5.8rem;letter-spacing:0.01em;line-height:1.2;text-transform:uppercase}.blog_banner .head h1 em{font-style:normal;color:var(--primary);margin-right:0.12em}.blog_banner .head .line{margin-top:3.2rem}.blog_banner .head strong{display:block;font-size:2.8rem;line-height:1.28571;color:var(--text);text-transform:uppercase;max-width:44rem;margin-top:5.2rem;font-weight:500;letter-spacing:0}.blog_banner .breadcrumbs{color:#232323;font-weight:600;font-size:1.4rem;margin-bottom:1.6rem}.blog_banner .breadcrumbs span::after{content:"";display:inline-block;width:0.7143em;height:0.7143em;opacity:0.6;margin:0px 1.2rem 0px 1.4rem;transform:rotate(180deg);background:url("https://epseav2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/blog1-blog_banner-img_bg/assets/img/arrow-l-b.svg") center center / contain no-repeat}.blog_banner .breadcrumbs span:last-child::after{display:none}.blog_banner .breadcrumbs a{color:rgba(35,35,35,0.5);font-weight:normal;transition:0.3s}.blog_banner .breadcrumbs a:hover{color:var(--primary)}.blog_banner .image{position:absolute;z-index:1;left:41.7rem;top:22rem;width:126.7rem;pointer-events:none}.blog_banner .image img{height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 82%,transparent 100%)}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.blog_banner .head h1{font-size:5.4rem}.blog_banner .image{left:38%;top:auto;bottom:0;width:75%}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.blog_banner .head h1{font-size:5rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.tcon h1{font-size:25px;line-height:1.3}.tcon .line{width:50px;height:5px;margin-top:16px}.blog_banner{padding-top:84px}.blog_banner .breadcrumbs{font-size:13px;margin-bottom:10px}.blog_banner .breadcrumbs span::after{margin:0px 6px}.blog_banner .flex{height:unset;padding:40px 0px 0;gap:10px}.blog_banner .head{flex:none;max-width:none;padding:0px}.blog_banner .head h1{font-size:30px;line-height:1.2}.blog_banner .head .line{margin-top:16px}.blog_banner .head strong{font-size:16px;line-height:1.4;margin-top:16px;max-width:300px}.blog_banner .image{position:relative;left:auto;top:auto;width:calc(100% + 40px);margin:0 -20px}}