.component-section{display:flex;flex-direction:column}.component{display:flex}.cb-left,.cb-right{width:50%}.cb-right{border-left:2px solid #f0bc40;padding:0 0 0 50px}.cb-left,.cb-right{align-items:center;display:flex;justify-content:center;position:relative}.cb-left{border-right:2px solid #f0bc40;padding:0 50px 0 0}.circle-right{align-items:center;background-color:#fff;border:4px solid #f0bc40;border-radius:50%;color:#000;display:flex;height:80px;justify-content:center;left:-42px;position:absolute;top:50%;transform:translateY(-50%);width:80px;z-index:1}.image-mask{border:4px solid #fff;border-radius:33px;box-shadow:0 0 20px #00000045;height:405px;overflow:hidden;position:relative;width:100%}.image-mask:after{border:0;border-radius:12px;box-shadow:0 0 20px #00000045;height:50px;position:absolute;transform:rotate(45deg);width:50px}.image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.circle-left{display:none}.image-text{color:#fff;font-size:24px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}@media (max-width:768px){.component{flex-direction:column}.cb-left,.cb-right{border:none;padding:50px 20px;width:100%}.circle-left,.circle-right{align-items:center;background-color:#fff;border:4px solid #f0bc40;border-radius:50%;color:#000;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:11px;transform:translateX(-50%);width:80px;z-index:1}.inv-mobile{display:none}.component-section .component:first-child .box-number{margin-top:0}}