.office-work-container{--main-grid-gap:100px}.office-work-container .main-grid{display:-ms-grid;display:grid;grid-gap:var(--main-grid-gap)}.office-work-container .main-grid .single-section-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 214px 1fr;grid-template-columns:repeat(2,1fr);grid-gap:214px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.office-work-container .main-grid .single-section-grid:before{width:120px;height:120px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:100%;font-weight:600;text-align:center;font-size:36px;line-height:120px;z-index:1}.office-work-container .main-grid .single-section-grid:after{content:"";position:absolute;height:calc(100% + var(--main-grid-gap));width:1px;border:1px dashed #9e9e9e;top:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.office-work-container .main-grid .single-section-grid:last-child:after{height:0}@media(max-width:767px){.office-work-container{--main-grid-gap:60px}.office-work-container .main-grid .single-section-grid{display:block}.office-work-container .image-column{max-width:200px;margin:0 auto 30px}.office-work-container h4{font-size:24px;text-align:center}.office-work-container p{text-align:center}.office-work-container .main-grid .single-section-grid:before{width:0;height:0;position:absolute;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);border-radius:0;font-weight:0;font-size:0;line-height:0;z-index:1}.office-work-container .main-grid .single-section-grid:after{content:"";position:absolute;height:calc(100% + var(--main-grid-gap));width:0;border:0 dashed #9e9e9e;top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}