.section-blog{position:relative}.section-blog .filter-container{background-color:#fff;position:sticky;top:88px;width:100%}@media only screen and (max-width:768px){.section-blog .filter-container{top:82px}}.section-blog .filter-container .title-select{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:30px 0;width:100%}@media only screen and (max-width:1440px){.section-blog .filter-container .title-select{padding:30px}}@media only screen and (max-width:768px){.section-blog .filter-container .title-select{padding:20px}}@media only screen and (max-width:550px){.section-blog .filter-container .title-select{align-items:start;flex-direction:column}}.section-blog .filter-container .title-select h2{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));color:#000;font-family:Assistant,sans-serif;font-size:38px;font-weight:600;letter-spacing:0;line-height:36px;margin-bottom:10px}.section-blog .filter-container .title-select select{align-items:center;background-color:#fff;border:1px solid #7e8f9e;border-radius:5px;cursor:pointer;display:flex;height:40px;justify-content:space-between;min-width:100px;padding:0 20px}.section-blog .container{margin:0 auto;max-width:100%;padding:0 30px 60px;width:100%}@media only screen and (max-width:768px){.section-blog .container{margin:0;padding:0}}.section-blog .container .content-card{display:flex;flex-wrap:wrap;gap:30px 10px;margin:30px auto 0;max-width:1440px;width:100%}@media only screen and (max-width:1430px){.section-blog .container .content-card{justify-content:space-evenly;padding:0 20px}}.section-blog .container .content-card .card-article{display:block;height:100%;max-width:440px;min-height:506px;width:100%}.section-blog .container .content-card .card-article:hover img{transform:rotate(-2.53deg);transform-origin:center;transition:all .6s ease}.section-blog .container .content-card .card-article img{height:100%;margin-bottom:20px;max-height:351px;max-width:460px;min-height:351px;-o-object-fit:cover;object-fit:cover;transform-origin:center;transition:all .6s ease;width:100%}.section-blog .container .content-card .card-article h3{color:#79b542;font-size:14px;letter-spacing:.88px;line-height:16px;margin-bottom:5px;text-transform:uppercase}.section-blog .container .content-card .card-article h2,.section-blog .container .content-card .card-article h3{font-weight:600;-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert}.section-blog .container .content-card .card-article h2{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));color:#000;font-family:Assistant,sans-serif;font-size:22px;letter-spacing:0;line-height:30px;margin-bottom:10px}.section-blog .container .content-card .card-article .date-card{align-items:center;display:flex;margin-top:10px}.section-blog .container .content-card .card-article .date-card .updated{-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert}.section-blog .container .content-card .card-article .date-card span{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));color:#7e8f9e;font-weight:700;margin-right:10px}.section-blog .container .content-card .card-article .date-card p,.section-blog .container .content-card .card-article .date-card span{font-family:Assistant,sans-serif;font-size:14px;letter-spacing:0;line-height:16px;-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert}.section-blog .container .content-card .card-article .date-card p{color:#000;font-weight:600;opacity:.7}.section-blog .container .pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin:50px auto}.section-blog .container .pagination .page-numbers:not(.next):not(.prev):link,.section-blog .container .pagination .page-numbers:not(.next):not(.prev):visited{align-items:center;border-radius:50%;color:#000;display:flex;font-size:18px;height:36px;justify-content:center;text-decoration:none;width:36px}.section-blog .container .pagination .page-numbers:not(.next):not(.prev) .current,.section-blog .container .pagination .page-numbers:not(.next):not(.prev):active,.section-blog .container .pagination .page-numbers:not(.next):not(.prev):hover{background-color:#fff;color:#000}.section-blog .container .pagination .page-numbers:not(.next):not(.prev) .dots{color:#000}.section-blog .container .pagination .next,.section-blog .container .pagination .prev{align-items:center;background:none;border:1px solid #000;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.section-blog .container .pagination .next .btn-icon,.section-blog .container .pagination .prev .btn-icon{stroke:#000;height:24px;width:24px}.section-blog .container .pagination .next:hover,.section-blog .container .pagination .prev:hover{background-color:#000}.section-blog .container .pagination .next:hover .btn-icon,.section-blog .container .pagination .prev:hover .btn-icon{stroke:#fff}.section-blog .hero-blog-content{background-color:#fbfafa;max-width:100%;width:100%}@media only screen and (max-width:768px){.section-blog .hero-blog-content{padding:0 20px}}.section-blog .hero-blog-content .hero-blog{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:30px 0;width:100%}.section-blog .hero-blog-content .hero-blog:hover img{transform:rotate(-2.53deg);transform-origin:center;transition:all .6s ease}@media only screen and (max-width:1200px){.section-blog .hero-blog-content .hero-blog{flex-direction:column}}.section-blog .hero-blog-content .hero-blog img{max-height:650px;max-width:650px;-o-object-fit:cover;object-fit:cover;transform-origin:center;transition:all .6s ease;width:100%}.section-blog .hero-blog-content .hero-blog .title-description{max-width:600px;padding:0 20px}@media only screen and (max-width:1200px){.section-blog .hero-blog-content .hero-blog .title-description{padding:20px 0}}@media only screen and (max-width:768px){.section-blog .hero-blog-content .hero-blog .title-description{padding:20px 10px}}.section-blog .hero-blog-content .hero-blog .title-description h3{color:#79b542;font-size:14px;font-weight:600;letter-spacing:.88px;line-height:16px;margin-bottom:10px;-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert;text-transform:uppercase}.section-blog .hero-blog-content .hero-blog .title-description h2{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-size:28px;line-height:36px;margin-bottom:10px}.section-blog .hero-blog-content .hero-blog .title-description h2,.section-blog .hero-blog-content .hero-blog .title-description p{color:#000;font-family:Assistant,sans-serif;font-weight:600;letter-spacing:0;-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert}.section-blog .hero-blog-content .hero-blog .title-description p{font-size:16px;line-height:24px}.section-blog .hero-blog-content .hero-blog .title-description .date{align-items:center;display:flex;margin-top:20px}.section-blog .hero-blog-content .hero-blog .title-description .date span{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));color:#7e8f9e;font-weight:700;margin-right:10px}.section-blog .hero-blog-content .hero-blog .title-description .date p,.section-blog .hero-blog-content .hero-blog .title-description .date span{font-family:Assistant,sans-serif;font-size:14px;letter-spacing:0;line-height:16px;-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert}.section-blog .hero-blog-content .hero-blog .title-description .date p{color:#000;font-weight:600;opacity:.7}.section-blog .hero-blog-content .hero-blog .title-description .date .updated{-webkit-text-decoration-color:#fbfafa;text-decoration-color:#fbfafa;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:revert;text-decoration-style:revert}
