.hero { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding-top: 54px; padding-bottom: 143px; } .hero-main { margin-right: 48px; } .hero-line { width: 195px; border-top: 1px solid #201F1F; opacity: 0.2; margin-top: 12px; } .hero-title { margin-top: 10px; margin-bottom: 12px; font-weight: 600; font-size: 75px; line-height: 120%; letter-spacing: -3px; } .hero-description { font-family: var(--font-inter); padding: 0; font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: 0px; text-align: justify; } .hero-description__bold { font-weight: 600; } .hero-buttons { margin-top: 45px; display: flex; gap: 23px; } .hero-cub1 { position: relative; width: 391px; height: 394px; border-radius: 25px; background: center / cover no-repeat url('../../../images/img.png'), #F8F8F8; } .hero-cub1::after { content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 25px; background: center / cover no-repeat url('../../../images/img.png'), #F8F8F8; transform: translateY(25px); filter: blur(83.7px); } .hero-cub2 { position: absolute; top: 181px; left: calc(100% + 38px); width: 320px; height: 322px; border-radius: 25px; background: center / cover no-repeat url('../../../images/img_1.png'), #F8F8F8; } .hero-cub2::after { content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 25px; background: center / cover no-repeat url('../../../images/img_1.png'), #F8F8F8; transform: translateY(25px); filter: blur(83.7px); } .cub1-arrow { position: absolute; left: calc(100% + 23px); top: 41px; transform: rotate(-3.08deg); } .hero-dots { position: absolute; top: 0; right: 0; z-index: -1; } .hero-cubs { display: flex; flex-direction: column; align-items: center; justify-self: start; } .hero-cubs .lr-button { margin-top: 71px; }