p { &:last-child { margin-bottom: 0; } } .header-btn { position: relative; &::before { content: ''; position: absolute; top: 0; bottom: 0; left: -13px; width: 14px; clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%); background-color: #090303; } &::after { content: ''; position: absolute; top: 0; bottom: 0; right: -13px; width: 14px; clip-path: polygon(0% 0%, 100% 0%, 25% 100%, 0% 100%); background-color: #090303; } .elementor-button { padding: 12px 17px 10px 24px; .elementor-button-content-wrapper { line-height: 1; align-items: center; gap: 8px; .elementor-button-icon { svg { width: 16px; height: 16px; } } } } } .box-tag { position: relative; display: inline-block; padding: 3px 9px 3px 12px; margin-bottom: 16px; background: #ffffff; &::before { content: ''; position: absolute; clip-path: polygon(25% 0%, 100% 0%, 100% 50%, 0% 100%); background-color: #ffffff; width: 35px; height: 45px; left: 26px; top: 0; transform: translateX(-100%); z-index: 0; } &::after { content: ''; position: absolute; clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%); background-color: #ffffff; top: 0; right: 10px; bottom: 0; transform: translateX(100%); z-index: 0; width: 15px; } .elementor-heading-title { position: relative; } } body.page-id-11 { .hp-hero-box { #hp-hero-3d { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0.56; > .elementor-widget-container { height: auto; width: 100%; } } } .box-7 { > .e-con-inner { padding: 0; border-style: solid; border-color: #c0c0c0; border-width: 1px 0 0 0; } .elementor-widget-image-box { width: 100%; border-style: solid; border-color: #c0c0c0; &:nth-child(1) { border-width: 0 0 0 1px; } &:nth-child(2) { border-width: 0 1px 0 1px; } &:nth-child(3) { border-width: 0 1px 0 0; } > .elementor-image-box-wrapper { max-width: 274px; margin-left: auto; margin-right: auto; } } } }