.el-service-card {--dl-service-card-h: 495px;--dl-service-card-img-h: 270px;--dl-service-card-icon-s: 100px;text-align: center;background-color: var(--agrox-primary-color, #43aa5c);mask-image: url(../../img/service-bg-mask.svg);-webkit-mask-image: url(../../img/service-bg-mask.svg);mask-size: 100%;-webkit-mask-size: 100%;mask-position: center;-webkit-mask-position: center;mask-repeat: no-repeat;height: var(--dl-service-card-h);}.el-service-card-bd, .el-service-card-inner {background-color: #e6e7e8;mask-image: url(../../img/service-bg-mask.svg);-webkit-mask-image: url(../../img/service-bg-mask.svg);mask-size: calc(100% - 20px);-webkit-mask-size: calc(100% - 20px);mask-position: center;-webkit-mask-position: center;mask-repeat: no-repeat;height: 100%;transition: all .3s ease-in-out;}.el-service-card-bd {background-color: #fff;mask-size: calc(100% - 30px);-webkit-mask-size: calc(100% - 30px);}.el-service-card:hover .el-service-card-inner {background-color: var(--agrox-secondary-color, #f8c32c);}.el-service-card-img {mask-image: url(../../img/service-img-mask.png);-webkit-mask-image: url(../../img/service-img-mask.png);mask-size: cover;-webkit-mask-size: 100%;mask-position: top center;-webkit-mask-position: top center;mask-repeat: no-repeat;width: 100%;height: var(--dl-service-card-img-h);overflow: hidden;}.el-service-card-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1.05) translateX(0);transition: all .8s cubic-bezier(.5, 1, .89, 1);}.el-service-card:hover .el-service-card-img img {transform: scale(1.05) translateX(2%);}.el-service-card-icon {width: var(--dl-service-card-icon-s);height: var(--dl-service-card-icon-s);position: absolute;left: 50%;top: calc(var(--dl-service-card-img-h) - (var(--dl-service-card-icon-s) / 2));transform: translateX(-50%);display: flex;align-items: center;justify-content: center;color: #1f4e3d;font-size: 45px;z-index: 1;}.el-service-card-icon i, .el-service-card-icon svg:not(.icon-bg) {transition: all.3s ease-in-out;}.el-service-card-icon:hover i, .el-service-card-icon:hover svg:not(.icon-bg) {transform: rotateY(180deg);}.el-service-card-icon .icon-bg {color: var(--agrox-secondary-color, #f8c32c);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}.el-service-card-icon svg:not(.icon-bg) {width: auto;height: 40px;fill: currentColor;}.el-service-card-title {color: #1f4e3d;font-size: 24px;line-height: 1.2;font-weight: 700;margin: 0;margin-top: calc(var(--dl-service-card-icon-s) / 2);padding: 0 80px;height: calc((var(--dl-service-card-h) - var(--dl-service-card-img-h)) - 80px - (var(--dl-service-card-icon-s) / 2));display: flex;align-items: center;justify-content: center;}.el-service-card-link {background-color: var(--agrox-secondary-color, #f8c32c);width: 120px;height: 80px;display: flex;align-items: flex-start;justify-content: center;color: #1f4e3d;border-radius: 50%;padding-top: 6px;position: absolute;left: 50%;bottom: -15px;transform: translateX(-50%);}.el-service-card-link:hover {color: #fff;background-color: #1f4e3d;}.el-service-card-link svg {width: 36px;height: auto;fill: currentColor;}body.rtl .el-service-card-link svg{transform: rotateY(180deg);}