.case-studies{padding-top:64px}.case-studies h1,.case-studies h2{width:600px;margin:0 auto;font-size:32px;font-weight:700;line-height:40px;text-align:center;color:#000}.case-studies .studies-wrapper{padding-bottom:64px}.case-studies .studies{width:1000px;margin:40px auto 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:17px 16px;justify-content:center}.case-studies .studies .study{width:322px;height:380px;padding:16px;border-radius:14px;border:1px solid #dfdfdf;background-color:#fff;display:flex;flex-direction:column}.case-studies .studies .study img{width:100%;height:162px;display:block;margin:0 auto;border-radius:8px;background:#b2b2b2}.case-studies .studies .study .tags{display:flex;flex-wrap:wrap;margin-top:8px;flex:1}.case-studies .studies .study .tags span{font-weight:500;font-size:14px;line-height:18px;color:#565656}.case-studies .studies .study .title{margin-top:16px;font-weight:600;font-size:18px;line-height:22px;color:#000}.case-studies .studies .study .time{display:flex;flex-direction:row;align-items:center;gap:8px}.case-studies .studies .study .time span{font-weight:400;font-size:14px;line-height:16px;color:gray}.case-studies .studies .study:hover{border:2px solid #328fde;padding:15px}.case-studies .studies .study:hover .title{text-decoration:underline}.case-studies .workplaces{background-color:#eef2f6;padding:64px 0}.case-studies .workplaces>p{width:800px;margin:16px auto 0;font-size:18px;font-weight:400;line-height:24px;text-align:center}.case-studies .workplaces .content{width:752px;margin-top:40px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.case-studies .workplaces .content .workplace{border:1px solid #dfdfdf;border-radius:14px;background-color:#fff;width:240px;height:180px;padding:24px}.case-studies .workplaces .content .workplace img{width:128px;height:72px;display:block;margin:0 auto}.case-studies .workplaces .content .workplace p{margin-top:16px;width:192px;text-align:center;font-size:16px;font-weight:400;line-height:20px;color:#3b404f}.case-studies .free-trial{display:flex;align-items:center;justify-content:center;width:288px;height:56px;margin:40px auto 0;border-radius:30px;font-size:18px;font-weight:500;line-height:24px}@media screen and (max-width: 1000px){.case-studies{padding-top:40px}.case-studies h1,.case-studies h2{font-size:24px;font-weight:700;line-height:28px;text-align:center;color:#000;width:100%}.case-studies .studies-wrapper{padding:0 24px 40px}.case-studies .studies{width:100%;display:grid;grid-template-columns:repeat(3,minmax(160px,2fr));justify-content:center;margin-top:32px}.case-studies .studies .study{width:100%;overflow:hidden}.case-studies .studies .study img{height:166px;object-fit:cover}.case-studies .studies .study .tags span{font-weight:400;font-size:15px;line-height:18px;color:#565656}.case-studies .studies .study .title{margin-top:16px;font-size:17px;line-height:22px;font-weight:600;color:#000}.case-studies .studies .study .time span{font-size:15px;line-height:18px;font-weight:400;color:gray}}@media screen and (max-width: 1000px) and (max-width: 800px){.case-studies .studies{grid-template-columns:repeat(2,minmax(160px,2fr))}}@media screen and (max-width: 1000px) and (max-width: 560px){.case-studies .studies{grid-template-columns:repeat(1,minmax(160px,2fr))}}@media screen and (max-width: 1000px){.case-studies .workplaces{padding:40px 24px}.case-studies .workplaces p{width:100%;margin-top:8px;font-size:17px;font-weight:400;line-height:22px;text-align:center}.case-studies .workplaces .content{width:100%;margin-top:32px;gap:7px 8px;display:grid;padding:0;grid-template-columns:repeat(3,minmax(160px,2fr))}}@media screen and (max-width: 1000px) and (max-width: 600px){.case-studies .workplaces .content{grid-template-columns:repeat(2,minmax(160px,2fr))}}@media screen and (max-width: 1000px){.case-studies .workplaces .content .workplace{width:100%;height:188px;border-radius:8px;padding:16px}.case-studies .workplaces .content .workplace p{margin-top:8px;width:100%;font-size:17px;font-weight:400;line-height:22px}.case-studies .free-trial{width:327px}}
