.developmentCards{display:flex;width:100%}.developmentCards>div{width:50%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.developmentCards>div.textBlock{padding:80px 70px;font-size:18px;line-height:28px;align-items:flex-start}.developmentCards>div.textBlock>div{max-width:515px;width:100%}.developmentCards>div.textBlock .devlogoName{display:flex;justify-content:flex-start;align-items:flex-start;padding-bottom:20px}.developmentCards>div.textBlock .devlogoName .devLogo{margin-right:30px}.developmentCards>div.textBlock .devlogoName .devLogo img{width:auto;max-height:100px}.developmentCards>div.textBlock .devlogoName .devName h2{margin-bottom:20px;font-size:38px;line-height:42px;text-align:left;text-transform:uppercase}.developmentCards>div.textBlock .devlogoName .devName h2:after,.developmentCards>div.textBlock .devlogoName .devName h2:before{left:0;transform:none}.developmentCards>div.textBlock .devlogoName .devName .subTitle{text-align:left;color:var(--sunshine);text-transform:uppercase;padding:0;margin:0;font-family:hind;font-weight:300}.developmentCards>div.textBlock .devlogoName .devName .subTitle:after,.developmentCards>div.textBlock .devlogoName .devName .subTitle:before{display:none}.developmentCards>div.imageBlock{padding-top:50%;position:relative;display:block;overflow:hidden}.developmentCards>div.imageBlock .imageHolder,.developmentCards>div.imageBlock .imageHolder:before{position:absolute;left:0;top:0;width:100%;height:100%}.developmentCards>div.imageBlock .imageHolder:before{content:"";display:block;z-index:1;background-color:rgba(0,0,0,.2);opacity:1;transition:all .3s ease-in-out}.developmentCards>div.imageBlock .imageHolder img{transform:scale(1);transition:all .3s ease-in-out}.developmentCards.leftImage{flex-direction:row-reverse}.developmentCards.leftImage>div.textBlock{align-items:flex-end}@media screen and (min-width:1201px){.developmentCards:hover .imageBlock .imageHolder:before{opacity:0}.developmentCards:hover .imageBlock .imageHolder img{transform:scale(1.1)}}@media screen and (min-width:0px)and (max-width:1365px){.developmentCards>div.textBlock{padding:60px 50px}}@media screen and (min-width:0px)and (max-width:1200px){.developmentCards>div.imageBlock .imageHolder:before{opacity:0}.developmentCards>div.imageBlock .imageHolder img{transform:scale(1)}}@media screen and (min-width:0px)and (max-width:950px){.developmentCards{display:block}.developmentCards>div{width:100%}.developmentCards>div.imageBlock{padding-top:100%}.developmentCards>div.textBlock>div{max-width:100%}}@media screen and (min-width:0px)and (max-width:767px){.developmentCards>div.textBlock{padding:30px 20px}.developmentCards>div.textBlock .secondaryBtn{width:100%}.developmentCards>div.textBlock .devlogoName{display:block}.developmentCards>div.textBlock .devlogoName .devLogo{margin-right:0;margin-bottom:15px}.developmentCards>div.textBlock .devlogoName .devLogo img{width:auto;max-height:110px}}