:root{--width: 120px;--height: 70px;--quantity: 10}*{margin:0;padding:0;box-sizing:border-box}.container{height:auto}.slider{width:100%;height:var(--height);margin-top:20px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 20% 90%,transparent)}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 10s linear infinite;animation-delay:calc((10s / var(--quantity)) * (var(--position) - 1))}.slider .list .item img{width:100%;height:100%;border-radius:10px}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important}.slider .item:hover{filter:grayscale(0)}.header{margin-bottom:1rem}.main-title{font-weight:700;color:#1f2937;line-height:1.6;margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.main-title-1{font-weight:700;color:#1f2937;line-height:1.6;margin-top:1rem;text-align:center}.gradient-text{background:linear-gradient(to right,#34d399,var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.ig-icon{color:var(--primary-color);opacity:1;transition:opacity .3s ease;z-index:10;position:absolute}.object{object-fit:cover;object-position:top}.sub-title{font-size:18px;font-weight:600;color:var(--medium-gray);text-align:center;line-height:1.6}@media (min-width: 1024px){.main-title{margin-top:5rem}}.card-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;justify-content:flex-start}.card-tag{background-color:var(--light-green);color:var(--white-color);border-radius:20px;height:fit-content;padding:0px .65rem;font-size:1rem;font-weight:700;white-space:nowrap;text-align:center}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.app{min-height:100vh;padding:2rem;margin-bottom:6rem;padding-top:0}h1{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem}.blog-item{background-color:var(--primary-color);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:1rem;cursor:pointer;transition:transform .3s ease}.blog-item:hover{transform:scale(1.03)}.blog-item img{width:100%;height:200px;object-fit:cover}.blog-item-content{padding:1rem;color:var(--white-color)}.blog-item h2{font-size:18px;font-weight:700;margin-bottom:.8rem;line-height:1.6;height:5vh}.blog-item-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em;white-space:normal;word-break:break-word}.center-item-section{display:flex;justify-content:space-between;align-items:center}.item-likes{font-weight:700;font-size:16px}.item-date{background:var(--white-color);width:fit-content;padding:0rem 1rem;border-radius:5px;font-size:12px;color:var(--primary-color)!important;font-weight:700}.blog-item p{color:var(--white-color);font-weight:700}.modal-overlay{position:relative;inset:0;background-color:var(--light-green);display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--secondary-color);border-radius:.5rem;display:flex;justify-content:center;align-items:center;max-width:50rem;width:100%;margin-top:6rem}.modal-header{display:flex;justify-content:start;align-items:center;line-height:normal;width:90%;border-bottom:1px solid var(--light-green);padding-top:2rem;padding-bottom:2rem}.modal-header h2{font-size:1.5rem;font-weight:700;line-height:normal;margin:0;background:linear-gradient(to right,var(--primary-color),#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-close-button{background:none;border:none;cursor:pointer;color:var(--primary-color);margin-right:2rem}.modal-close-button:hover{color:#333}.modal-body{padding:1rem;display:flex;gap:2rem;width:95%}.item-likes-modal{font-weight:700;font-size:1.1rem!important;color:var(--primary-color);margin:0;display:flex;align-items:center;gap:.5rem}.modal-body img{width:100%;height:300px;object-fit:cover;border-radius:.5rem;margin-bottom:1rem}.modal-body p{color:var(--primary-color)}.blog-footer{margin-top:6rem}.footer-sub{display:flex;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);background-clip:text;color:transparent;align-items:center;justify-content:center;transition:transform .3s ease;width:fit-content;gap:.4rem}.footer-sub:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);background-clip:text;color:transparent;transform:scale(1.03);gap:.4rem}@media (max-width: 700px){.modal-body{flex-direction:column}.app{padding:1rem}h1{font-size:2rem}}@media (max-width: 500px){.main-title,.main-title-1{margin-top:5rem}}@media (max-width: 767px){.main-title-1{display:grid;justify-content:center}.sub-title{font-size:16px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}