.case-title{width:100%;float:left;padding-top:134px;text-align:center;position:relative}@media (max-width: 1112px){.case-title{padding-left:20px;padding-right:20px}}.case-title .pattern-1{width:316px;height:313px;position:absolute;top:0;background-image:url(../image/pattern_00.svg);background-repeat:no-repeat;-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);background-size:cover;transform:scaleY(-1);background-position:0 121px}@media (max-width: 767px){.case-title .pattern-1{height:270px;width:100%;left:0}}.case-title .title{float:left;width:100%;font-family:'Rubik', sans-serif;font-size:40px;font-weight:500;color:#1A4A9C;margin-bottom:29px}@media (max-width: 767px){.case-title .title{font-family:'Rubik', sans-serif;font-size:25px;font-weight:500}}.case-title .subtitle{float:left;width:100%;font-family:'Rubik', sans-serif;font-size:28px;font-weight:300;color:#1A4A9C;line-height:40px}@media (max-width: 767px){.case-title .subtitle{font-family:'Rubik', sans-serif;font-size:15px;font-weight:500;line-height:25px}}.development{width:100%;float:left;padding-top:96px;position:relative}@media (max-width: 767px){.development{padding-top:50px}}@media (max-width: 1112px){.development{padding-left:20px;padding-right:20px}}.development .pattern{width:147px;height:470px;position:absolute;top:45%;right:0;background-image:url(../image/case-pattern.svg);background-size:contain;background-repeat:no-repeat}.development .development-plot{width:100%;float:left;padding-left:calc((100% - 1200px)/ 2);padding-right:calc((100% - 1200px)/ 2);position:relative;margin-bottom:104px}@media (max-width: 767px){.development .development-plot{margin-bottom:50px}}.development .development-plot.rtl .development-pod .content-pod{float:right;padding-right:116px;padding-left:45%}@media (max-width: 1112px){.development .development-plot.rtl .development-pod .content-pod{padding-left:116px}}@media (max-width: 767px){.development .development-plot.rtl .development-pod .content-pod{padding-left:10px;padding-right:10px}}.development .development-plot.rtl .development-pod .img-pod{left:0;right:unset}.development .development-plot.rtl .patch{right:unset;left:0}.development .development-plot.ltr .development-pod .content-pod{float:left;padding-left:116px;padding-right:45%}@media (max-width: 1112px){.development .development-plot.ltr .development-pod .content-pod{padding-right:116px}}@media (max-width: 767px){.development .development-plot.ltr .development-pod .content-pod{padding-left:10px;padding-right:10px}}.development .development-plot.ltr .development-pod .img-pod{left:unset;right:0}.development .development-plot.ltr .patch{right:0;left:unset}.development .development-plot .development-pod{width:100%;float:left;position:relative;padding-bottom:83px}@media (max-width: 767px){.development .development-plot .development-pod{padding-bottom:0}}.development .development-plot .development-pod .content-pod{width:82%;padding-top:89px;padding-bottom:117px;background-color:#1A4A9C}@media (max-width: 1112px){.development .development-plot .development-pod .content-pod{width:100%;padding-left:116px;padding-right:116px;text-align:center}}@media (max-width: 767px){.development .development-plot .development-pod .content-pod{padding-top:35px}}.development .development-plot .development-pod .content-pod .title{width:100%;float:left;font-family:'Rubik', sans-serif;font-size:21px;font-weight:500;color:#fff;margin-bottom:24px}.development .development-plot .development-pod .content-pod .desc{width:100%;float:left;font-family:'Rubik', sans-serif;font-size:17px;font-weight:500;line-height:23px;color:#fff;margin-bottom:24px;margin-bottom:15px;min-height:170px}@keyframes ripple{0%{transform:scale(0, 0);opacity:1}20%{transform:scale(25, 25);opacity:1}100%{opacity:0;transform:scale(40, 40)}}.development .development-plot .development-pod .content-pod .button{float:left;font-family:'Rubik', sans-serif;font-size:20px;font-weight:500;text-decoration:none;border-radius:8px;text-align:center;border:0;cursor:pointer;position:relative;overflow:hidden;width:163px;height:52px;line-height:52px;margin-top:25px;border-radius:4px;font-family:'Rubik', sans-serif;font-size:17px;font-weight:500}.development .development-plot .development-pod .content-pod .button:after{content:'';position:absolute;top:50%;left:50%;width:10px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:100%;transform:scale(1, 1) translate(-50%);transform-origin:50% 50%}.development .development-plot .development-pod .content-pod .button:focus::after{animation:ripple 1s ease-out}.development .development-plot .development-pod .content-pod .button.yellow{background-color:#FEE200;color:#1A4A9C}.development .development-plot .development-pod .content-pod .button.yellow:hover,.development .development-plot .development-pod .content-pod .button.yellow.active{background-color:#f0a61f}.development .development-plot .development-pod .content-pod .button.yellow-o{border:solid 1px #FEE200;color:#1A4A9C}.development .development-plot .development-pod .content-pod .button.white{background-color:#fff;color:#1A4A9C}.development .development-plot .development-pod .content-pod .button.white-o{border:solid 1px #fff;color:#fff}@media (max-width: 1112px){.development .development-plot .development-pod .content-pod .button{margin-left:calc((100% - 163px) / 2)}}@media (max-width: 767px){.development .development-plot .development-pod .content-pod .button{font-size:14px;height:45px;line-height:45px}}.development .development-plot .development-pod .img-pod{width:58%;float:left;position:absolute;bottom:28px;height:calc(100% - 74px)}@media (max-width: 1112px){.development .development-plot .development-pod .img-pod{width:90%;position:relative;bottom:unset;right:unset;height:auto;margin-top:-84px;margin-left:calc((100% - 90%)/ 2)}}.development .development-plot .development-pod .img-pod img{float:left;width:100%}.development .development-plot .patch{width:calc(100% - (((100% - 1200px)/ 2) + 993px));height:321px;background:#F3F6FF;position:absolute;bottom:0;z-index:-1}@media (max-width: 1112px){.development .development-plot .patch{display:none}}.development .development-plot:last-child{margin-bottom:0}
/*# sourceMappingURL=case-study.css.map */