.our-story{background-color:var(--gray);padding:80px 0}.our-story .left-content .img-wrapper{width:100%;margin-bottom:20px}.our-story .left-content .img-wrapper img{width:100%;max-width:100%;height:auto}.our-story .right-content{padding-left:45px}.our-story .right-content .title{margin-bottom:20px;font-size:30px;font-weight:700}@media screen and (max-width:992px){.our-story{padding:50px 0}.our-story .left-content .img-wrapper{margin-bottom:1rem}.our-story .right-content{padding-left:12px!important}}
.case-studies{background-color:var(--primary);padding:80px 0}.case-studies h2{color:#fff;text-align:center;opacity:0;margin-bottom:5rem;animation:.8s ease-out .2s forwards fadeInUp;transform:translateY(30px)}@media screen and (max-width:768px){.case-studies h2{margin-bottom:3rem}}.case-studies .case-slide{flex:0 0 100%}.case-studies .case-item{opacity:0;animation:1s ease-out .4s forwards fadeInUp;transform:translateY(50px)}.case-studies .case-item .img-wrapper{justify-content:center;width:100%;display:flex}.case-studies .case-item .img-wrapper img{width:70%;max-width:100%;height:auto;transition:transform .3s}.case-studies .case-item .img-wrapper img:hover{transform:scale(1.05)}.case-studies .case-item .title{color:#fff;text-transform:uppercase;margin-top:20px;margin-bottom:30px;font-size:30px;font-weight:700;transition:color .3s}.case-studies .case-item .title:hover{color:var(--accent-1)}.case-studies .case-item .case-details .num-wrapper{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;font-size:30px;font-weight:700;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.case-studies .case-item .case-details .num-wrapper:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.case-studies .case-item .case-details .num-wrapper.green{background-color:var(--green-1)}.case-studies .case-item .case-details .num-wrapper.orange{background-color:var(--orange-1)}.case-studies .case-item .case-details .num-wrapper.red{background-color:var(--red-1)}.case-studies .case-item .case-details .sub-title{color:#fff;opacity:0;margin-bottom:20px;font-weight:700;animation:.8s ease-out .6s forwards fadeInLeft;transform:translate(-30px)}.case-studies .case-item .case-details .message{color:#fff;opacity:0;animation:.8s ease-out .8s forwards fadeInLeft;transform:translate(-30px)}.case-studies .case-item .case-details .load-more{color:var(--accent-1);cursor:pointer;margin-top:10px;font-weight:600;transition:color .3s,transform .2s}.case-studies .case-item .case-details .load-more:hover{color:#fff;transform:translate(5px)}.case-studies .case-item .case-details .item{opacity:0;margin-bottom:20px;animation:.6s ease-out forwards fadeInUp;position:relative;transform:translateY(20px)}.case-studies .case-item .case-details .item:first-child{animation-delay:.7s}.case-studies .case-item .case-details .item:nth-child(2){animation-delay:.9s}.case-studies .case-item .case-details .item:nth-child(3){animation-delay:1.1s}.case-studies .case-item .case-details .item:nth-child(4){animation-delay:1.3s}.case-studies .case-item .case-details .item:not(:last-of-type):before{content:"";opacity:.5;transform-origin:0;border:1px dashed #fff;width:100%;height:1px;animation:1s ease-out 1.5s forwards expandLine;position:absolute;top:35px;left:50px;transform:scaleX(0)}.case-studies .carousel-wrapper{position:relative}.case-studies .carousel-wrapper .case-nav{pointer-events:none;justify-content:space-between;width:100%;display:flex;position:absolute;top:14%}.case-studies .carousel-wrapper .case-nav-arrow{pointer-events:auto;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s,opacity .3s}.case-studies .carousel-wrapper .case-nav-arrow img{width:72px;height:72px}.case-studies .carousel-wrapper .case-nav-arrow:hover{opacity:.8;transform:scale(1.1)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}@keyframes expandLine{to{transform:scaleX(1)}}@media screen and (max-width:992px){.case-studies{padding:35px 0}.case-studies .case-details .item:before{display:none}.case-studies .carousel-wrapper .case-nav{top:20px}.case-studies .carousel-wrapper .case-nav .case-nav-arrow img{width:50px!important;height:50px!important}.case-studies .case-item .title{font-size:25px}.case-studies .case-item .img-wrapper img{width:100%}}