.content-animation{align-items:center;display:flex;justify-content:right;margin:auto;max-width:1370px;padding:0;position:relative;width:100%}.mansory-case-studies{display:flex;gap:12px;margin-right:0;max-width:1240px}.cards-case-studies{aspect-ratio:4/3;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.mansory-case-studies .vertical-card{max-width:300px;min-height:473px}.content-animation .cards-case-studies_main{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);min-height:473px}.cards-case-studies img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cards-case-studies:hover img{transform:scale(1)}.card-overlay{background:rgba(0,55,103,.9);bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:25px;position:absolute;right:0;top:0;transform:translateY(100%);transition:transform .5s ease-in-out;width:100%}.cards-case-studies:hover .card-overlay{transform:translateY(0)}.cards-case-studies.from-bottom .card-overlay{transform:translateY(100%)}.cards-case-studies.from-bottom:hover .card-overlay{transform:translateY(0)}.cards-case-studies.from-top .card-overlay{transform:translateY(-100%)}.cards-case-studies.from-top:hover .card-overlay{transform:translateY(0)}.cards-case-studies.from-left .card-overlay{transform:translateX(-100%)}.cards-case-studies.from-left:hover .card-overlay{transform:translateX(0)}.cards-case-studies.from-right .card-overlay{transform:translateX(100%)}.cards-case-studies.from-right:hover .card-overlay{transform:translateX(0)}.card-name .text-wrapper{color:#7bc6eb;margin-bottom:4px}.card-name .div{color:#fff;font-size:20px;font-weight:600;margin-bottom:10px}.button-text{color:#f4f7fa;display:inline-block;font-size:18px;font-weight:500;transition:color .3s ease}.button-text:hover{color:#7bc6eb}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:1150px){.content-animation .cards-case-studies_main{grid-template-columns:repeat(1,1fr)}}@media (max-width:820px){.mansory-case-studies{display:flex;flex-direction:column;gap:16px}.cards-case-studies{aspect-ratio:16/9;height:fit-content;max-height:fit-content;max-width:fit-content;min-height:min-content!important;width:100%}.content-animation{justify-content:center}}