.el-promo-item {--buildex-promo-icon-size: 70px;--buildex-promo-border-width: 4px;background-color: #f4f5f8;display: grid;grid-template-columns: 1fr;align-items: center;gap: 20px;padding: 30px 20px;position: relative;}.el-promo-item.is-icon {grid-template-columns: var(--buildex-promo-icon-size) 1fr;}.el-promo-item.layout-2, .el-promo-item.layout-3 {grid-template-columns: 1fr;}.el-promo-item.layout-3 {justify-content: center;text-align: center;}.el-promo-item.layout-3 .el-promo-icon {margin: 0 auto;}.el-promo-item.is-border:before {background-color: #ffaa17;content: "";width: var(--buildex-promo-border-width);height: 60%;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all .5s cubic-bezier(.160, .85, .45, 1);}.el-promo-item.layout-3.is-border:before {width: 60%;height: var(--buildex-promo-border-width);left: 50%;bottom: 0;top: auto;transform: translateX(-50%) translateY(0);}.el-promo-item:not(.layout-3).is-border:hover:before {height: 70%;transition: height .5s cubic-bezier(.160, .85, .45, 1);}.el-promo-item.layout-3.is-border:hover:before {width: 70%;transition: width .5s cubic-bezier(.160, .85, .45, 1);}.el-promo-icon {background-color: #ffaa17;width: var(--buildex-promo-icon-size);height: var(--buildex-promo-icon-size);display: flex;align-items: center;justify-content: center;font-size: 50px;color: #222429;position: relative;overflow-y: clip;z-index: 1;}.el-promo-icon:before {background-color: #222429;content: "";width: 120%;height: 2px;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 1;}.el-promo-icon .el-icon-shape {position: absolute;top: -30px;left: 50%;width: 60px;height: auto;fill: none;transform: translateX(-50%);z-index: -1;}.el-promo-content {position: relative;}.el-promo-heading {margin: 0 0 5px;font-size: 20px;font-weight: 600;line-height: 1.7;color: #222429;letter-spacing: -0.5px;}.el-promo-heading a {color: #222429;}.el-promo-heading a:hover {color: #ffaa17;}.el-promo-desc {font-size: 16px;line-height: 27px;margin: 0;}.el-promo-item .el-read-more {background-color: #ffaa17;color: #222429;width: 45px;height: 45px;position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}.el-promo-item .el-read-more svg {width: 20px;height: auto;fill: currentColor;}.el-promo-item.layout-3 .el-read-more {left: 50%;bottom: -20px;transform: translateX(-50%);}.el-promo-item .el-read-more:hover {background-color: #222429;color: #fff;}