.tt-main-blog{--section-space: 72px;padding:2.5rem 0 3.5rem;width:100%;background-color:#f5f5f7}.tt-main-blog .breadcrumb-list{margin:0 0 48px}.tt-main-blog .posts-list-con{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tt-main-blog .posts-list-con .post-item{display:flex;flex-direction:column;width:100%;background-color:#fff;border-radius:10px;overflow:hidden}.tt-main-blog .posts-list-con .post-info{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px}.tt-main-blog .posts-list-con .post-info .post-tag-list{display:flex;flex-wrap:wrap;gap:.625rem;margin:0}.tt-main-blog .posts-list-con .post-info .post-tag-list span{padding:.25rem .5rem;background-color:#e7e7e7;border-radius:3rem;color:#7c7c7c;font-size:.625rem}.tt-main-blog .posts-list-con .post-info .post-title{flex:1;margin:0;font-size:1rem;line-height:1.2;color:var(--color-black);text-decoration:none}.tt-main-blog .posts-list-con .post-info .post-title:hover{color:var(--color-purple);text-decoration:underline}.tt-main-blog .posts-list-con .post-info .author-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;font-size:.75rem;line-height:1.2;color:#7c7c7c}.tt-main-blog .posts-list-con .post-info .author-info .author-head{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#e7e7e7;color:#454545;font-size:.75rem;line-height:1}.tt-main-blog .posts-list-con .post-info .author-info .space-mark-dot{display:inline-block;margin:0;width:.25rem;height:.25rem;border-radius:50%;background-color:#7c7c7c}.tt-main-blog .posts-list-con .post-info .author-info .published-at{flex:1;min-width:fit-content;text-align:right}.tt-main-blog .blog-email{display:flex;align-items:center;justify-content:space-between;padding:64px 100px;width:100%;background-color:#fff;border-radius:10px}.tt-main-blog .blog-email>div{flex:0 0 45%}.tt-main-blog .blog-email .klaviyo-form:not(form) *{line-height:1.6!important;font-weight:400!important;font-family:var(--body-font)!important;font-size:.75rem!important;color:#717171!important;text-align:left!important}.tt-main-blog .blog-email .klaviyo-form:not(form) input{padding:0 1rem!important;height:2.5rem!important;background:#fff!important;border:1px solid var(--color-purple)!important;border-radius:20px 0 0 20px!important;font-size:1rem!important;color:#000!important;text-align:left!important;outline:none!important}.tt-main-blog .blog-email .klaviyo-form:not(form) input:-webkit-autofill,.tt-main-blog .blog-email .klaviyo-form:not(form) input:-webkit-autofill:hover,.tt-main-blog .blog-email .klaviyo-form:not(form) input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s;font-size:1rem!important}.tt-main-blog .blog-email .klaviyo-form:not(form) input::placeholder{font-size:1rem!important;color:#717171!important}.tt-main-blog .blog-email .klaviyo-form:not(form) button{padding:0 1rem!important;height:2.5rem!important;background:var(--color-purple)!important;border-radius:0 20px 20px 0!important;font-size:1rem!important;color:#fff!important;text-align:center!important}.tt-main-blog .blog-posts-pannel{display:flex;gap:2rem}.tt-main-blog .blog-posts-pannel .pannel-left{flex:0 0 25%;min-width:250px}.tt-main-blog .blog-posts-pannel .pannel-right{flex:1}.tt-main-blog .blog-posts-pannel .pannel-right .pannel-title{margin:-2rem 0 2rem;padding-top:2rem}.tt-main-blog .blog-posts-pannel .blog-category{position:sticky;top:calc(var(--height-header) + 2rem);display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;max-height:calc(100vh - var(--height-header) - 4rem);background:#fff;border-radius:10px;overflow:hidden}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-title{font-size:1.25rem}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:.625rem;list-style:none;overflow:auto}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item{background:#fff;border:1px solid #DDDDDD;border-radius:3rem}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item a{display:block;padding:.75rem 1.5rem;color:#333;font-size:.875rem;line-height:1.2}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item.active,.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item:hover{background:var(--color-purple);border:1px solid var(--color-purple)}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item.active a,.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item:hover a{color:#fff}.tt-main-blog .blog-posts-pannel .blog-search .blog-search-form{display:flex;align-items:center;gap:.875rem;padding:.875rem;border:1px solid #D1D1D1;border-radius:4px;color:#5f5f5f}.tt-main-blog .blog-posts-pannel .blog-search svg.icon-search{display:block;width:1rem;height:auto;color:#5f5f5f80}.tt-main-blog .blog-posts-pannel .blog-search input.search-input{flex:1;padding:0;height:auto;background:#fff;border:none;line-height:1.2;font-size:1rem;color:#000}.tt-main-blog .blog-posts-pannel .blog-search input.search-input::placeholder{font-size:1rem;color:#5f5f5f80}.tt-main-blog .blog-posts-pannel .blog-post-paginate{display:flex;align-items:center;justify-content:center;margin:2rem auto 0}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1rem;line-height:1;border:1px solid #BFBFBF}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;line-height:inherit}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span a:hover{color:var(--color-purple)}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span:nth-child(1){border-radius:4px 0 0 4px}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span:nth-last-child(1){border-radius:0 4px 4px 0}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span.prev{border-right:none}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span.next{border-left:none}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span.current{border:2px solid var(--color-purple);color:var(--color-purple)}@media screen and (max-width: 1280px){.tt-main-blog .pannel-right .posts-list-con{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.tt-main-blog{--section-space: 64px;padding:1rem 0}.tt-main-blog .posts-list-con{grid-template-columns:repeat(1,1fr)!important}.tt-main-blog .posts-list-con .post-info{flex:0 0 auto;gap:10px;padding:16px}.tt-main-blog .posts-list-con .post-info .post-tag-list{gap:.5rem}.tt-main-blog .posts-list-con .post-info .post-tag-list span{font-size:.625rem}.tt-main-blog .posts-list-con .post-info .post-title{flex:0 0 auto;font-size:1rem}.tt-main-blog .posts-list-con .post-info .author-info{gap:.5rem;font-size:.75rem}.tt-main-blog .blog-email{flex-direction:column;gap:20px;padding:20px;text-align:center}.tt-main-blog .blog-email>div{flex:0 0 auto}.tt-main-blog .blog-email .klaviyo-form:not(form) *{text-align:center!important}.tt-main-blog .blog-email .klaviyo-form:not(form) input{padding:0 1rem!important;height:2rem!important;font-size:.875rem!important}.tt-main-blog .blog-email .klaviyo-form:not(form) input::placeholder{font-size:.875rem!important}.tt-main-blog .blog-email .klaviyo-form:not(form) button{padding:0 1rem!important;height:2rem!important;font-size:.875rem!important}.tt-main-blog .blog-posts-pannel{flex-direction:column;padding:0;gap:var(--section-space)}.tt-main-blog .blog-posts-pannel .pannel-left{flex:0 0 auto;margin-left:-15px;max-width:none;min-width:auto;width:calc(100% + 30px)}.tt-main-blog .blog-posts-pannel .pannel-right{flex:1}.tt-main-blog .blog-posts-pannel .pannel-right .pannel-title{margin:-2rem 0 2rem}.tt-main-blog .blog-posts-pannel .blog-category{position:static;gap:20px;padding:15px;border-radius:0}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-title{font-size:1.5rem}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list{grid-template-columns:repeat(2,1fr);gap:10px}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item{border-radius:10px}.tt-main-blog .blog-posts-pannel .blog-category .blog-category-list .blog-category-item a{padding:.5rem 1rem;font-size:.75rem}.tt-main-blog .blog-posts-pannel .blog-post-paginate>span{width:2rem;height:2rem;font-size:.75rem}}