@media (max-width:500px){.blog-container .row{flex-direction:column!important}.blog-container .r2 .blog-title{font-size:30px!important;text-align:center}.newest-blog{flex-direction:column;height:fit-content!important}.newest-blog img{width:100%!important;border-bottom-right-radius:0!important;border-top-left-radius:10px}.newest-blog .blog-info{align-items:center}.newest-blog .blog-info .blog-title{font-size:18px!important}.newest-blog .blog-info .blog-short-text{font-size:15px!important}.nl-inner-container{padding:30px!important;flex-direction:column}.nl-inner-container .c{width:100%!important}.nl-inner-container .c:first-child .nc-title{font-size:18px!important;text-align:center}.nl-inner-container .c:first-child .nc-explain{font-size:15px!important;text-align:center!important}.nl-inner-container .c:last-child input{padding:15px!important;width:80%!important}.nl-inner-container .c:last-child button{width:30%!important;font-size:15px;padding:18px!important}.article-item{width:100%!important;min-height:fit-content!important}.article-item .article-content .article-title{font-size:18px!important;text-align:center!important}.article-item .article-content .article-short-content{text-align:right!important}}.blog-container{display:flex;flex-direction:column;align-items:center}.blog-container .row{width:100%;display:flex;padding:30px;max-width:1240px}.blog-container .r2{display:flex;flex-direction:column;gap:30px}.blog-container .r2 .blog-title{font-family:Dana;font-weight:700;font-size:40px;align-self:flex-start;width:100%}.newest-blog{background-color:#ffffff;width:100%;display:flex;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;height:500px;box-shadow:0 20px 50px -10px rgba(0,0,0,.2)}.dark .newest-blog{background-color:#e4fce61a}.newest-blog img{object-fit:cover;width:50%;border-top-right-radius:10px;border-bottom-right-radius:10px}.newest-blog .blog-info{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:20px;justify-self:center;height:100%}.newest-blog .blog-info .blog-category{background-color:var(--button-background);color:var(--button-foreground);width:fit-content;padding:10px 15px;border-radius:10px;font-weight:700;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-size:13px}.dark .newest-blog .blog-info .blog-category{background-color:#e8fcde0f}.newest-blog .blog-info .blog-title{font-family:Dana;font-weight:700;font-size:40px}.newest-blog .blog-info .blog-short-text{font-size:17px;color:var(--secondary-foreground)}.r3{padding:0 30px!important}.nl-inner-container{width:100%;background-color:#00000005;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dark .nl-inner-container{background-color:#00000030}.nl-inner-container .c{width:50%}.nl-inner-container .c:first-child{display:flex;flex-direction:column;gap:10px}.nl-inner-container .c:first-child .nc-title{font-family:Dana;font-weight:700;font-size:25px}.nl-inner-container .c:first-child .nc-explain{font-size:17px;color:var(--secondary-foreground);text-align:justify}.nl-inner-container .c:last-child{display:flex;justify-content:center;align-items:center}.nl-inner-container .c:last-child input{background-color:#fff;padding:20px;border-top-right-radius:10px;border-bottom-right-radius:10px;width:70%;border:2px solid var(--button-background);border-left:none}.nl-inner-container .c:last-child input:focus{border-color:var(--button-foreground)}.dark .nl-inner-container .c:last-child input{background-color:transparent}.nl-inner-container .c:last-child button{background-color:var(--button-background);width:30%;cursor:pointer;color:var(--button-foreground);font-weight:700;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:20px;border:2px solid transparent;border-right:none}.nl-inner-container .c:last-child button:hover{background-color:transparent;border-color:var(--button-foreground)}.blog-container .articles-container{display:flex;flex-wrap:wrap;gap:30px}.blog-container .article-item{width:31.5%;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 20px 50px -20px #00000030;position:relative;height:450px}.dark .article-item{background-color:#e4fce61a}.article-item img{border-top-left-radius:10px;border-top-right-radius:10px;height:50%;object-fit:cover}.article-item .article-category{background-color:var(--button-background);backdrop-filter:blur(10px);color:var(--button-foreground);width:fit-content;padding:10px 15px;border-radius:10px;font-weight:700;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-size:13px;position:absolute;top:20px;right:20px}.article-item .article-content{padding:30px;display:flex;flex-direction:column}.article-item .article-content .article-title{font-family:Dana;font-weight:700;font-size:18px}.article-item .article-content .article-short-content{font-size:15px;color:var(--secondary-foreground);text-align:justify;margin-top:30px}.blog-container .row:last-child,.pagination-container{display:flex;justify-content:center;align-items:center}.pagination-container{gap:10px}.pagination-container .p-item{border:1px solid #00000030;font-weight:700;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;aspect-ratio:1;width:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:100}.dark .pagination-container .p-item{border-color:#ffffff30}.p-next,.p-prev{background-color:#15242A;color:#fff}.dark .p-next,.dark .p-prev{background-color:#fff;color:#15242A}.p-item a,.p-next i,.p-prev i{position:relative;top:1px}.p-item:hover{background-color:rgba(0,0,0,.4);color:white}.dark .p-item:hover{background-color:rgba(255,255,255,.4);color:black}.article-item:hover,.newest-blog:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);cursor:pointer;box-shadow:0 25px 50px -10px rgba(0,0,0,.2);z-index:999}.active-page{background-color:black;color:white}.dark .active-page{background-color:white;color:black}