*{box-sizing:border-box;font-family:Poppins,sans-serif}*,body{margin:0}body{overflow-x:hidden;padding:0;scroll-behavior:smooth}.case-studies-wrapper{background-color:#fff;display:flex;flex-direction:column;padding:30px 70px 65px;position:fixed;position:relative;top:10%;width:100%;z-index:1}.case-head{font-size:48px;font-weight:500;text-align:center}.case-study{align-items:center;display:flex;gap:40px;justify-content:center;overflow:hidden;scroll-snap-align:start}.case-study,.case-study.reverse{background-color:#fff;padding:50px 0 0;position:sticky;top:10%}.case-study.reverse{flex-direction:row-reverse}.case-image{border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);flex:1;max-width:600px;overflow:hidden;position:relative;z-index:2}.case-image img{border-radius:20px;display:block;height:auto;transform:scale(1);transition:transform .8s ease;width:100%}.case-study:hover .case-image img{transform:scale(1.03)}.case-content{flex:1;max-width:600px;padding:20px}.case-content h2{color:#222;font-size:37px;font-weight:600;margin-bottom:15px}.case-content p{color:#444;font-size:16px;font-weight:500;line-height:1.6;margin-bottom:10px;padding:10px 0 0}.cas3-head{font-size:21px;font-weight:600}.case-list{list-style-position:inside;padding:15px 0 0}.case-listss{font-size:16.5px;font-weight:500!important;line-height:32px}.view-project-btn{align-items:center;background-color:#fff;border:1px solid #0b56e4;border-radius:50px;color:#397eff;cursor:pointer;display:inline-flex;font-size:17px;font-weight:600;gap:10px;margin-top:20px;padding:17px 20px;transition:all .3s ease}.view-project-btn:hover{background-color:#2b65d9;border:1px solid #2b65d9;color:#fff}.view-project-btn svg{stroke-width:2.2;height:20px;transition:transform .3s ease;width:20px}.view-project-btn:hover svg{transform:translateX(3px)}.case-studies-wrapper>.case-study{scroll-margin-top:100px;scroll-snap-align:start}@media (max-width:768px){.case-study,.case-study.reverse{flex-direction:column}.case-content,.case-image{max-width:100%}.case-content{text-align:center}.view-project-btn{justify-content:center}.case-head{font-size:40px}}@media (max-width:480px){.case-studies-wrapper{padding:50px 20px}.case-head{font-size:30px}.case-content h2{font-size:22px}.case-content p{font-size:14px}.view-project-btn{font-size:14px;padding:10px 16px}.view-project-btn svg{height:18px;width:18px}}