.blog__area{background-color:#fff;color:#333;min-height:100vh;overflow:hidden}.blog__area .blogs__back-btn-container{padding:20px 0 0 20px}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blogs__back-btn-container{padding:40px 0 0 40px}}.blog__area .blogs__back-btn{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:1px solid #c9f31d;border:1px solid var(--primary);border-radius:8px;color:#000;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.blog__area .blogs__back-btn:hover{background-color:#c6f50b;color:#000000de;transform:translateX(-4px)}.blog__area .blogs__back-btn svg{height:16px;width:16px}.blog__area .blog__container{margin:0 auto;max-width:1200px;min-height:100vh;padding:0 20px}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__container{padding:0 40px}}@media only screen and (min-width:1200px)and (max-width:1399px){.blog__area .blog__container{padding:0 60px}}.blog__area .blog__wrapper{padding:40px 0}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__wrapper{padding:60px 0}}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__wrapper{padding:80px 0}}.blog__area .blog__content{display:flex;flex-direction:column;gap:40px}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__content{gap:60px}}.blog__area .blog__main{padding:16px}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__main{padding:24px}}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__main{padding:32px}}.blog__area .blog__categories{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:32px;overflow-x:auto;padding:12px 0;scrollbar-color:#0003 #0000;scrollbar-width:thin}.blog__area .blog__categories::-webkit-scrollbar{height:6px}.blog__area .blog__categories::-webkit-scrollbar-track{background:#0000}.blog__area .blog__categories::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__categories{justify-content:center}}.blog__area .blog__categories .blog__category{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:8px;height:40px;justify-content:center;padding:0 20px;transition:all .3s ease;white-space:nowrap}.blog__area .blog__categories .blog__category:hover{background-color:#3498db1a;border-color:#c9f31d;border-color:var(--primary);transform:translateY(-2px)}.blog__area .blog__categories .blog__category--active{background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary)}.blog__area .blog__categories .blog__category--active .blog__category-text{color:#fff}.blog__area .blog__categories .blog__category .blog__category-text{color:#333;font-size:14px;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}.blog__area .blog__featured{margin-bottom:48px;padding:16px 0}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__featured{margin-bottom:64px;padding:32px 0}}.blog__area .blog__featured .blog__featured-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.blog__area .blog__featured .blog__featured-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.blog__area .blog__featured .blog__featured-card:hover .blog__featured-image{transform:scale(1.05)}.blog__area .blog__featured .blog__featured-card:hover .blog__featured-btn{background-color:#3498dbe6;transform:translateY(-2px)}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__featured .blog__featured-card{flex-direction:row}}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__featured .blog__featured-card{flex-direction:row}}@media only screen and (min-width:1200px)and (max-width:1600px){.blog__area .blog__featured .blog__featured-card{flex-direction:row}}@media only screen and (min-width:1400px)and (max-width:1919px){.blog__area .blog__featured .blog__featured-card{flex-direction:row}}@media only screen and (min-width:1920px){.blog__area .blog__featured .blog__featured-card{flex-direction:row}}.blog__area .blog__featured .blog__featured-card .blog__featured-image{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__featured .blog__featured-card .blog__featured-image{aspect-ratio:auto;min-height:400px;width:50%}}.blog__area .blog__featured .blog__featured-card .blog__featured-content{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px 24px}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__featured .blog__featured-card .blog__featured-content{padding:40px;width:50%}}.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-title{color:#333;font-size:24px;font-weight:700;line-height:1.3;margin:0;transition:color .3s ease}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-title{font-size:32px}}.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:16px;line-height:1.6;margin:0;overflow:hidden}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-desc{-webkit-line-clamp:4;font-size:18px}}.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-btn{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:none;border-radius:8px;color:#121212;color:var(--black-2);cursor:pointer;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;margin-top:8px;padding:0 32px;transition:all .3s ease;width:fit-content}.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-btn:hover{transform:translateY(-2px)}.blog__area .blog__featured .blog__featured-card .blog__featured-content .blog__featured-btn span{white-space:nowrap}.blog__area .blog__posts{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;margin-bottom:32px}@media only screen and (max-width:767px){.blog__area .blog__posts{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__posts{gap:32px;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__posts{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px)and (max-width:1399px){.blog__area .blog__posts{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1400px)and (max-width:1919px){.blog__area .blog__posts{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px)and (max-width:1600px){.blog__area .blog__posts{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1920px){.blog__area .blog__posts{gap:32px;grid-template-columns:repeat(3,1fr)}}.blog__area .blog__posts .blog__post{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.blog__area .blog__posts .blog__post:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.blog__area .blog__posts .blog__post:hover .blog__post-image{transform:scale(1.05)}.blog__area .blog__posts .blog__post:hover .blog__post-title{color:#c9f31d;color:var(--primary)}.blog__area .blog__posts .blog__post .blog__post-image{aspect-ratio:16/9;background-color:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.blog__area .blog__posts .blog__post .blog__post-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:24px 20px}.blog__area .blog__posts .blog__post .blog__post-content .blog__post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:18px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;transition:color .3s ease}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__posts .blog__post .blog__post-content .blog__post-title{font-size:20px}}.blog__area .blog__posts .blog__post .blog__post-content .blog__post-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.6;margin:0;overflow:hidden}@media only screen and (min-width:992px)and (max-width:1199px){.blog__area .blog__posts .blog__post .blog__post-content .blog__post-desc{font-size:15px}}.blog__area .blog__posts .blog__post .blog__post-content .blog__post-category{background-color:#3498db1a;border-radius:6px;color:#121212;color:var(--black-2);display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:6px 14px;transition:all .3s ease;width:fit-content}.blog__area .blog__no-posts{grid-column:1/-1;padding:60px 20px;text-align:center}.blog__area .blog__no-posts p{color:#666;font-size:18px;margin:0}.blog__area .blog__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px;padding:20px 0}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__pagination{gap:24px;margin-top:60px}}.blog__area .blog__pagination .blog__pagination-btn{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 20px;transition:all .3s ease}.blog__area .blog__pagination .blog__pagination-btn:hover:not(:disabled){background-color:#3498db1a;border-color:#c9f31d;border-color:var(--primary);box-shadow:0 4px 12px #0000001a;color:#c9f31d;color:var(--primary);transform:translateY(-2px)}.blog__area .blog__pagination .blog__pagination-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.4}.blog__area .blog__pagination .blog__pagination-btn:last-child:not(.blog__pagination-page){background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary);color:#fff}.blog__area .blog__pagination .blog__pagination-btn:last-child:not(.blog__pagination-page):hover:not(:disabled){background-color:#3498dbe6;transform:translateX(2px)}.blog__area .blog__pagination .blog__pagination-btn:first-child:not(.blog__pagination-page):hover:not(:disabled){transform:translateX(-2px)}.blog__area .blog__pagination .blog__pagination-btn svg{flex-shrink:0;height:16px;width:16px}@media(max-width:480px){.blog__area .blog__pagination .blog__pagination-btn span{display:none}.blog__area .blog__pagination .blog__pagination-btn:first-child,.blog__area .blog__pagination .blog__pagination-btn:last-child{min-width:48px;padding:12px}}.blog__area .blog__pagination .blog__pagination-pages{align-items:center;display:flex;gap:8px}.blog__area .blog__pagination .blog__pagination-pages .blog__pagination-page{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.blog__area .blog__pagination .blog__pagination-pages .blog__pagination-page:hover{background-color:#3498db1a;border-color:#c9f31d;border-color:var(--primary);color:#c9f31d;color:var(--primary);transform:translateY(-2px)}.blog__area .blog__pagination .blog__pagination-pages .blog__pagination-page.blog__pagination-page--active{background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary);color:#fff}.blog__area .blog__pagination .blog__pagination-info{display:none}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__pagination .blog__pagination-info{color:#666;display:block;font-size:14px;margin:0 8px;white-space:nowrap}}.blog__area .blog__footer{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:24px;margin-top:40px;padding:40px 16px;text-align:center}@media only screen and (min-width:768px)and (max-width:991px){.blog__area .blog__footer{margin-top:60px;padding:40px}}.blog__area .blog__footer .blog__footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}@media only screen and (max-width:767px){.blog__area .blog__footer .blog__footer-links{flex-direction:row;gap:32px;justify-content:center}}.blog__area .blog__footer .blog__footer-links .blog__footer-link{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.blog__area .blog__footer .blog__footer-links .blog__footer-link:hover{color:#c9f31d;color:var(--primary)}.blog__area .blog__footer .blog__footer-text{color:#6c757d;font-size:14px;margin:0}.dark .blog__area{background-color:#121212;background-color:var(--black-2);color:#fff;color:var(--white)}.dark .blog__area .blog__category{background-color:#ffffff0d;border-color:#ffffff1a}.dark .blog__area .blog__category:hover{background-color:#3498db33}.dark .blog__area .blog__category .blog__category-text{color:#fff;color:var(--white)}.dark .blog__area .blog__featured-card,.dark .blog__area .blog__post{background-color:#000;background-color:var(--black);border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}.dark .blog__area .blog__featured-card:hover,.dark .blog__area .blog__post:hover{box-shadow:0 20px 40px #00000080}.dark .blog__area .blog__featured-title,.dark .blog__area .blog__post-title{color:#fff;color:var(--white)}.dark .blog__area .blog__featured-desc,.dark .blog__area .blog__post-desc{color:#ffffffb3}.dark .blog__area .blog__pagination-btn{background-color:#000;background-color:var(--black);border-color:#ffffff1a;color:#fff;color:var(--white)}.dark .blog__area .blog__pagination-btn:disabled{background-color:#ffffff0d}.dark .blog__area .blog__pagination-page{background-color:#000;background-color:var(--black);border-color:#ffffff1a;color:#fff;color:var(--white)}.dark .blog__area .blog__footer{border-top-color:#ffffff1a}.dark .blog__area .blog__footer-link{color:#fff;color:var(--white)}.blog-detail__container{background-color:var(--background-light);margin:0 auto;max-width:1200px;min-height:100vh}.dark .blog-detail__container{background-color:var(--background-dark)}.blog-detail .blog-detail__hero{height:400px;margin:15px auto;position:relative;width:78%}.blog-detail .blog-detail__hero-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;height:100%;object-fit:cover;width:100%}.blog-detail__not-found{align-items:center;background-color:var(--background-light);color:var(--gray-900);display:flex;justify-content:center;min-height:100vh}.dark .blog-detail__not-found{background-color:var(--background-dark);color:#fff;color:var(--white)}.blog-detail__header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 40px}.dark .blog-detail__header{border-bottom-color:var(--gray-700)}.blog-detail__header-left{align-items:center;display:flex;gap:16px}.blog-detail__header__logo{color:#c9f31d;color:var(--primary);height:32px;width:32px}.blog-detail__header__site-title{color:var(--gray-900);font-family:var(--font-display);font-size:20px;font-weight:700;margin:0}.dark .blog-detail__header__site-title{color:#fff;color:var(--white)}.blog-detail__nav{align-items:center;display:flex;gap:36px}.blog-detail__nav-link{color:var(--gray-600);font-family:var(--font-display);font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.dark .blog-detail__nav-link{color:var(--gray-300)}.blog-detail__nav-link:hover{color:#c9f31d;color:var(--primary)}.blog-detail__cta{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:700;height:40px;justify-content:center;min-width:100px;padding:0 16px;transition:background-color .3s ease}.blog-detail__cta:hover{background-color:#135bece6}.blog-detail__cta span{white-space:nowrap}.blog-detail__main{min-height:100vh;overflow-y:auto;padding:0}.blog-detail__hero{width:100%}.blog-detail__hero-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:320px;width:100%}@media only screen and (min-width:768px)and (max-width:991px){.blog-detail__hero-image{border-radius:12px;height:400px;margin:0 40px;width:calc(100% - 80px)}}.blog-detail__content-wrapper{margin:0 auto;max-width:960px;padding:0 20px}@media only screen and (min-width:768px)and (max-width:991px){.blog-detail__content-wrapper{padding:0 40px}}.blog-detail__back{margin:32px 0}.blog-detail__back-link{align-items:center;color:#c9f31d;color:var(--primary);display:flex;font-family:var(--font-display);font-size:16px;font-weight:500;gap:8px;text-decoration:none;transition:color .3s ease}.blog-detail__back-link:hover{color:#135beccc}.blog-detail__back-link .material-symbols-outlined{font-size:20px}.blog-detail__title-section{margin-bottom:32px}.blog-detail__title{color:var(--gray-900);font-family:var(--font-display);font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}.dark .blog-detail__title{color:#fff;color:var(--white)}@media only screen and (min-width:768px)and (max-width:991px){.blog-detail__title{font-size:48px}}.blog-detail__meta{color:var(--gray-500);font-family:var(--font-display);font-size:14px;margin:0}.dark .blog-detail__meta{color:var(--gray-400)}.blog-detail__author-section{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:32px 0}.dark .blog-detail__author-section{border-bottom-color:var(--gray-700)}@media only screen and (min-width:768px)and (max-width:991px){.blog-detail__author-section{flex-wrap:nowrap}}.blog-detail__author-info{align-items:center;display:flex;gap:16px}.blog-detail__author-avatar{background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDE6LbDFYOxDUW6RkQQpkI4__Lpj_3uwVSV7DWwS-Id1Dlf04sPvBNboVDYd6-phQutcLQFP2v4fdo9G95yI-IYVyZHGWoPwXmUL5qEUzsdUWPVUpJvkH7JZVr-hvm9v6Ep2eVGccQt27a_z9sRd_X3E-1GC68Di9uhKmZys4tIxEqqJ8DUnoANPLOfl-oIgoYg72AvRNQzeW_OZpIX12oSkU5YzzSd8NmtmiAdTFEfkYuRW7yz97btATjX7yvqhaCU_SqzDWZe2Ks);background-position:50%;background-size:cover;border-radius:50%;height:64px;width:64px}.blog-detail__author-details{flex:1 1}.blog-detail__author-name{color:var(--gray-900);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 4px}.dark .blog-detail__author-name{color:#fff;color:var(--white)}.blog-detail__author-bio{color:var(--gray-600);font-family:var(--font-body);font-size:16px;line-height:1.5;margin:0}.dark .blog-detail__author-bio{color:var(--gray-400)}.blog-detail__action-buttons{display:flex;gap:8px}.blog-detail__action-btn{align-items:center;background:#0000;border:1px solid var(--gray-200);border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark .blog-detail__action-btn{border-color:var(--gray-600);color:var(--gray-400)}.blog-detail__action-btn:hover{background-color:var(--gray-100)}.dark .blog-detail__action-btn:hover{background-color:var(--gray-800)}.blog-detail__action-btn .material-symbols-outlined{font-size:20px}.blog-detail__article{padding:40px 0}.blog-detail__article-content{color:var(--gray-700);font-family:var(--font-body);font-size:18px;line-height:1.7}.dark .blog-detail__article-content{color:var(--gray-300)}.blog-detail__article-content p{margin:0 0 24px}.blog-detail__article-content p:last-child{margin-bottom:0}.blog-detail__section{margin-bottom:48px}.blog-detail__section:last-child{margin-bottom:0}.blog-detail__section-title{color:var(--gray-900);font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 24px}.dark .blog-detail__section-title{color:#fff;color:var(--white)}@media only screen and (min-width:768px)and (max-width:991px){.blog-detail__section-title{font-size:32px}}.blog-detail__features{list-style:none;margin:0 0 24px;padding:0}.blog-detail__feature{font-family:var(--font-body);font-size:18px;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.blog-detail__feature:before{color:#c9f31d;color:var(--primary);content:"•";font-size:20px;left:0;position:absolute}.blog-detail__feature strong{color:var(--gray-900)}.dark .blog-detail__feature strong{color:#fff;color:var(--white)}.blog-detail__keywords{display:flex;flex-wrap:wrap;gap:8px}.blog-detail__keyword{background-color:var(--gray-100);border-radius:16px;color:var(--gray-700);font-family:var(--font-display);font-size:14px;padding:4px 12px}.dark .blog-detail__keyword{background-color:var(--gray-800);color:var(--gray-300)}.blog-detail__related{background-color:var(--gray-100);border-radius:12px;margin:64px 0;padding:48px 32px}.dark .blog-detail__related{background-color:#10162280}.blog-detail__related-title{color:var(--gray-900);font-family:var(--font-display);font-size:24px;font-weight:700;margin:0 0 32px}.dark .blog-detail__related-title{color:#fff;color:var(--white)}.blog-detail__related-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media only screen and (min-width:768px)and (max-width:991px){.blog-detail__related-grid{grid-template-columns:1fr 1fr}}.blog-detail__related-card{background-color:var(--background-light);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:box-shadow .3s ease}.dark .blog-detail__related-card{background-color:var(--gray-800)}.blog-detail__related-card:hover{box-shadow:0 10px 25px #00000026}.blog-detail__related-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:192px;width:100%}.blog-detail__related-content{padding:24px}.blog-detail__related-card-title{color:var(--gray-900);font-family:var(--font-display);font-size:20px;font-weight:700;margin:0 0 12px}.dark .blog-detail__related-card-title{color:#fff;color:var(--white)}.blog-detail__related-card-desc{color:var(--gray-600);font-family:var(--font-body);font-size:16px;line-height:1.5;margin:0 0 16px}.dark .blog-detail__related-card-desc{color:var(--gray-400)}.blog-detail__related-card-link{color:#c9f31d;color:var(--primary);font-family:var(--font-display);font-weight:500;text-decoration:none;transition:color .3s ease}.blog-detail__related-card-link:hover{color:#135beccc;text-decoration:underline}.blog-detail__footer{border-top:1px solid var(--gray-200);padding:32px 40px;text-align:center}.dark .blog-detail__footer{border-top-color:var(--gray-700)}.blog-detail__footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.blog-detail__footer-link{color:var(--gray-600);font-family:var(--font-display);text-decoration:none;transition:color .3s ease}.dark .blog-detail__footer-link{color:var(--gray-400)}.blog-detail__footer-link:hover{color:#c9f31d;color:var(--primary)}.blog-detail__footer-text{color:var(--gray-500);font-family:var(--font-display);font-size:14px;margin:0}.dark .blog-detail__footer-text{color:var(--gray-400)}.case-study-detail__area{background-color:#fff;color:#333;overflow:hidden}.case-study-detail__area .case-study-detail__container{margin:0 auto;max-width:960px;padding:0 20px}@media only screen and (min-width:992px)and (max-width:1199px){.case-study-detail__area .case-study-detail__container{padding:0 40px}}@media only screen and (min-width:1200px)and (max-width:1399px){.case-study-detail__area .case-study-detail__container{padding:0 60px}}.case-study-detail__area .case-study-detail__wrapper{padding:40px 0}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__wrapper{padding:60px 0}}@media only screen and (min-width:992px)and (max-width:1199px){.case-study-detail__area .case-study-detail__wrapper{padding:80px 0}}.case-study-detail__area .case-study-detail__content{display:flex;flex-direction:column;gap:40px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__content{gap:60px}}.case-study-detail__area .case-study-detail__header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__header{padding:12px 40px}}.case-study-detail__area .case-study-detail__header .case-study-detail__header-left{align-items:center;display:flex;gap:16px}.case-study-detail__area .case-study-detail__header .case-study-detail__header-left .case-study-detail__logo{color:#c9f31d;color:var(--primary);height:24px;width:24px}.case-study-detail__area .case-study-detail__header .case-study-detail__header-left .case-study-detail__title{color:#333;font-size:18px;font-weight:700;margin:0}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__header .case-study-detail__header-left .case-study-detail__title{font-size:24px}}.case-study-detail__area .case-study-detail__header .case-study-detail__nav{align-items:center;display:flex;gap:36px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__header .case-study-detail__nav{align-items:center;display:flex;gap:32px}}.case-study-detail__area .case-study-detail__header .case-study-detail__nav .case-study-detail__nav-link{color:#666;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.case-study-detail__area .case-study-detail__header .case-study-detail__nav .case-study-detail__nav-link:hover{color:#c9f31d;color:var(--primary)}.case-study-detail__area .case-study-detail__header .case-study-detail__cta{display:none}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__header .case-study-detail__cta{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;max-width:480px;min-width:84px;padding:0 16px;transition:background-color .3s ease}.case-study-detail__area .case-study-detail__header .case-study-detail__cta:hover{opacity:.9}.case-study-detail__area .case-study-detail__header .case-study-detail__cta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.case-study-detail__area .case-study-detail__header .case-study-detail__menu{background:none;border:none;color:#666;cursor:pointer;display:block;font-size:24px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__header .case-study-detail__menu{display:none}}.case-study-detail__area .case-study-detail__main{padding:16px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__main{padding:24px}}@media only screen and (min-width:992px)and (max-width:1199px){.case-study-detail__area .case-study-detail__main{padding:32px}}.case-study-detail__area .case-study-detail__hero{margin-bottom:32px;padding:16px 0}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__hero{margin-bottom:48px;padding:32px 0}}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 4px 20px #0000001a;min-height:400px;overflow:hidden;position:relative}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card{min-height:500px}}@media only screen and (min-width:992px)and (max-width:1199px){.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card{min-height:600px}}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card:before{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content{bottom:0;display:flex;flex-direction:column;gap:8px;left:0;padding:24px;position:absolute;right:0;z-index:2}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content{align-items:flex-end;flex-direction:row;justify-content:space-between;padding:32px}}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content .case-study-detail__hero-text{flex:1 1;max-width:440px}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content .case-study-detail__hero-text .case-study-detail__hero-title{color:#fff;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content .case-study-detail__hero-text .case-study-detail__hero-title{font-size:36px}}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content .case-study-detail__hero-text .case-study-detail__hero-desc{color:#ffffffe6;font-size:16px;font-weight:500;margin:0}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content .case-study-detail__hero-btn{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;max-width:480px;min-width:84px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;transition:background-color .3s ease;white-space:nowrap}.case-study-detail__area .case-study-detail__hero .case-study-detail__hero-card .case-study-detail__hero-content .case-study-detail__hero-btn:hover{opacity:.9}.case-study-detail__area .case-study-detail__sections{display:flex;flex-direction:column;gap:40px}.case-study-detail__area .case-study-detail__sections .case-study-detail__section{padding:16px 0}.case-study-detail__area .case-study-detail__sections .case-study-detail__section h3{color:#333;font-size:24px;font-weight:700;margin-bottom:16px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__sections .case-study-detail__section h3{font-size:32px}}.case-study-detail__area .case-study-detail__sections .case-study-detail__section p{color:#666;font-size:16px;line-height:1.6;margin-bottom:16px}.case-study-detail__area .case-study-detail__sections .case-study-detail__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__sections .case-study-detail__grid{grid-template-columns:repeat(3,1fr)}}.case-study-detail__area .case-study-detail__sections .case-study-detail__grid .case-study-detail__card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.case-study-detail__area .case-study-detail__sections .case-study-detail__grid .case-study-detail__card:hover{background-color:#fff;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.case-study-detail__area .case-study-detail__sections .case-study-detail__grid .case-study-detail__card .case-study-detail__icon{color:#4588e0;font-size:24px;margin-right:10px}.case-study-detail__area .case-study-detail__sections .case-study-detail__grid .case-study-detail__card h4{color:#333;font-size:18px;font-weight:700;margin:0}.case-study-detail__area .case-study-detail__sections .case-study-detail__grid .case-study-detail__card p{color:#666;font-size:14px;line-height:1.5;margin:0}.case-study-detail__area .case-study-detail__sections .case-study-detail__before-after{aspect-ratio:16/9;border-radius:8px;box-shadow:0 4px 15px #0000001a;overflow:hidden;position:relative;width:100%}.case-study-detail__area .case-study-detail__sections .case-study-detail__before-after .case-study-detail__image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.case-study-detail__area .case-study-detail__sections .case-study-detail__before-after .case-study-detail__after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:100%;inset:0;object-fit:cover;position:absolute;width:50%}.case-study-detail__area .case-study-detail__sections .case-study-detail__before-after .case-study-detail__divider{inset-y:0;background-color:#333;cursor:ew-resize;left:50%;position:absolute;transform:translateX(-50%);width:4px}.case-study-detail__area .case-study-detail__sections .case-study-detail__before-after .case-study-detail__divider:before{align-items:center;background-color:#333;border-radius:50%;box-shadow:0 2px 8px #0003;content:"";display:flex;height:32px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}.case-study-detail__area .case-study-detail__sections .case-study-detail__before-after .case-study-detail__divider:after{color:#fff;content:"drag_indicator";font-family:Material Symbols Outlined;font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:992px)and (max-width:1199px){.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack{grid-template-columns:repeat(6,1fr)}}.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack .case-study-detail__tech-item{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack .case-study-detail__tech-item:hover{background-color:#fff;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack .case-study-detail__tech-item img{filter:brightness(0) invert(0);height:48px;width:48px}.case-study-detail__area .case-study-detail__sections .case-study-detail__tech-stack .case-study-detail__tech-item span{color:#333;font-size:14px;font-weight:500;text-align:center}.case-study-detail__area .case-study-detail__sections .case-study-detail__metrics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__sections .case-study-detail__metrics{grid-template-columns:repeat(2,1fr)}}.case-study-detail__area .case-study-detail__sections .case-study-detail__metrics .case-study-detail__metric{align-items:center;background-color:#3b82f61a;background-color:rgba(var(--primary-rgb,59,130,246),.1);border:1px solid #3b82f633;border:1px solid rgba(var(--primary-rgb,59,130,246),.2);border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px}.case-study-detail__area .case-study-detail__sections .case-study-detail__metrics .case-study-detail__metric .case-study-detail__metric-value{color:#c9f31d;color:var(--primary);font-size:48px;font-weight:700}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__sections .case-study-detail__metrics .case-study-detail__metric .case-study-detail__metric-value{font-size:64px}}.case-study-detail__area .case-study-detail__sections .case-study-detail__metrics .case-study-detail__metric .case-study-detail__metric-label{color:#333;font-size:16px;font-weight:500;text-align:center}.case-study-detail__area .case-study-detail__sections .case-study-detail__testimonial{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:0 8px 8px 0;box-shadow:0 2px 8px #0000000d;padding:24px}.case-study-detail__area .case-study-detail__sections .case-study-detail__testimonial blockquote{color:#333;font-size:20px;font-style:italic;line-height:1.4;margin:0 0 16px}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__sections .case-study-detail__testimonial blockquote{font-size:24px}}.case-study-detail__area .case-study-detail__sections .case-study-detail__testimonial footer{display:flex;flex-direction:column;gap:4px}.case-study-detail__area .case-study-detail__sections .case-study-detail__testimonial footer .case-study-detail__author{color:#333;font-weight:700}.case-study-detail__area .case-study-detail__sections .case-study-detail__testimonial footer .case-study-detail__position{color:#666;font-size:14px}.case-study-detail__area .case-study-detail__sections .case-study-detail__back{align-items:center;border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 0}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__back-link{align-items:center;color:#666;display:flex;gap:8px;text-decoration:none;transition:color .3s ease}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__back-link:hover{color:#c9f31d;color:var(--primary)}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__back-link .material-symbols-outlined{font-size:20px}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__next{align-items:center;color:#666;display:flex;gap:16px;text-decoration:none;transition:color .3s ease}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__next:hover{color:#c9f31d;color:var(--primary)}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__next .case-study-detail__next-content{display:flex;flex-direction:column;gap:4px}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__next .case-study-detail__next-content .case-study-detail__next-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__next .case-study-detail__next-content .case-study-detail__next-title{color:#333;font-size:18px;font-weight:700}.case-study-detail__area .case-study-detail__sections .case-study-detail__back .case-study-detail__next .material-symbols-outlined{font-size:24px}.case-study-detail__area .case-study-detail__footer{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:24px;margin-top:40px;padding:40px 16px;text-align:center}@media only screen and (min-width:768px)and (max-width:991px){.case-study-detail__area .case-study-detail__footer{margin-top:60px;padding:40px}}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}@media only screen and (max-width:767px){.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-links{flex-direction:row;justify-content:space-around}}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-links .case-study-detail__footer-link{color:#666;font-size:16px;font-weight:400;min-width:160px;text-decoration:none;transition:color .3s ease}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-links .case-study-detail__footer-link:hover{color:#c9f31d;color:var(--primary)}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-social{display:flex;gap:24px;justify-content:center}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-social .case-study-detail__footer-social-link{color:#666;transition:color .3s ease}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-social .case-study-detail__footer-social-link:hover{color:#c9f31d;color:var(--primary)}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-social .case-study-detail__footer-social-link svg{height:24px;width:24px}.case-study-detail__area .case-study-detail__footer .case-study-detail__footer-text{color:#666;font-size:14px;margin:0}.dark .case-study-detail__area{background-color:#121212;background-color:var(--black-2);color:#ffffffe6}:root{--primary:#c9f31d;--secondary:#2c2c2c;--black:#000;--black-2:#121212;--black-3:#555;--black-4:#1d1d1d;--black-5:#343434;--black-6:#262626;--black-7:#555;--black-13:#666;--white:#fff;--white-2:#efefef;--white-3:#e9e9e9;--white-4:#f0f0f0;--white-5:#fbfbfb;--white-6:#d7d7d7;--gray:#c2c2c2;--gray-2:#999;--gray-3:#a8a8a8;--gray-4:#f6f6f6;--gray-5:#bbb;--gray-6:#2b2b2b;--gray-7:#b9b9b9;--gray-8:#8e8e8e;--gray-9:#aaa;--gray-10:#7c7c7c;--gray-11:#d9d9d9;--gray-12:#383838;--gray-13:#ccc;--gray-14:#dfdfdf;--gray-15:silver;--pink:#faede9;--pink-2:#ff9776;--pink-3:#f3ecec;--pink-4:#fffaf0;--pink-5:#e0e3cc;--bg-line:#1e1e1e;--d-gray:#6a6a6a;--d-black:#1a1a1a;--d-black-2:#171717;--d-black-3:#1a1a1a}@font-face{font-family:newYork;font-weight:400;src:url(/static/media/FontsFree-Net-NewYork.57afb0600f0b9ce8a9a5.ttf)}.casestudy__area{background-color:#fff;color:#333;overflow:hidden}.casestudy__area .casestudy__back-btn-container{padding:20px 0 0 20px}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__back-btn-container{padding:40px 0 0 40px}}.casestudy__area .casestudy__back-btn{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:1px solid #c9f31d;border:1px solid var(--primary);border-radius:8px;color:#000;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.casestudy__area .casestudy__back-btn:hover{background-color:#c6f50b;color:#000000de;transform:translateX(-4px)}.casestudy__area .casestudy__back-btn svg{height:16px;width:16px}.casestudy__area .casestudy__container{margin:0 auto;max-width:960px;min-height:100vh;padding:0 20px}@media only screen and (min-width:992px)and (max-width:1199px){.casestudy__area .casestudy__container{padding:0 40px}}@media only screen and (min-width:1200px)and (max-width:1399px){.casestudy__area .casestudy__container{padding:0 60px}}.casestudy__area .casestudy__wrapper{padding:40px 0}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__wrapper{padding:60px 0}}@media only screen and (min-width:992px)and (max-width:1199px){.casestudy__area .casestudy__wrapper{padding:80px 0}}.casestudy__area .casestudy__content{display:flex;flex-direction:column;gap:40px}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__content{gap:60px}}.casestudy__area .casestudy__main{padding:16px}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__main{padding:24px}}@media only screen and (min-width:992px)and (max-width:1199px){.casestudy__area .casestudy__main{padding:32px}}.casestudy__area .casestudy__featured{margin-bottom:32px;padding:16px 0}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__featured{margin-bottom:48px;padding:32px 0}}.casestudy__area .casestudy__featured .casestudy__featured-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:block;min-height:400px;overflow:hidden;position:relative;text-decoration:none}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__featured .casestudy__featured-card{min-height:500px}}@media only screen and (min-width:992px)and (max-width:1199px){.casestudy__area .casestudy__featured .casestudy__featured-card{min-height:600px}}.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content{bottom:0;display:flex;flex-direction:column;gap:16px;left:0;padding:24px;position:absolute;right:0;z-index:2}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content{align-items:flex-end;flex-direction:row;gap:24px;justify-content:space-between;padding:40px}}.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-text{flex:1 1;max-width:600px}.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-text .casestudy__featured-title{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 12px}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-text .casestudy__featured-title{font-size:32px}}@media only screen and (min-width:992px)and (max-width:1199px){.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-text .casestudy__featured-title{font-size:36px}}.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-text .casestudy__featured-desc{color:#ffffffe6;font-size:16px;font-weight:500;line-height:1.5;margin:0}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-text .casestudy__featured-desc{font-size:18px}}.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;min-width:160px;padding:0 24px;transition:all .3s ease;white-space:nowrap}.casestudy__area .casestudy__featured .casestudy__featured-card .casestudy__featured-content .casestudy__featured-btn:hover{background-color:#f8faf8;transform:translateY(-2px)}.casestudy__area .casestudy__categories{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:24px;overflow-x:auto;padding:12px 0}.casestudy__area .casestudy__categories .casestudy__category{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:8px;height:32px;justify-content:center;padding:0 16px;transition:all .3s ease}.casestudy__area .casestudy__categories .casestudy__category:hover{background-color:#135bec1a;border-color:#c9f31d;border-color:var(--primary)}.casestudy__area .casestudy__categories .casestudy__category--active{background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary)}.casestudy__area .casestudy__categories .casestudy__category--active .casestudy__category-text{color:#fff}.casestudy__area .casestudy__categories .casestudy__category .casestudy__category-text{color:#333;font-size:14px;font-weight:500;margin:0}.casestudy__area .casestudy__projects{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media only screen and (max-width:767px){.casestudy__area .casestudy__projects{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__projects{gap:32px;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:992px)and (max-width:1199px){.casestudy__area .casestudy__projects{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px)and (max-width:1399px){.casestudy__area .casestudy__projects{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1400px)and (max-width:1919px){.casestudy__area .casestudy__projects{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px)and (max-width:1600px){.casestudy__area .casestudy__projects{gap:32px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1920px){.casestudy__area .casestudy__projects{gap:32px;grid-template-columns:repeat(3,1fr)}}.casestudy__area .casestudy__projects .casestudy__project{aspect-ratio:3/4;background-color:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:block;min-height:300px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.casestudy__area .casestudy__projects .casestudy__project:before{background:linear-gradient(180deg,#0000 0,#000000b3);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.casestudy__area .casestudy__projects .casestudy__project:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.casestudy__area .casestudy__projects .casestudy__project:hover:before{background:linear-gradient(180deg,#0000 0,#135beccc)}.casestudy__area .casestudy__projects .casestudy__project:hover .casestudy__project-content{opacity:1;transform:translateY(0)}.casestudy__area .casestudy__projects .casestudy__project .casestudy__project-content{bottom:0;display:flex;flex-direction:column;gap:8px;left:0;opacity:1;padding:24px;position:absolute;right:0;transform:translateY(0);transition:all .3s ease;z-index:2}.casestudy__area .casestudy__projects .casestudy__project .casestudy__project-content .casestudy__project-title{color:#fff;font-size:18px;font-weight:700;margin:0}.casestudy__area .casestudy__projects .casestudy__project .casestudy__project-content .casestudy__project-category{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.casestudy__area .casestudy__pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:40px;padding:20px 0}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__pagination{gap:24px;margin-top:60px}}.casestudy__area .casestudy__pagination .casestudy__pagination-btn{align-items:center;background-color:#c9f31d;background-color:var(--primary);border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 20px;transition:all .3s ease}.casestudy__area .casestudy__pagination .casestudy__pagination-btn:hover:not(:disabled){background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary);color:#000}.casestudy__area .casestudy__pagination .casestudy__pagination-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.4}.casestudy__area .casestudy__pagination .casestudy__pagination-btn:last-child:not(.casestudy__pagination-page){background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary);color:#000}.casestudy__area .casestudy__pagination .casestudy__pagination-btn:last-child:not(.casestudy__pagination-page):hover:not(:disabled){transform:translateX(2px)}.casestudy__area .casestudy__pagination .casestudy__pagination-btn:first-child:not(.casestudy__pagination-page):hover:not(:disabled){transform:translateX(-2px)}.casestudy__area .casestudy__pagination .casestudy__pagination-pages{align-items:center;display:flex;gap:8px}.casestudy__area .casestudy__pagination .casestudy__pagination-pages .casestudy__pagination-page{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.casestudy__area .casestudy__pagination .casestudy__pagination-pages .casestudy__pagination-page:hover{background-color:#135bec1a;border-color:#c9f31d;border-color:var(--primary);color:#c9f31d;color:var(--primary)}.casestudy__area .casestudy__pagination .casestudy__pagination-pages .casestudy__pagination-page.casestudy__pagination-page--active{background-color:#c9f31d;background-color:var(--primary);border-color:#c9f31d;border-color:var(--primary);color:#fff}.casestudy__area .casestudy__pagination .casestudy__pagination-info{display:none}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__pagination .casestudy__pagination-info{color:#6c757d;display:block;font-size:14px;margin:0 16px}}.casestudy__area .casestudy__pagination .casestudy__pagination-btn svg{height:16px;width:16px}@media(max-width:480px){.casestudy__area .casestudy__pagination .casestudy__pagination-btn span{display:none}.casestudy__area .casestudy__pagination .casestudy__pagination-btn:first-child,.casestudy__area .casestudy__pagination .casestudy__pagination-btn:last-child{min-width:48px;padding:12px}}.casestudy__area .casestudy__footer{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:24px;margin-top:40px;padding:40px 16px;text-align:center}@media only screen and (min-width:768px)and (max-width:991px){.casestudy__area .casestudy__footer{margin-top:60px;padding:40px}}.casestudy__area .casestudy__footer .casestudy__footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}@media only screen and (max-width:767px){.casestudy__area .casestudy__footer .casestudy__footer-links{flex-direction:row;gap:32px;justify-content:center}}.casestudy__area .casestudy__footer .casestudy__footer-links .casestudy__footer-link{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.casestudy__area .casestudy__footer .casestudy__footer-links .casestudy__footer-link:hover{color:#c9f31d;color:var(--primary)}.casestudy__area .casestudy__footer .casestudy__footer-social{display:flex;gap:24px;justify-content:center}.casestudy__area .casestudy__footer .casestudy__footer-social .casestudy__footer-social-link{color:#333;transition:color .3s ease}.casestudy__area .casestudy__footer .casestudy__footer-social .casestudy__footer-social-link:hover{color:#c9f31d;color:var(--primary)}.casestudy__area .casestudy__footer .casestudy__footer-social .casestudy__footer-social-link svg{height:24px;width:24px}.casestudy__area .casestudy__footer .casestudy__footer-text{color:#6c757d;font-size:14px;margin:0}.dark .casestudy__area{background-color:#121212;background-color:var(--black-2);color:#fff;color:var(--white)}
/*# sourceMappingURL=main.d9d59c7b.css.map*/