body{background:no-repeat url(//mobio.ru/wp-content/themes/mobio/assets/css/../images/cases-bg.png) top right/85% auto,#232323}.tags-row{margin-top:64px;gap:10px}.tags-row p{padding:14px 21px;border-radius:112.069px;border:1px solid #d2d2d2;color:#fff;text-align:center;font-family:"Anonymous Pro";font-size:22px;font-style:normal;font-weight:400;line-height:17.931px;cursor:pointer}.tags-row p.active{border:1px solid #51e08a;color:#252525;background-color:#51e08a}.cases-block{display:grid !important;grid-template-columns:1fr 1fr;gap:15px;margin-top:86px}.cases-block .case{position:relative;background-color:#171717;border-radius:16px;padding:46px;transition:all .5s ease-in-out;width:100%;gap:24px}figure{margin:0}.cases-block .case .arrow-btn{position:absolute;top:24px;right:24px;width:fit-content}.cases-block .case div{overflow-y:hidden;height:100%;gap:0}.cases-block .case>div{width:60%}.cases-block .case .case-title{color:#fff;font-family:"Unbounded";font-size:clamp(30px, 2.2vw, 50px);font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.cases-block .case .open-btn{display:none;width:40px}.cases-block .case .case-tag{color:#b4b4b4;font-family:"Anonymous Pro";font-size:20px;font-style:normal;font-weight:400;line-height:25.681px;margin:6px 0 16.5px}.case .overlay-container>div:first-child{height:auto;gap:20px}.cases-block .case .case-result{font-family:"Unbounded";font-size:clamp(20px, 1.45vw, 35px);font-style:normal;font-weight:400;line-height:128.571%;width:100%}.cases-block .case .content-container{display:none;opacity:0;height:100%;overflow-y:hidden;transition:opacity .3s ease-in-out}.cases-block .case .case-content{column-gap:30px;row-gap:20px;overflow-y:auto;height:fit-content;-ms-overflow-style:none;scrollbar-width:none}.cases-block .case .case-content::-webkit-scrollbar{display:none}.cases-block .case .case-content>div{gap:8px;height:fit-content}.cases-block .case .case-content>div:nth-child(2){flex:1 0 185px}.cases-block .case .case-content>div p:nth-child(1){color:#252525;font-family:"Unbounded";font-size:20px;font-style:normal;font-weight:400;line-height:125.24%}.cases-block .case .case-content>div p:nth-child(2){color:#252525;font-family:"Anonymous Pro";font-size:22px;font-style:normal;font-weight:400;line-height:28px}.case .case-content ul{margin-left:0}.case .case-content ul li{position:relative;margin-left:30px;list-style-type:none;color:#252525;font-family:"Anonymous Pro";font-size:22px;font-style:normal;font-weight:400;line-height:28px;margin-bottom:8px}.case .case-content ul li:before{content:"";display:inline-block;position:absolute;width:20px;height:20px;top:3px;left:-30px;background-image:url(//mobio.ru/wp-content/themes/mobio/assets/css/../images/list-point-purple.svg);background-repeat:no-repeat;background-position:center}.cases-block .case .phone{height:85%;position:absolute;bottom:0;right:0}.cases-block .case .phone img{max-width:none;height:100%;width:auto}.cases-block .case:hover{background-color:#c5ff98}.cases-block .case:hover .case-title{color:#252525;margin-bottom:20px}.cases-block .case:hover .case-result,.cases-block .case:hover .case-tag{display:none}.cases-block .case:hover .content-container{display:flex;opacity:1}.phone-mob{display:none}@media screen and (min-width:2000px){body{background:no-repeat url(//mobio.ru/wp-content/themes/mobio/assets/css/../images/cases-bg.png) top right/1600px auto,#232323}}@media screen and (min-width:1101px){.cases-block .case{aspect-ratio:853/686}}@media screen and (max-width:1100px){.cases-block{grid-template-columns:100%}.cases-block .case{padding:34px;aspect-ratio:none;padding-bottom:0}.cases-block .case .arrow-btn{position:absolute;top:auto;right:28px;bottom:28px;opacity:0;display:none}.cases-block .case.open .arrow-btn{display:block;opacity:1;display:block}.cases-block .case div{height:auto}.cases-block .case>div{width:100%}.cases-block .case .case-title{font-size:clamp(25px, 7.5vw, 50px)}.cases-block .case .open-btn{display:block}.cases-block .case .case-tag{margin:6px 0 24px}.cases-block .case .case-result{font-size:clamp(18px, 5.15vw, 35px);width:calc(100% - 60px)}.cases-block .case .content-container{display:flex;opacity:1;height:0;width:100%;overflow-y:hidden;transition:opacity .3s ease-in-out}.cases-block .case .case-content{column-gap:30px;row-gap:20px;overflow-y:auto;height:fit-content;-ms-overflow-style:none;scrollbar-width:none}.cases-block .case .case-content::-webkit-scrollbar{display:none}.cases-block .case .case-content>div{gap:8px;height:fit-content}.cases-block .case .case-content>div:nth-child(2){flex:1 0 185px}.cases-block .case .case-content>div p:nth-child(1){color:#c5ff98}.cases-block .case .case-content>div p:nth-child(2){color:#fff}.case .case-content ul li{color:#fff}.case .case-content ul li:before{background-image:url(//mobio.ru/wp-content/themes/mobio/assets/css/../images/star-yellow.svg)}.cases-block .case .phone{display:none}.case .overlay-container{position:absolute;bottom:0;left:0;width:100%;background-color:#171717;border-radius:16px;padding:29px 29px 29px 34px;max-height:300px;transition:all .5s ease-in-out}.case .overlay-container>div{width:100%}.case.open .overlay-container{height:100%;max-height:1100px;transition:all .5s ease-in-out}.case.open .overlay-container .content-container{height:auto}.case.open .overlay-container>div:first-child{padding-bottom:34px;flex-shrink:0}.case.open .overlay-container .open-btn svg line:nth-child(2){display:none !important}.cases-block .case:hover{background-color:#171717}.cases-block .case:hover .case-title{color:#fff;margin-bottom:0}.cases-block .case:hover .case-result,.cases-block .case:hover .case-tag{display:inline}.cases-block .case:hover .content-container{opacity:1}.phone-mob{display:block;min-width:222px;width:100%;max-width:400px;margin:0 auto !important}.phone-mob img{width:100%}}@media screen and (max-width:767px){body{background:no-repeat url(//mobio.ru/wp-content/themes/mobio/assets/css/../images/cases-bg-mob.png) top right/100% auto,#1e1e1e}.cases-block{gap:16px;margin-top:33px}.cases-block .case .case-content{column-gap:30px;row-gap:20px;overflow-y:auto;height:fit-content;-ms-overflow-style:none;scrollbar-width:none}.cases-block .case .case-content::-webkit-scrollbar{display:none}.cases-block .case .case-content>div{gap:8px;height:fit-content}.cases-block .case .case-content>div:nth-child(2){flex:1 0 185px}.cases-block .case:hover .content-container{opacity:1}}