@charset "UTF-8";/*!
 * case-stocky
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * _descriptions.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * case-stocky
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * _case-stocky.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 */.page.-case-stocky{padding-top:32px}.page.-case-stocky .header{background-color:#131426}.page.-case-stocky .topDesc{padding-top:32px;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:780px}@media (max-width:1279px){.page.-case-stocky .topDesc{padding-bottom:60px}}.page.-case-stocky .topDesc .full-width-container{background:url(../images/casestocky/header-cover-photo.png) no-repeat;background-size:contain;background-position:top left -200px;position:relative;z-index:1;display:flex;flex-direction:row;width:100%;height:846px}@media (max-width:767px){.page.-case-stocky .topDesc .full-width-container{background-size:auto 500px;background-position:top center}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .topDesc .full-width-container{background-size:auto 576px;background-position:top center}}.page.-case-stocky .topDesc .container{display:flex;flex-direction:row;width:100%}@media (max-width:1279px){.page.-case-stocky .topDesc .container{flex-direction:column}}.page.-case-stocky .topDesc .left{display:flex;flex-direction:column;justify-content:flex-end;width:40%}@media (max-width:767px){.page.-case-stocky .topDesc .left{height:500px;width:100%}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .topDesc .left{height:600px}}.page.-case-stocky .topDesc .right{width:60%;padding-top:200px}.page.-case-stocky .topDesc .right img{width:64px}.page.-case-stocky .topDesc .right h1,.page.-case-stocky .topDesc .right h2,.page.-case-stocky .topDesc .right p{color:#1b1d24}.page.-case-stocky .topDesc .right h1{font-size:44px;line-height:52px;font-weight:700}.page.-case-stocky .topDesc .right h2{font-size:16px;line-height:24px;font-weight:400;color:#505050}.page.-case-stocky .topDesc .right h2 span{font-weight:600}.page.-case-stocky .topDesc .right p{margin-top:32px;font-size:16px;line-height:24px;font-weight:400;color:#505050}@media (max-width:1279px){.page.-case-stocky .topDesc .right{width:100%;text-align:center}}.page.-case-stocky .back a:before{background-color:rgba(0,0,0,.1)}@media (max-width:1279px){.page.-case-stocky .back{left:37px}}@media (max-width:767px){.page.-case-stocky .back{left:0}}.page.-case-stocky .middle{overflow:hidden;padding-top:0}.page.-case-stocky .container{max-width:1160px;margin:0 auto}@media (max-width:1279px){.page.-case-stocky .container{padding:0 40px}}@media (max-width:767px){.page.-case-stocky .container{padding:0 15px}}.page.-case-stocky .aiSection{background-image:url(../images/casestocky/ai-section-logo-background.png);background-size:500px;background-position:top 120px center;background-repeat:no-repeat;background-color:#fff;min-height:800px;padding-top:225px}.page.-case-stocky .aiSection h3{font-size:32px;font-weight:700;line-height:48px;letter-spacing:-.02em;text-align:left;color:#000}.page.-case-stocky .aiSection .ai-screenshot-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:200px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-screenshot{width:500px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container{position:absolute;top:200px}@media (max-width:767px){.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container{flex-direction:column}}@media (max-width:1279px){.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container{position:static;display:flex;justify-content:space-between;margin-top:-250px;width:100%;padding:24px}}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card{position:absolute;width:288px;color:#1b1d24;padding:24px;border-radius:12px}@media (max-width:1279px){.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card{position:static}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card img{display:none}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card{width:33%}}@media (max-width:767px){.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card{width:100%;margin-bottom:8px}}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card h4{font-style:normal;font-weight:700;font-size:20px;line-height:24px;margin-bottom:8px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .card p{font-style:normal;font-weight:400;font-size:14px;line-height:22px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .left-1{background-color:#fff7e7;left:-500px;top:-150px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .left-1 img{position:absolute;top:35px;left:200px;width:55%}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .right-1{background-color:#f2f5fe;left:240px;top:-150px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .right-1 img{position:absolute;top:10px;left:-160px;width:60%}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .right-2{background-color:#fcf2fe;left:240px;top:90px}.page.-case-stocky .aiSection .ai-screenshot-container .ai-texts-container .right-2 img{position:absolute;top:-50px;left:-80px;width:33%}@media (max-width:1279px){.page.-case-stocky .aiSection .ai-screenshot-container{margin-top:100px}}@media (max-width:767px){.page.-case-stocky .aiSection .ai-screenshot-container{background-image:none;padding-top:40px}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .aiSection .ai-screenshot-container{background-size:500px;background-position:top 70px left;padding-top:120px}}.page.-case-stocky .blackSection{background:linear-gradient(180deg,#fff 0,#f0f0f0 100%);min-height:800px;padding:25px}.page.-case-stocky .blackSection .full-width-container{background:radial-gradient(46.4% 19.43% at 65.33% 0,rgba(144,35,231,.2) 0,rgba(35,231,207,0) 100%),radial-gradient(47.4% 19.85% at 26.8% -.41%,rgba(231,70,35,.2) 0,rgba(35,231,207,0) 100%),#0d0e12;border-radius:28px;display:flex;flex-direction:column;align-items:center}.page.-case-stocky .blackSection .full-width-container img.screenshot-2{width:360px}.page.-case-stocky .blackSection .full-width-container img.chat-logo{margin-top:34px;width:136px}@media (max-width:1279px){.page.-case-stocky .blackSection .full-width-container img.chat-logo{margin-top:20px}}.page.-case-stocky .blackSection .full-width-container p.chat-desc{margin-top:34px;width:652px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:center}@media (max-width:1279px){.page.-case-stocky .blackSection .full-width-container p.chat-desc{width:100%;padding:0 16px}}.page.-case-stocky .blackSection .full-width-container .items{display:flex;flex-direction:row;padding:0 80px;margin-top:60px;justify-content:space-between}.page.-case-stocky .blackSection .full-width-container .items .item{display:flex;flex-direction:column;align-items:center;padding:24px 16px 24px 24px;width:calc(33.3% - 12px);border-radius:8px;border:1px solid;border-image-source:linear-gradient(180deg,#30333d 0,rgba(38,41,50,0) 100%);background:#16181f}.page.-case-stocky .blackSection .full-width-container .items .item img{width:40px;margin-bottom:24px}.page.-case-stocky .blackSection .full-width-container .items .item p{font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container .items .item{width:100%;margin-bottom:16px}}@media (max-width:1279px){.page.-case-stocky .blackSection .full-width-container .items{padding:0 24px;margin-top:40px}}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container .items{flex-direction:column}}.page.-case-stocky .blackSection .full-width-container .screenshot-container{margin-top:140px;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:140px}.page.-case-stocky .blackSection .full-width-container .screenshot-container .left{text-align:right;padding-right:67px;width:50%}.page.-case-stocky .blackSection .full-width-container .screenshot-container .left img{width:390px}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .left img{width:100%;padding:0 40px}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .left img{width:290px}}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .left{width:100%;padding:0;text-align:center}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .left{padding-right:37px}}.page.-case-stocky .blackSection .full-width-container .screenshot-container .right{padding-left:67px;width:404px;padding-top:70px}.page.-case-stocky .blackSection .full-width-container .screenshot-container .right h3{font-size:32px;font-weight:700;line-height:40px;letter-spacing:-.02em;margin-bottom:16px}.page.-case-stocky .blackSection .full-width-container .screenshot-container .right p{font-size:14px;font-weight:400;line-height:24px;letter-spacing:-.02em;text-align:left;margin-bottom:16px}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .right{padding-top:20px;width:296px}}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .right{width:100%;padding:0 40px}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .blackSection .full-width-container .screenshot-container .right{padding-left:37px}}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container .screenshot-container{flex-direction:column;align-items:center}}@media (max-width:1279px){.page.-case-stocky .blackSection .full-width-container .screenshot-container{padding-bottom:64px;margin-top:40px}}@media (max-width:767px){.page.-case-stocky .blackSection .full-width-container{border-radius:0}}@media (max-width:767px){.page.-case-stocky .blackSection{padding:0}}.page.-case-stocky .smartPortfolioSection{display:flex;flex-direction:column;align-items:center;background-color:#f0f0f0;padding-top:64px;width:100%}.page.-case-stocky .smartPortfolioSection>h4{color:#000;font-style:normal;font-weight:700;font-size:32px;line-height:40px;margin-bottom:16px;width:698px;text-align:center}@media (max-width:767px){.page.-case-stocky .smartPortfolioSection>h4{width:100%;padding:0 16px}.page.-case-stocky .smartPortfolioSection>h4.smart-portfolio{display:none}}.page.-case-stocky .smartPortfolioSection>p{width:818px;color:#000;font-style:normal;font-weight:400;font-size:16px;line-height:24px;margin-bottom:92px;text-align:center}@media (max-width:767px){.page.-case-stocky .smartPortfolioSection>p{display:none}}.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-1{width:1105px}@media (max-width:767px){.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-1{display:none}}.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-2{width:864px;margin-top:140px}@media (max-width:767px){.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-2{width:100%;margin-top:24px}}.page.-case-stocky .smartPortfolioSection .items{display:flex;flex-direction:row;padding:0 84px;margin-top:60px;justify-content:space-between;width:100%}.page.-case-stocky .smartPortfolioSection .items .item{display:flex;flex-direction:column;align-items:center;padding:24px;width:calc(33.3% - 12px);border-radius:8px;background:#fff;border:1px solid #f2f2f2;box-shadow:0 16px 16px rgba(0,0,0,.04);border-radius:16px}.page.-case-stocky .smartPortfolioSection .items .item img{width:40px;margin-bottom:24px}.page.-case-stocky .smartPortfolioSection .items .item h4{font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:#333;margin-bottom:12px}.page.-case-stocky .smartPortfolioSection .items .item p{font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#333}@media (max-width:1279px){.page.-case-stocky .smartPortfolioSection .items .item{width:100%;margin-bottom:16px}}@media (max-width:1279px){.page.-case-stocky .smartPortfolioSection .items{flex-direction:column;padding:0 24px;margin-top:24px}}.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-3{width:1440px;margin-top:140px}@media (max-width:767px){.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-3{margin-top:24px;width:200%;transform:translateX(-25%)}}@media (min-width:768px) and (max-width:1279px){.page.-case-stocky .smartPortfolioSection img.smart-porfolio-screenshot-3{width:100%}}