.block-two-cols{display:flex;gap:80px;margin:50px auto;max-width:1640px}.block-two-cols.w-1380{max-width:1380px}.block-two-cols.w-1120{max-width:1120px}.block-two-cols.reverse{flex-direction:row-reverse}.block-two-cols.img-top{flex-direction:column-reverse}.block-two-cols .col{align-items:flex-start;display:flex;flex-direction:column}.block-two-cols .col.image.img-col-4{width:33.33333%}.block-two-cols .col.text.img-col-4{width:66.66667%}.block-two-cols .col.image.img-col-5{width:41.66667%}.block-two-cols .col.text.img-col-5{width:58.33333%}.block-two-cols .col.image.img-col-6,.block-two-cols .col.text.img-col-6{width:50%}.block-two-cols .col.image.img-col-7{width:58.33333%}.block-two-cols .col.text.img-col-7{width:41.66667%}.block-two-cols .col.image.img-col-8{width:66.66667%}.block-two-cols .col.text.img-col-8{width:33.33333%}.block-two-cols.img-top .col.image{width:100%}.block-two-cols.img-top .col.text{border-radius:6px;margin:auto 10px;padding:30px 0;transform:translateY(-60px);width:calc(100% - 30px)}.block-two-cols img,.block-two-cols.reverse img{height:auto;width:100%}.block-two-cols .col.image.box-shadow img,.block-two-cols.reverse .col.image.box-shadow img{border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.024),0 1px 0 0 rgba(0,0,0,.05),0 0 8px 0 rgba(0,0,0,.03),0 20px 30px 0 rgba(0,0,0,.1)}.block-two-cols .col.image.box-perspective img{border-radius:4px;transform:perspective(800px) rotateY(-8deg) translateX(-20px);transition:transform 1s ease 0s;&:hover{transform:perspective(800px) rotateY(-4deg) translateX(-20px)}}.block-two-cols.reverse .col.image.box-perspective img{transform:perspective(800px) rotateY(8deg) translateX(20px);&:hover{transform:perspective(800px) rotateY(4deg) translateX(20px)}}.block-two-cols .col.text{padding:0}.block-two-cols.reverse .col.text{align-items:flex-start;padding:0}.block-two-cols .col.text h2,.block-two-cols.reverse .col.text h2{color:#343434;font-size:36px;font-weight:700;line-height:48px;margin:15px 0;text-align:left}.block-two-cols .col.text h3,.block-two-cols.reverse .col.text h3{margin:12px 0 0}.block-two-cols .col.text p,.block-two-cols.reverse .col.text p{margin-top:4px}.block-two-cols .col.text .headline-small *,.block-two-cols.reverse .col.text .headline-small *{font-size:14px;letter-spacing:.39px;line-height:21px;text-transform:uppercase}@media (max-width:1139px){.block-two-cols,.block-two-cols.reverse{align-items:center;flex-direction:column-reverse;gap:10px;margin:10px auto}.block-two-cols .col,.block-two-cols .col.image,.block-two-cols .col.image.img-col-4,.block-two-cols .col.image.img-col-5,.block-two-cols .col.image.img-col-6,.block-two-cols .col.image.img-col-7,.block-two-cols .col.image.img-col-8,.block-two-cols .col.text,.block-two-cols .col.text.img-col-4,.block-two-cols .col.text.img-col-5,.block-two-cols .col.text.img-col-6,.block-two-cols .col.text.img-col-7,.block-two-cols .col.text.img-col-8{width:100%}.block-two-cols img,.block-two-cols.reverse img{height:auto;margin-left:auto;margin-right:auto;max-width:100%;width:100%}.block-two-cols .col.image.border-radius img{border-radius:0}.block-two-cols .col.image.box-perspective img{transform:perspective(800px) rotateY(-1deg);&:hover{transform:perspective(800px) rotateY(0)}}.block-two-cols.reverse .col.image.box-perspective img{transform:perspective(800px) rotateY(1deg);&:hover{transform:perspective(800px) rotateY(0)}}.block-two-cols .col.text,.block-two-cols.reverse .col.text{align-items:flex-start;padding:0;width:100%}.block-two-cols .col.text h2,.block-two-cols.reverse .col.text h2{max-width:100%}.block-two-cols .col.text,.block-two-cols .col.text.mobile-translateY,.block-two-cols.reverse .col.text,.block-two-cols.reverse .col.text.mobile-translateY{margin:auto 10px;transform:translateY(0);width:100%}.block-two-cols .col.text .button{margin-right:20px;margin-top:20px}}@media screen and (max-width:767px){.block-two-cols,.block-two-cols.reverse{margin:0 auto 20px}.block-two-cols .col.text,.block-two-cols .col.text.mobile-translateY,.block-two-cols.reverse .col.text,.block-two-cols.reverse .col.text.mobile-translateY{margin:auto 20px}.block-two-cols img,.block-two-cols.reverse img{border-radius:0!important}.block-two-cols .col.image,.block-two-cols .col.image.img-col-4,.block-two-cols .col.image.img-col-5,.block-two-cols .col.image.img-col-6,.block-two-cols .col.image.img-col-7,.block-two-cols .col.image.img-col-8{width:calc(100% + 40px)}.block-two-cols .col.image.box-perspective img,.block-two-cols.reverse .col.image.box-perspective img{transform:none;&:hover{transform:none}}.block-two-cols .col.text h2,.block-two-cols.reverse .col.text h2{font-size:24px;line-height:35px}}@media (max-width:420px){.block-two-cols .col.text,.block-two-cols .col.text.mobile-translateY,.block-two-cols.reverse .col.text,.block-two-cols.reverse .col.text.mobile-translateY{margin:auto 0 60px;transform:translateY(0);width:100%}}