@font-face{font-family:RNS Camelia;src:url(../fonts/camelia/RNSCamelia-Medium.woff2) format("woff2"),url(../fonts/camelia/RNSCamelia-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:RNS Camelia;src:url(../fonts/camelia/RNSCamelia-Light.woff2) format("woff2"),url(../fonts/camelia/RNSCamelia-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:RNS Camelia;src:url(../fonts/camelia/RNSCamelia-Regular.woff2) format("woff2"),url(../fonts/camelia/RNSCamelia-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RNS Camelia;src:url(../fonts/camelia/RNSCamelia-Bold.woff2) format("woff2"),url(../fonts/camelia/RNSCamelia-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:RNS Camelia;src:url(../fonts/camelia/RNSCamelia-Black.woff2) format("woff2"),url(../fonts/camelia/RNSCamelia-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(../fonts/montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(../fonts/montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(../fonts/montserrat/Montserrat-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/montserrat/Montserrat-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(../fonts/montserrat/Montserrat-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}.articles-grid{width:100%;max-width:1440px;margin:0 auto 100px;display:grid;gap:20px}.articles-grid br{display:none}.articles-grid a{max-width:390px;display:flex;flex-direction:column;gap:10px}.articles-grid a:hover{text-decoration:none}.articles-grid img{width:100%;height:250px;object-fit:cover}.articles-grid h6{font-size:16px;font-family:Montserrat;color:#132342;font-weight:700;margin-bottom:0}.articles-grid p{font-size:14px;font-family:Montserrat;color:#132342;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.title-head-articles{text-align:center;margin-top:60px;margin-bottom:20px}.splide-articles{width:100%;margin-bottom:50px}.splide-articles a{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:10px}.splide-articles a:hover{text-decoration:none}.splide-articles img{width:100%;height:250px;object-fit:cover}.splide-articles h6{font-size:16px;font-family:Montserrat;color:#132342;font-weight:700;margin-bottom:0;min-height:50px}.splide-articles p{font-size:14px;font-family:Montserrat;color:#132342;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.splide-articles br{display:none}.grid-1{grid-template-columns:repeat(1,1fr);place-items:center;text-align:center}.grid-2{grid-template-columns:repeat(2,1fr);place-items:center;text-align:center}.grid-3{grid-template-columns:repeat(3,1fr)}.blog-page{font-family:RNS Camelia}.blog-page h3{text-align:center}.blog-page #filter{padding-top:80px;padding-bottom:80px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-color:#f5f5f5}@media screen and (max-width: 991px){.blog-page #filter{margin-bottom:20px;padding-top:60px;padding-bottom:60px}}.blog-page #filter .search-container{position:relative;width:min-content;display:flex;align-items:center}@media screen and (max-width: 991px){.blog-page #filter .search-container{width:100%}}.blog-page #filter .search-container button{position:absolute;right:0;border:none;height:100%;width:50px;border-radius:50%}.blog-page #filter .search-container button svg{color:#cdb0ac}.blog-page #filter .search-container button :hover{background-color:transparent}.blog-page #filter .input-search{background-color:#fff;width:500px;border-radius:24px;border:1px solid #707070;padding:5px 12px;font-size:16px}.blog-page #filter .input-search ::placeholder{color:#132342}@media screen and (max-width: 1600px){.blog-page #filter .input-search{width:400px}}@media screen and (max-width: 991px){.blog-page #filter .input-search{width:100%}}.blog-page #filter .topics-container{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px}@media screen and (max-width: 991px){.blog-page #filter .topics-container{overflow-x:auto}}.blog-page #filter .topics-container .input-filter{font-family:RNS Camelia;font-size:16px;color:#717171;font-weight:500;padding:8px 14px;border-radius:35px}.blog-page #filter .topics-container .filter-select{background-color:#132342;color:#fff}.blog-page #blog-articles{width:100%;max-width:1440px;margin:0 auto 60px}.blog-page #blog-articles .count-blog{font-family:RNS Camelia;font-weight:500;color:#132342;font-size:16px;font-weight:400;margin-bottom:20px}.blog-page #blog-articles .posts-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:20px}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(1,1fr);gap:15px}}.blog-page #blog-articles .posts-container a{height:100%;width:100%;max-width:400px}.blog-page #blog-articles .posts-container a:hover{text-decoration:none;color:inherit}.blog-page #blog-articles .posts-container .card{width:100%;height:100%;border:none;justify-content:space-between;box-sizing:border-box}.blog-page #blog-articles .posts-container .card img{width:100%;object-fit:cover;aspect-ratio:364/266;border-radius:24px}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card img{border-radius:10px}}.blog-page #blog-articles .posts-container .card .tag{position:absolute;top:18px;right:18px;font-size:11px;color:#fff;background-color:#132342;padding:4px 14px;border-radius:16px;font-weight:400}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card .tag{right:5px;top:5px}}.blog-page #blog-articles .posts-container .card .title-card{margin-top:10px;font-family:RNS Camelia;font-weight:500px;font-size:18px;color:#000}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card .title-card{margin-bottom:0}}.blog-page #blog-articles .posts-container .card p{font-family:RNS Camelia;font-size:14px;font-weight:400;color:#8a989a;margin:8px 0 6px;display:-webkit-box;line-clamp:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card p{font-size:10px}}.blog-page #blog-articles .posts-container .card span{font-size:12px;font-weight:400;color:#8a989a}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card span{font-size:8px}}.blog-page .pagination{display:flex;align-items:center;justify-content:center;margin-top:50px;gap:10px;font-family:Montserrat;font-size:20px;font-weight:500}.blog-page .pagination .nav-page{height:35px;width:35px;display:flex;justify-content:center;align-items:center}.blog-page .pagination .disabled{pointer-events:none;cursor:default}.blog-page .current-page{font-weight:700;background-color:#f5f5f5}.filter-container{display:flex;flex-direction:column;align-items:center;justify-content:center}
