.hr-service-section{position:relative;width:100%;background:#000;padding-top:30px}.hr-service-section:before,.hr-service-section:after,.hr-service-section:before{content:"";position:absolute}.hr-service-section:after,.hr-service-section:before{width:20%;height:100%;top:0;bottom:0;z-index:1;max-width:300px}.hr-service-section:before{left:0;background:#000;background:-webkit-linear-gradient(to right,#000000,#00000005);background:linear-gradient(to right,#000000,#00000005);top:0}.abo-shap-1{width:30px;height:30px;background:#cddefc;border-radius:50%;left:6%;top:29%}.wedd-shap span{position:absolute}.abo-shap-4{width:37px;height:87px;background:url(http://213.109.159.53/~kpsshaadi/public/assets/images/dot1.webp);right:5%;top:5%;animation:5s linear 0s infinite normal both running updown1}.wedd-shap span{position:absolute}.hr-service-section .swiper{padding:30px 0 60px}.hr-service-section .swiper-slide{background:#222;border-radius:12px;overflow:hidden;position:relative;text-align:center;color:#fff;cursor:pointer;transition:transform 0.3s ease}.hr-service-section .swiper-slide:hover{transform:translateY(-8px)}.hr-service-section .swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transition:transform 0.5s ease}.hr-service-section .swiper-slide:hover img{transform:scale(1.05)}.service-content{position:relative;z-index:2;padding:50px 20px;background:rgb(0 0 0 / .5);border-radius:12px;min-height:250px}.service-content i{font-size:60px;margin-bottom:20px;display:inline-block}.service-content h3{font-size:22px;margin-bottom:10px;font-weight:700}.service-content p{font-size:14px;color:#ddd}.service-btn{opacity:0;visibility:hidden;margin-top:15px;padding:10px 20px;background:var(--color-3);border:none;border-radius:0;font-size:14px;color:#fff;cursor:pointer;transition:all 0.3s ease}.hr-service-section .swiper-slide:hover .service-btn{opacity:1;visibility:visible;transform:translateY(0)}.hr-service-section .swiper-pagination{margin-top:20px;position:relative}.hr-service-section .swiper-button-next,.hr-service-section .swiper-button-prev{color:#eab676;transition:0.3s ease}.hr-service-section .swiper-button-next:hover,.hr-service-section .swiper-button-prev:hover{color:#fff}@keyframes updown1{0%{transform:translateY(0)}25%{transform:translateY(-30px)}50%{transform:translateY(0)}75%{transform:translateY(30px)}100%{transform:translateY(0)}}@media(max-width:767.98px){.service-content{height:100%}}