.case-studies-section{max-width:1364px;margin:0 auto;background-image:url(../../../../../../../../../../../themes/fannit/core/shortcodes/case_studies_section/assets/img/case_studios_bg.svg);background-size:contain;background-repeat:no-repeat;background-position-y:50px;padding-bottom:50px}@media (max-width:1024px){.case-studies-section{background-size:auto}}.case-studies-section .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1024px){.case-studies-section .wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.case-studies-section .wrapper .left{color:#6b46ec;padding:90px 120px 90px 100px;display:inline-block}.case-studies-section .wrapper .left .title{position:relative;margin-bottom:27px;line-height:1.4}.case-studies-section .wrapper .left .text{margin-bottom:56px}.case-studies-section .wrapper .right{display:inline-block}@media (max-width:1024px){.case-studies-section .wrapper .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.case-studies-section .wrapper .right a{color:#fff;text-decoration:none}.case-studies-section .wrapper .right a:hover{color:#fff;text-decoration:none}.case-studies-section .wrapper .right .first-item,.case-studies-section .wrapper .right .second-item{position:relative;width:510px;height:240px;background-size:cover;background-position:50%;border-radius:5px;padding:20px;line-height:1.3;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;font-size:26px;background-repeat:no-repeat;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.case-studies-section .wrapper .right .first-item:hover,.case-studies-section .wrapper .right .second-item:hover{-webkit-box-shadow:0 4px 11px 0 rgba(125,126,128,.2);box-shadow:0 4px 11px 0 rgba(125,126,128,.2)}.case-studies-section .wrapper .right .first-item p,.case-studies-section .wrapper .right .second-item p{font-size:16px;margin-bottom:10px;z-index:9}.case-studies-section .wrapper .right .first-item p span,.case-studies-section .wrapper .right .second-item p span{background-color:#29efdb;padding:3px 12px;border-radius:15px}.case-studies-section .wrapper .right .first-item:after,.case-studies-section .wrapper .right .second-item:after{content:'';position:absolute;width:100%;height:100%;left:0;bottom:0;border-radius:5px}@media (max-width:520px){.case-studies-section .wrapper .right .first-item,.case-studies-section .wrapper .right .second-item{width:100%}}.case-studies-section .wrapper .right .first-item span,.case-studies-section .wrapper .right .second-item span{z-index:9}.case-studies-section .wrapper .right .first-item:after{background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#29efdb),color-stop(60%,transparent));background:-webkit-linear-gradient(bottom,#29efdb 0,transparent 60%);background:-o-linear-gradient(bottom,#29efdb 0,transparent 60%);background:linear-gradient(to top,#29efdb 0,transparent 60%)}.case-studies-section .wrapper .right .second-item p span{background-color:#f0bb2f}.case-studies-section .wrapper .right .second-item:after{background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#f0bb2f),color-stop(60%,transparent));background:-webkit-linear-gradient(bottom,#f0bb2f 0,transparent 60%);background:-o-linear-gradient(bottom,#f0bb2f 0,transparent 60%);background:linear-gradient(to top,#f0bb2f 0,transparent 60%)}.case-studies-section .wrapper .left,.case-studies-section .wrapper .right{width:calc(50% - 4px)}@media (max-width:1024px){.case-studies-section .wrapper .left,.case-studies-section .wrapper .right{width:calc(100% - 40px);padding:95px 0 0;margin:0 auto}}