.cases-grid{--grid-desktop:4;--grid-tablet:3;--grid-mobile:2;--grid-gap-desktop:30px;--grid-gap-tablet:20px;--grid-gap-mobile:15px;--grid-item-height-desktop:400px;--grid-item-height-tablet:350px;--grid-item-height-mobile:300px}.cases-grid__inner{display:grid;grid-template-columns:repeat(var(--grid-desktop),1fr);gap:var(--grid-gap-desktop);transition:all 0.3s ease}.cases-grid__item--initial{animation:fadeInUp 0.6s ease backwards}.cases-grid__item--initial:nth-child(1){animation-delay:0.05s}.cases-grid__item--initial:nth-child(2){animation-delay:0.1s}.cases-grid__item--initial:nth-child(3){animation-delay:0.15s}.cases-grid__item--initial:nth-child(4){animation-delay:0.2s}.cases-grid__item--initial:nth-child(5){animation-delay:0.25s}.cases-grid__item--initial:nth-child(6){animation-delay:0.3s}.cases-grid__item--new{opacity:0;transform:translateY(30px)}.cases-grid__item--animate-in{transition:opacity 0.5s ease,transform 0.5s ease;opacity:1!important;transform:translateY(0)!important}.cases-grid__item--animate-out{display:none!important}.cases-grid__item--hidden{display:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.single-cases-one{position:relative;display:block;height:100%}.single-cases-one__img{position:relative;display:block;overflow:hidden;border-radius:10px;z-index:1;height:var(--grid-item-height-desktop);box-shadow:0 4px 20px rgb(0 0 0 / .1);transition:box-shadow 0.3s ease}@media (min-width:992px){.single-cases-one:hover .single-cases-one__img{box-shadow:0 8px 30px rgb(0 0 0 / .2)}.single-cases-one__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.4,0,.2,1)}.single-cases-one:hover .single-cases-one__img img{transform:scale(1.08)}.single-cases-one__img:before{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.5s ease;background:rgba(var(--thm-secondary-rgb),.15);opacity:0;z-index:1;content:""}.single-cases-one:hover .single-cases-one__img:before{opacity:1}.single-cases-one__img .overlay-content{position:absolute;top:48px;left:48px;bottom:48px;right:48px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:6px;background:rgb(21 21 21 / .6);backdrop-filter:blur(6px);padding:0 10px 0;opacity:0;transform:perspective(400px) rotateX(15deg) translateY(10px);transform-origin:center;transition:all 0.5s cubic-bezier(.4,0,.2,1);z-index:3}.single-cases-one:hover .single-cases-one__img .overlay-content{opacity:1;transform:perspective(400px) rotateX(0deg) translateY(0)}.single-cases-one__img .overlay-content h3{font-size:24px;line-height:34px;font-weight:700;margin-bottom:20px;opacity:0;transform:translateY(10px);transition:all 0.4s ease 0.1s}.single-cases-one:hover .single-cases-one__img .overlay-content h3{opacity:1;transform:translateY(0)}.single-cases-one__img .overlay-content h3 a{color:var(--thm-white);transition:color 0.3s ease}.single-cases-one__img .overlay-content h3 a:hover{color:var(--thm-secondary)}.single-cases-one__img .overlay-content p{color:var(--thm-white);font-size:14px;line-height:28px;font-weight:500;opacity:0;transform:translateY(10px);transition:all 0.4s ease 0.2s}.single-cases-one:hover .single-cases-one__img .overlay-content p{opacity:1;transform:translateY(0)}.single-cases-one__img .overlay-one-btn{position:relative;display:inline-block;line-height:0;padding-top:32px;opacity:0;transform:translateY(10px);transition:all 0.4s ease 0.3s}.single-cases-one:hover .single-cases-one__img .overlay-one-btn{opacity:1;transform:translateY(0)}.single-cases-one__img .overlay-one-btn a{position:relative;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:12px;background-color:var(--thm-secondary);transition:all 0.4s cubic-bezier(.34,1.56,.64,1)}.single-cases-one__img .overlay-one-btn:hover a{background-color:var(--thm-white);transform:scale(1.1) rotate(360deg)}.single-cases-one__img .overlay-one-btn a span{color:var(--thm-black);font-size:20px;transition:all 0.3s ease}}@media (max-width:991px){.single-cases-one__img{height:auto;box-shadow:none;border-radius:12px;background:#fff;box-shadow:0 3px 15px rgb(0 0 0 / .06)}.single-cases-one__img img{width:100%;height:var(--grid-item-height-mobile);object-fit:cover;border-radius:12px 12px 0 0}.single-cases-one:hover .single-cases-one__img img{transform:none}.single-cases-one__img:before{display:none}.single-cases-one__img .overlay-content{backdrop-filter:none;padding:18px 20px;opacity:.9;transform:none;border-radius:5px;align-items:flex-start;text-align:right}.single-cases-one:hover .single-cases-one__img .overlay-content{transform:none}.single-cases-one__img .overlay-content h3{font-size:14px;line-height:1.4;margin-bottom:8px;opacity:1;transform:none}.single-cases-one__img .overlay-content h3 a{color:#fff}.single-cases-one__img .overlay-content p{font-size:13px;line-height:1.6;margin-bottom:10px;opacity:1;transform:none;color:#666}.single-cases-one__img .overlay-one-btn{opacity:1;transform:none;padding-top:0;width:100%}.single-cases-one__img .overlay-one-btn a{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:12px;background-color:var(--thm-secondary);transition:all 0.3s ease}.single-cases-one__img .overlay-one-btn a:hover{background-color:var(--thm-black);transform:scale(1.05)}.single-cases-one__img .overlay-one-btn a span{color:var(--thm-black);font-size:15px}.single-cases-one__img .overlay-one-btn a:hover{background-color:none}}.cases-grid__load-more{margin-top:50px;text-align:center}.cases-grid__btn{position:relative;display:inline-block;padding:16px 50px;font-size:16px;font-weight:600;color:var(--thm-black);background-color:var(--thm-secondary);border:2px solid var(--thm-secondary);border-radius:8px;cursor:pointer;transition:all 0.3s ease;outline:none;overflow:hidden}.cases-grid__btn:hover{background-color:#fff0;color:var(--thm-secondary);transform:translateY(-2px);box-shadow:0 8px 25px rgb(0 0 0 / .2)}.cases-grid__btn--loading{opacity:.7;pointer-events:none}.cases-grid__btn--loading::after{content:'';display:inline-block;width:16px;height:16px;margin-right:10px;border:2px solid #fff0;border-top-color:currentColor;border-radius:50%;animation:spin 0.8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.cases-grid__btn--reset{background-color:#6c757d;border-color:#6c757d}.cases-grid__btn--reset:hover{background-color:#fff0;color:#6c757d}.cases-grid__btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1200px){.cases-grid__inner{grid-template-columns:repeat(var(--grid-tablet),1fr);gap:var(--grid-gap-tablet)}}@media (max-width:768px){.cases-grid__inner{grid-template-columns:repeat(var(--grid-mobile),1fr);gap:var(--grid-gap-mobile)}.cases-grid__btn{padding:14px 40px;font-size:15px}}@media (max-width:480px){.cases-grid__btn{padding:8px 30px;font-size:12px;width:100%}}