section.blog-artical{padding:80px 0}section.blog-artical .layout{align-items:flex-start;display:flex;gap:73px;padding:40px 0}section.blog-artical .sidebar{position:sticky;top:20px;width:300px}section.blog-artical .search-box{margin-bottom:40px}section.blog-artical .search-box label{font-size:16px;font-weight:600}section.blog-artical .search-input{align-items:center;background:#ecf0fe;border-radius:8px;display:flex;margin-top:8px;padding:20px}section.blog-artical .search-input input{background:transparent;border:none;flex:1;outline:none}section.blog-artical .sidebar .topics h4{font-size:16px;font-weight:600;margin-bottom:12px}section.blog-artical .tags{color:var(--secondary);display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-start;margin-bottom:40px}section.blog-artical .tags span{background:var(--cta-with-icon);border-radius:6px;font-size:12px;padding:6px 10px;transition:.3s ease}section.blog-artical .tags span:hover{background:var(--primary);color:#fff}section.blog-artical .tags span a{color:inherit;text-decoration:none;text-transform:uppercase}section.blog-artical .subscribe{background:var(--primary);border-radius:12px;color:#fff;margin-top:20px;padding:20px}section.blog-artical .subscribe h3{font-size:20px;font-weight:600;margin-bottom:20px}section.blog-artical .subscribe p{font-size:14px;font-weight:400;margin-bottom:32px}section.blog-artical .subscribe .hs-form-private{align-items:center;display:flex}section.blog-artical .subscribe .hs-form-private .hs_email{flex:1}section.blog-artical .subscribe .hs-form-private .hs_email .input{width:100%}section.blog-artical .subscribe .hs-form-private input[type=email]{background:hsla(0,0%,100%,.15);border:none;border-radius:8px 0 0 8px;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:12px 16px;width:100%}section.blog-artical .subscribe .hs-form-private input[type=email]::placeholder{color:hsla(0,0%,100%,.7)}section.blog-artical .subscribe .hs-form-private input[type=email]:focus{background:hsla(0,0%,100%,.25)}section.blog-artical .subscribe .hs-form-private .hs-submit{flex-shrink:0}section.blog-artical .subscribe .hs-form-private input[type=submit]{background:hsla(0,0%,100%,.15);border:none;border-radius:0 8px 8px 0;color:var(--white);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;transition:opacity .2s;white-space:nowrap}section.blog-artical .subscribe .hs-form-private input[type=submit]:hover{opacity:.9}section.blog-artical .subscribe .hs-form-private .hs-error-msgs{color:hsla(0,0%,100%,.9);font-size:12px;list-style:none;margin-top:4px;padding:0}section.blog-artical .subscribe label{display:none}section.blog-artical .content{flex:1;min-width:0}section.blog-artical .content .featured-image{border-radius:12px;height:360px;margin-bottom:24px;overflow:hidden;position:relative;width:100%}section.blog-artical .content .featured-image img{display:block;height:100%;object-fit:cover;width:100%}section.blog-artical .article{margin-bottom:40px}section.blog-artical .article .flex-droped-next{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}section.blog-artical .article .flex-droped-next .tags{margin:0}section.blog-artical small{color:var(--secondary)}section.blog-artical .article h1{font-size:40px;font-weight:600;margin-bottom:16px}section.blog-artical .article p{color:var(--secondary);font-size:15px;line-height:1.7;margin-bottom:20px}section.blog-artical .article .tranpranet-btn{align-items:center;color:var(--primary);display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding-left:0;text-decoration:none}section.blog-artical .article .tranpranet-btn:hover{gap:10px}section.blog-artical .cards{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}section.blog-artical .card{margin-bottom:40px}section.blog-artical .card .thumb{background:#f3f4f6;border-radius:12px;height:240px;margin-bottom:24px;overflow:hidden;position:relative;width:100%}section.blog-artical .card .thumb img{display:block;height:100%;object-fit:cover;width:100%}section.blog-artical .card .tags{margin-bottom:16px}section.blog-artical .card .card-content h3{font-size:20px;font-weight:600;margin-bottom:16px}section.blog-artical .card .card-content h3 a{color:inherit;text-decoration:none}section.blog-artical .card .card-content h3 a:hover{color:var(--primary)}section.blog-artical .card .card-content p{color:var(--secondary);display:-webkit-box;font-size:16px;font-weight:400;-webkit-line-clamp:2;margin-bottom:16px;-webkit-box-orient:vertical;max-width:100%;overflow:hidden}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:48px}.blog-pagination a{font-size:14px}.blog-pagination a,.blog-pagination span{border-radius:8px;color:#273250;display:inline-block;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .2s}.blog-pagination span{font-size:16px}.blog-pagination a:hover,.blog-pagination span.active{background:var(--primary);border-color:var(--primary);color:#fff}.blog-pagination span.disabled{align-items:center;cursor:pointer;display:flex;gap:9px}.blog-pagination span.disabled i{font-size:20px}.blog-pagination span.dots{background:transparent;border:none;color:#6b7280;padding:8px 4px}@media (max-width:1024px){section.blog-artical .layout{flex-direction:column}section.blog-artical .sidebar{position:relative;top:0;width:100%}}@media (max-width:767px){section.blog-artical .cards{gap:20px;grid-template-columns:repeat(1,1fr)}section.blog-artical .article h1{font-size:28px}}