.elementor-5 .elementor-element.elementor-element-07c3f8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5 .elementor-element.elementor-element-07c3f8c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5 .elementor-element.elementor-element-bcd286f{--e-image-carousel-slides-to-show:1;}.elementor-5 .elementor-element.elementor-element-48b91409{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:04%;--padding-bottom:04%;--padding-left:6%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-48b91409:not(.elementor-motion-effects-element-type-background), .elementor-5 .elementor-element.elementor-element-48b91409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:linear-gradient(180deg, #F19892 0%, #D97A5A 100%);}.elementor-5 .elementor-element.elementor-element-5e6205ee{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title{color:#545454;font-size:60px;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title > span{color:#23a455;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Playfair Display", Sans-serif;font-style:italic;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper p{font-family:"Alice", Sans-serif;font-size:24px;}.elementor-5 .elementor-element.elementor-element-0d98399{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-5347460{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-bg-overlay::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-bg-overlay::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-apollo::before{background-color:rgba(255,255,255,0.93);}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-romeo::before{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-romeo::after{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-layla::before{border-top-style:solid;border-bottom-style:solid;top:calc(15px + 20px);right:15px;bottom:calc(15px + 20px);left:15px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-layla::after{border-left-style:solid;border-right-style:solid;top:15px;right:calc(15px + 20px);bottom:15px;left:calc(15px + 20px);}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-oscar::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-bubba::before{border-top-style:solid;border-bottom-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-bubba::after{border-left-style:solid;border-right-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-chicho::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-border-anim-jazz::after{border-top-style:solid;border-bottom-style:solid;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;background-color:#00000038;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-description{color:#ffffff;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box:hover .wpr-promo-box-title{color:#000000;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box:hover .wpr-promo-box-title a{color:#000000;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box:hover .wpr-promo-box-description{color:#0A0A0A;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:205px;padding:30px 30px 30px 30px;text-align:left;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box{border-radius:20px 20px 20px 20px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box-content .wpr-promo-box-icon{font-size:27px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-8e83c64 .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#F1989252;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-bg-overlay::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-bg-overlay::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-apollo::before{background-color:rgba(255,255,255,0.93);}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-romeo::before{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-romeo::after{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-layla::before{border-top-style:solid;border-bottom-style:solid;top:calc(15px + 20px);right:15px;bottom:calc(15px + 20px);left:15px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-layla::after{border-left-style:solid;border-right-style:solid;top:15px;right:calc(15px + 20px);bottom:15px;left:calc(15px + 20px);}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-oscar::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-bubba::before{border-top-style:solid;border-bottom-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-bubba::after{border-left-style:solid;border-right-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-chicho::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-border-anim-jazz::after{border-top-style:solid;border-bottom-style:solid;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;background-color:#00000066;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-description{color:#ffffff;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box:hover .wpr-promo-box-title{color:#000000;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box:hover .wpr-promo-box-title a{color:#000000;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box:hover .wpr-promo-box-description{color:#0A0A0A;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:549px;padding:30px 30px 30px 30px;text-align:left;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box{border-radius:20px 20px 20px 20px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-content .wpr-promo-box-icon{font-size:27px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#F1989252;}.elementor-5 .elementor-element.elementor-element-7fb89fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-bg-overlay::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-bg-overlay::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-apollo::before{background-color:rgba(255,255,255,0.93);}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-romeo::before{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-romeo::after{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-layla::before{border-top-style:solid;border-bottom-style:solid;top:calc(15px + 20px);right:15px;bottom:calc(15px + 20px);left:15px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-layla::after{border-left-style:solid;border-right-style:solid;top:15px;right:calc(15px + 20px);bottom:15px;left:calc(15px + 20px);}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-oscar::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-bubba::before{border-top-style:solid;border-bottom-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-bubba::after{border-left-style:solid;border-right-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-chicho::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-border-anim-jazz::after{border-top-style:solid;border-bottom-style:solid;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;background-color:#00000066;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-description{color:#ffffff;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:333px;padding:30px 30px 30px 30px;text-align:left;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box{border-radius:20px 20px 20px 20px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-content .wpr-promo-box-icon{font-size:27px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#F1989252;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-bg-overlay::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-bg-overlay::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-apollo::before{background-color:rgba(255,255,255,0.93);}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-romeo::before{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-romeo::after{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-layla::before{border-top-style:solid;border-bottom-style:solid;top:calc(15px + 20px);right:15px;bottom:calc(15px + 20px);left:15px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-layla::after{border-left-style:solid;border-right-style:solid;top:15px;right:calc(15px + 20px);bottom:15px;left:calc(15px + 20px);}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-oscar::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-bubba::before{border-top-style:solid;border-bottom-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-bubba::after{border-left-style:solid;border-right-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-chicho::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-border-anim-jazz::after{border-top-style:solid;border-bottom-style:solid;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;background-color:#00000066;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-description{color:#ffffff;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:423px;padding:30px 30px 30px 30px;text-align:left;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box{border-radius:20px 20px 20px 20px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-content .wpr-promo-box-icon{font-size:27px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#F1989252;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5 .elementor-element.elementor-element-052869a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-c91ee27{width:var( --container-widget-width, 98.809% );max-width:98.809%;--container-widget-width:98.809%;--container-widget-flex-grow:0;}.elementor-5 .elementor-element.elementor-element-c91ee27.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-bg-overlay::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-bg-overlay::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-apollo::before{background-color:rgba(255,255,255,0.93);}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-romeo::before{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-romeo::after{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-layla::before{border-top-style:solid;border-bottom-style:solid;top:calc(15px + 20px);right:15px;bottom:calc(15px + 20px);left:15px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-layla::after{border-left-style:solid;border-right-style:solid;top:15px;right:calc(15px + 20px);bottom:15px;left:calc(15px + 20px);}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-oscar::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-bubba::before{border-top-style:solid;border-bottom-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-bubba::after{border-left-style:solid;border-right-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-chicho::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-border-anim-jazz::after{border-top-style:solid;border-bottom-style:solid;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;background-color:#00000066;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-description{color:#ffffff;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:496px;padding:30px 30px 30px 30px;text-align:left;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box{border-radius:20px 20px 20px 20px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-content .wpr-promo-box-icon{font-size:27px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#F1989252;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-bg-overlay::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-bg-overlay::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,0.93);border-width:2px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-apollo::before{background-color:rgba(255,255,255,0.93);}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-romeo::before{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-romeo::after{background-color:rgba(255,255,255,0.93);height:2px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-layla::before{border-top-style:solid;border-bottom-style:solid;top:calc(15px + 20px);right:15px;bottom:calc(15px + 20px);left:15px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-layla::after{border-left-style:solid;border-right-style:solid;top:15px;right:calc(15px + 20px);bottom:15px;left:calc(15px + 20px);}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-oscar::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-bubba::before{border-top-style:solid;border-bottom-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-bubba::after{border-left-style:solid;border-right-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-chicho::before{border-style:solid;top:15px;right:15px;bottom:15px;left:15px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-border-anim-jazz::after{border-top-style:solid;border-bottom-style:solid;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-delay:0s;transition-delay:0s;background-color:#00000066;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-description{color:#ffffff;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:258px;padding:30px 30px 30px 30px;text-align:left;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box{border-radius:20px 20px 20px 20px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-content .wpr-promo-box-icon{font-size:27px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#F1989252;}.elementor-5 .elementor-element.elementor-element-40ec659{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-8e0771e .elementor-button{background-color:#F19892;font-family:"Alef", Sans-serif;font-size:20px;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-5 .elementor-element.elementor-element-8e0771e .elementor-button:hover, .elementor-5 .elementor-element.elementor-element-8e0771e .elementor-button:focus{background-color:#EEBC62;}.elementor-5 .elementor-element.elementor-element-8e0771e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5 .elementor-element.elementor-element-2469da9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-0f7c882{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5 .elementor-element.elementor-element-bbcf122{font-family:"Alice", Sans-serif;font-weight:400;}.elementor-5 .elementor-element.elementor-element-9ea8455{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-7bdfc25 .elementor-button{background-color:#F19892;font-family:"Alef", Sans-serif;font-size:20px;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-5 .elementor-element.elementor-element-7bdfc25 .elementor-button:hover, .elementor-5 .elementor-element.elementor-element-7bdfc25 .elementor-button:focus{background-color:#EEBC62;}.elementor-5 .elementor-element.elementor-element-7bdfc25 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5 .elementor-element.elementor-element-ac6e87c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.41;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5 .elementor-element.elementor-element-ac6e87c::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-5 .elementor-element.elementor-element-ac6e87c:hover::before, .elementor-5 .elementor-element.elementor-element-ac6e87c:hover > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-ac6e87c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .elementor-background-slideshow:hover::before, .elementor-5 .elementor-element.elementor-element-ac6e87c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#02010100;--background-overlay:'';}.elementor-5 .elementor-element.elementor-element-ac6e87c:hover{--overlay-opacity:0.5;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-btn{background-color:#F19892;color:#ffffff;border-color:#ffffff;-webkit-transition-duration:0.2s;transition-duration:0.2s;font-family:"Alef", Sans-serif;font-size:20px;font-weight:500;border-width:2px 2px 2px 2px;border-radius:20px 20px 20px 20px;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box:hover .wpr-promo-box-btn{background-color:#EEBC62;color:#ffffff;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;background-color:#00000042;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;font-size:40px;margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-description{color:#ffffff;font-family:"Alice", Sans-serif;font-size:24px;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box:hover .wpr-promo-box-icon{color:#FFFFFF;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:280px;padding:10% 12% 10% 30%;-webkit-justify-content:center;justify-content:center;text-align:center;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-content .wpr-promo-box-icon{font-size:15px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-btn{padding:8px 17px 8px 17px;border-style:solid;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#00000042;}.elementor-5 .elementor-element.elementor-element-ea35cd5{--display:flex;--margin-top:4%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:linear-gradient(180deg, #F19892 0%, #D97A5A 100%);}.elementor-5 .elementor-element.elementor-element-a279261{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-5 .elementor-element.elementor-element-a279261.elementor-element{--align-self:center;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title{color:#545454;margin:6px 6px 6px 6px;font-size:60px;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title > span{color:#23a455;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Playfair Display", Sans-serif;font-style:italic;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper p{font-family:"Alice", Sans-serif;font-size:24px;margin:0% 0% 0% 0%;}.elementor-5 .elementor-element.elementor-element-94d6af2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-948368f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-948368f.e-con{--align-self:center;}.elementor-5 .elementor-element.elementor-element-8e20df5 img{width:99%;opacity:1;border-radius:15px 15px 15px 15px;}.elementor-5 .elementor-element.elementor-element-d887776{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-2dddc50 img{opacity:1;border-radius:15px 15px 15px 15px;}.elementor-5 .elementor-element.elementor-element-fd6b30c{--display:flex;--margin-top:4%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:linear-gradient(180deg, #F19892 0%, #D97A5A 100%);}.elementor-5 .elementor-element.elementor-element-27dffbd{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-5 .elementor-element.elementor-element-27dffbd.elementor-element{--align-self:center;}.elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title{color:#545454;font-size:60px;}.elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title > span{color:#23a455;}.elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Playfair Display", Sans-serif;font-style:italic;}.elementor-5 .elementor-element.elementor-element-14fa7ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5 .elementor-element.elementor-element-c884ad6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5 .elementor-element.elementor-element-d5e65a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-5 .elementor-element.elementor-element-d5e65a0::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manaliskinandhairclinic.com/wp-content/uploads/2026/07/clinical.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5 .elementor-element.elementor-element-309927a{--spacer-size:50px;}.elementor-5 .elementor-element.elementor-element-c63b4ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5 .elementor-element.elementor-element-062bf03{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5 .elementor-element.elementor-element-448afe7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-448afe7::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manaliskinandhairclinic.com/wp-content/uploads/2026/08/laser-background.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-5 .elementor-element.elementor-element-a43d23f{--spacer-size:50px;}.elementor-5 .elementor-element.elementor-element-d3d14ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5 .elementor-element.elementor-element-81d34d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5 .elementor-element.elementor-element-e475d7e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-5 .elementor-element.elementor-element-e475d7e::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manaliskinandhairclinic.com/wp-content/uploads/2026/07/hair-transplant.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5 .elementor-element.elementor-element-24c021a{--spacer-size:50px;}.elementor-5 .elementor-element.elementor-element-5e97781{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-98d7699{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-d6d2120{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5 .elementor-element.elementor-element-1b6747e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-5 .elementor-element.elementor-element-1b6747e::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manaliskinandhairclinic.com/wp-content/uploads/2026/08/FACIAL-e1787670312524.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5 .elementor-element.elementor-element-46d76ee{--spacer-size:50px;}.elementor-5 .elementor-element.elementor-element-c872501{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-d378463{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-d800cd6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5 .elementor-element.elementor-element-4492cb2{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-5 .elementor-element.elementor-element-4492cb2::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manaliskinandhairclinic.com/wp-content/uploads/2026/08/skin-treatment.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5 .elementor-element.elementor-element-2019118{--spacer-size:50px;}.elementor-5 .elementor-element.elementor-element-82ef4d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-5c095b7{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-5ac5e6a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-color:#545454;}.elementor-5 .elementor-element.elementor-element-5ac5e6a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EEBC62;}.elementor-5 .elementor-element.elementor-element-5ac5e6a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5 .elementor-element.elementor-element-5ac5e6a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EEBC62;}.elementor-5 .elementor-element.elementor-element-28b0e7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.65;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5 .elementor-element.elementor-element-28b0e7f::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-5 .elementor-element.elementor-element-28b0e7f:hover::before, .elementor-5 .elementor-element.elementor-element-28b0e7f:hover > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-28b0e7f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .elementor-background-slideshow:hover::before, .elementor-5 .elementor-element.elementor-element-28b0e7f > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#02010100;--background-overlay:'';}.elementor-5 .elementor-element.elementor-element-28b0e7f:hover{--overlay-opacity:0.5;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-bg-image{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-bg-overlay{-webkit-transition-duration:0.4s;transition-duration:0.4s;background-color:#00000059;mix-blend-mode:normal;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-icon{color:#ffffff;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-title{color:#ffffff;font-family:"Alef", Sans-serif;font-size:40px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);margin:0 0 10px;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-title a{color:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-description{color:#000000;font-family:"Alice", Sans-serif;font-size:24px;margin-bottom:30px;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box:hover .wpr-promo-box-icon{color:#FFFFFF;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-content{-webkit-transition-duration:0.3s;transition-duration:0.3s;min-height:280px;padding:10% 12% 10% 12%;-webkit-justify-content:center;justify-content:center;text-align:center;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-icon i{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-icon svg{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-title span{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-description p{-webkit-transition-duration:0.3s;transition-duration:0.3s;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box-content .wpr-promo-box-icon{font-size:15px;margin-bottom:10px;}.elementor-5 .elementor-element.elementor-element-b4a5040 .wpr-promo-box:hover .wpr-promo-box-bg-overlay{background-color:#00000000;}.elementor-5 .elementor-element.elementor-element-2f10134{--display:flex;--margin-top:4%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:linear-gradient(180deg, #F19892 0%, #D97A5A 100%);}.elementor-5 .elementor-element.elementor-element-54bc84d{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-5 .elementor-element.elementor-element-54bc84d.elementor-element{--align-self:center;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title{color:#545454;margin:6px 6px 6px 6px;font-size:60px;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title > span{color:#23a455;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Playfair Display", Sans-serif;font-style:italic;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper p{font-family:"Alice", Sans-serif;font-size:24px;margin:0% 0% 0% 0%;}.elementor-5 .elementor-element.elementor-element-5049110{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-af48820{--e-image-carousel-slides-to-show:2;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 04%) 0%;}.elementor-5 .elementor-element.elementor-element-af48820.elementor-element{--align-self:center;}.elementor-5 .elementor-element.elementor-element-a6e6acf{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:linear-gradient(180deg, #F19892 0%, #D97A5A 100%);}.elementor-5 .elementor-element.elementor-element-65557b7{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-5 .elementor-element.elementor-element-65557b7.elementor-element{--align-self:center;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title{color:#545454;margin:6px 6px 6px 6px;font-size:60px;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title > span{color:#23a455;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Playfair Display", Sans-serif;font-style:italic;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper p{font-family:"Alice", Sans-serif;font-size:24px;margin:0% 0% 0% 0%;}.elementor-5 .elementor-element.elementor-element-130305d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:02%;--padding-bottom:02%;--padding-left:6%;--padding-right:6%;}.elementor-5 .elementor-element.elementor-element-cd869c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-cd869c3.e-con{--align-self:center;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5 .elementor-element.elementor-element-6ac5ae8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5 .elementor-element.elementor-element-6ac5ae8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5 .elementor-element.elementor-element-6ac5ae8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-6ac5ae8 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-5 .elementor-element.elementor-element-6ac5ae8 .elementor-image-box-img img{border-radius:30px;transition-duration:0s;}.elementor-5 .elementor-element.elementor-element-6ac5ae8 .elementor-image-box-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:600;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-6ac5ae8:has(:hover) .elementor-image-box-title, .elementor-5 .elementor-element.elementor-element-6ac5ae8:has(:focus) .elementor-image-box-title{color:#E87B74;}.elementor-5 .elementor-element.elementor-element-c580d8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-c580d8c.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5 .elementor-element.elementor-element-8252e94 .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:300;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-5780841 .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:20px;font-weight:500;color:#EEBC62;}.elementor-5 .elementor-element.elementor-element-7f5b3fc{text-align:justify;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#545454;}.elementor-5 .elementor-element.elementor-element-6a02e6c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:02%;--padding-bottom:02%;--padding-left:6%;--padding-right:6%;}.elementor-5 .elementor-element.elementor-element-971c9df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-971c9df.e-con{--align-self:center;}.elementor-5 .elementor-element.elementor-element-cd433ad.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5 .elementor-element.elementor-element-cd433ad.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5 .elementor-element.elementor-element-cd433ad.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-cd433ad .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-5 .elementor-element.elementor-element-cd433ad .elementor-image-box-img img{border-radius:30px;transition-duration:0s;}.elementor-5 .elementor-element.elementor-element-cd433ad .elementor-image-box-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:600;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-cd433ad:has(:hover) .elementor-image-box-title, .elementor-5 .elementor-element.elementor-element-cd433ad:has(:focus) .elementor-image-box-title{color:#E87B74;}.elementor-5 .elementor-element.elementor-element-3574dde .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:300;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-8f7c0ba .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:20px;font-weight:500;color:#EEBC62;}.elementor-5 .elementor-element.elementor-element-456c646{text-align:justify;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#545454;}.elementor-5 .elementor-element.elementor-element-4b07de6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-4b07de6.e-con{--align-self:center;}.elementor-5 .elementor-element.elementor-element-34f6c9c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5 .elementor-element.elementor-element-34f6c9c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5 .elementor-element.elementor-element-34f6c9c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-34f6c9c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-5 .elementor-element.elementor-element-34f6c9c .elementor-image-box-img img{border-radius:30px;transition-duration:0s;}.elementor-5 .elementor-element.elementor-element-34f6c9c .elementor-image-box-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:600;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-34f6c9c:has(:hover) .elementor-image-box-title, .elementor-5 .elementor-element.elementor-element-34f6c9c:has(:focus) .elementor-image-box-title{color:#E87B74;}.elementor-5 .elementor-element.elementor-element-9731546{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:02%;--padding-bottom:02%;--padding-left:6%;--padding-right:6%;}.elementor-5 .elementor-element.elementor-element-8810452{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-8810452.e-con{--align-self:center;}.elementor-5 .elementor-element.elementor-element-6f282e2.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5 .elementor-element.elementor-element-6f282e2.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5 .elementor-element.elementor-element-6f282e2.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-6f282e2 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-5 .elementor-element.elementor-element-6f282e2 .elementor-image-box-img img{border-radius:30px;transition-duration:0s;}.elementor-5 .elementor-element.elementor-element-6f282e2 .elementor-image-box-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:600;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-6f282e2:has(:hover) .elementor-image-box-title, .elementor-5 .elementor-element.elementor-element-6f282e2:has(:focus) .elementor-image-box-title{color:#E87B74;}.elementor-5 .elementor-element.elementor-element-3842a35 .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:300;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-b63396b .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:20px;font-weight:500;color:#EEBC62;}.elementor-5 .elementor-element.elementor-element-aa3ba5d{text-align:justify;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#545454;}.elementor-5 .elementor-element.elementor-element-06bf889{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-06bf889.e-con{--align-self:center;}.elementor-5 .elementor-element.elementor-element-4b28d53.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5 .elementor-element.elementor-element-4b28d53.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5 .elementor-element.elementor-element-4b28d53.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-4b28d53 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-5 .elementor-element.elementor-element-4b28d53 .elementor-image-box-img img{border-radius:30px;transition-duration:0s;}.elementor-5 .elementor-element.elementor-element-4b28d53 .elementor-image-box-title{font-family:"Alice", Sans-serif;font-size:40px;font-weight:600;color:#E87B74;}.elementor-5 .elementor-element.elementor-element-4b28d53:has(:hover) .elementor-image-box-title, .elementor-5 .elementor-element.elementor-element-4b28d53:has(:focus) .elementor-image-box-title{color:#E87B74;}.elementor-5 .elementor-element.elementor-element-db639ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:06%;}.elementor-5 .elementor-element.elementor-element-0b1e0aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-184718c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-184718c.e-con{--align-self:center;}.elementor-5 .elementor-element.elementor-element-a865634 .elementor-button{background-color:#F19892;font-family:"Alef", Sans-serif;font-size:20px;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-5 .elementor-element.elementor-element-a865634 .elementor-button:hover, .elementor-5 .elementor-element.elementor-element-a865634 .elementor-button:focus{background-color:#EEBC62;}.elementor-5 .elementor-element.elementor-element-a865634 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5 .elementor-element.elementor-element-5347460{--width:50%;}.elementor-5 .elementor-element.elementor-element-7fb89fc{--width:50%;}.elementor-5 .elementor-element.elementor-element-052869a{--width:50%;}.elementor-5 .elementor-element.elementor-element-948368f{--width:50%;}.elementor-5 .elementor-element.elementor-element-d887776{--width:50%;}.elementor-5 .elementor-element.elementor-element-d5e65a0{--width:65%;}.elementor-5 .elementor-element.elementor-element-c63b4ce{--width:40%;}.elementor-5 .elementor-element.elementor-element-448afe7{--width:65%;}.elementor-5 .elementor-element.elementor-element-d3d14ad{--width:40%;}.elementor-5 .elementor-element.elementor-element-e475d7e{--width:65%;}.elementor-5 .elementor-element.elementor-element-5e97781{--width:50%;}.elementor-5 .elementor-element.elementor-element-1b6747e{--width:65%;}.elementor-5 .elementor-element.elementor-element-c872501{--width:50%;}.elementor-5 .elementor-element.elementor-element-4492cb2{--width:65%;}.elementor-5 .elementor-element.elementor-element-82ef4d9{--width:50%;}.elementor-5 .elementor-element.elementor-element-cd869c3{--width:30%;}.elementor-5 .elementor-element.elementor-element-c580d8c{--width:70%;}.elementor-5 .elementor-element.elementor-element-971c9df{--width:70%;}.elementor-5 .elementor-element.elementor-element-4b07de6{--width:30%;}.elementor-5 .elementor-element.elementor-element-8810452{--width:70%;}.elementor-5 .elementor-element.elementor-element-06bf889{--width:30%;}.elementor-5 .elementor-element.elementor-element-0b1e0aa{--width:80%;}.elementor-5 .elementor-element.elementor-element-184718c{--width:20%;}}@media(min-width:1025px){.elementor-5 .elementor-element.elementor-element-d5e65a0::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-d5e65a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}.elementor-5 .elementor-element.elementor-element-448afe7::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-448afe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}.elementor-5 .elementor-element.elementor-element-e475d7e::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-e475d7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}.elementor-5 .elementor-element.elementor-element-1b6747e::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-1b6747e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}.elementor-5 .elementor-element.elementor-element-4492cb2::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-4492cb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1024px){.elementor-5 .elementor-element.elementor-element-0f7c882{--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-98d7699{--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-d378463{--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-5c095b7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5 .elementor-element.elementor-element-5e6205ee{width:100%;max-width:100%;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;}.elementor-5 .elementor-element.elementor-element-5e6205ee .elementskit-section-title-wraper p{font-size:18px;}.elementor-5 .elementor-element.elementor-element-8364247 .wpr-promo-box-content{min-height:174px;}.elementor-5 .elementor-element.elementor-element-919e20b .wpr-promo-box-content{min-height:201px;}.elementor-5 .elementor-element.elementor-element-1d5374b .wpr-promo-box-content{min-height:165px;}.elementor-5 .elementor-element.elementor-element-c91ee27 .wpr-promo-box-content{min-height:20px;}.elementor-5 .elementor-element.elementor-element-f26be82 .wpr-promo-box-content{min-height:40px;}.elementor-5 .elementor-element.elementor-element-0f7c882{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-bd75ec5 img{width:71%;}.elementor-5 .elementor-element.elementor-element-bbcf122{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:24px;}.elementor-5 .elementor-element.elementor-element-bbcf122 p{margin-block-end:0px;}.elementor-5 .elementor-element.elementor-element-5b0cb29 .wpr-promo-box-content{padding:8% 8% 8% 8%;text-align:left;}.elementor-5 .elementor-element.elementor-element-a279261{width:100%;max-width:100%;}.elementor-5 .elementor-element.elementor-element-a279261 .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;}.elementor-5 .elementor-element.elementor-element-27dffbd{width:100%;max-width:100%;}.elementor-5 .elementor-element.elementor-element-27dffbd .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;}.elementor-5 .elementor-element.elementor-element-309927a{--spacer-size:171px;}.elementor-5 .elementor-element.elementor-element-a43d23f{--spacer-size:171px;}.elementor-5 .elementor-element.elementor-element-24c021a{--spacer-size:171px;}.elementor-5 .elementor-element.elementor-element-98d7699{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-46d76ee{--spacer-size:171px;}.elementor-5 .elementor-element.elementor-element-d378463{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-2019118{--spacer-size:171px;}.elementor-5 .elementor-element.elementor-element-5c095b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5 .elementor-element.elementor-element-28b0e7f{--overlay-opacity:0.66;}.elementor-5 .elementor-element.elementor-element-54bc84d{width:100%;max-width:100%;}.elementor-5 .elementor-element.elementor-element-54bc84d .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;}.elementor-5 .elementor-element.elementor-element-65557b7{width:100%;max-width:100%;}.elementor-5 .elementor-element.elementor-element-65557b7 .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;}.elementor-5 .elementor-element.elementor-element-6ac5ae8 .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-8252e94 .elementor-heading-title{font-size:24px;}.elementor-5 .elementor-element.elementor-element-cd433ad .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-3574dde .elementor-heading-title{font-size:24px;}.elementor-5 .elementor-element.elementor-element-34f6c9c .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-6f282e2 .elementor-image-box-img{margin-bottom:15px;}.elementor-5 .elementor-element.elementor-element-3842a35 .elementor-heading-title{font-size:24px;}.elementor-5 .elementor-element.elementor-element-4b28d53 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for image-carousel, class: .elementor-element-bcd286f */.derma-banner img{ width:100%; display:block; animation: floatBanner 7s ease-in-out infinite; } @keyframes floatBanner{ 0%{ transform:translateY(0px); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8e589c5 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da93d20 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e193c0b *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-98a8b61 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a474818 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8e589c5 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da93d20 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e193c0b *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-98a8b61 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a474818 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8e589c5 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da93d20 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e193c0b *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-98a8b61 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a474818 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8e589c5 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da93d20 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e193c0b *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-98a8b61 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a474818 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8e589c5 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da93d20 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e193c0b *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-98a8b61 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a474818 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8e589c5 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da93d20 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e193c0b *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-98a8b61 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a474818 *//* ========================================= SCROLLER CONTAINER (Fits 2 items + titles) ========================================= */ .manali-service-scroller { width: 100%; height: 620px; position: relative; overflow: hidden !important; box-sizing: border-box; } /* ========================================= ANIMATED TRACK ========================================= */ .manali-service-track { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 20px; box-sizing: border-box; animation: manaliVerticalScroll 25s linear infinite; will-change: transform; } /* ========================================= SERVICE CARD ========================================= */ .manali-service-card { width: 260px; display: block; flex-shrink: 0; text-align: center; text-decoration: none; color: inherit; box-sizing: border-box; } /* ========================================= CIRCLE (Outer Frame) ========================================= */ .service-image-circle { width: 220px; height: 220px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background: #ffffff; border: 2px solid #f3d9dc; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); box-sizing: border-box; /* Padding creates the inner gap for the full photo ring */ padding: 12px; } /* ========================================= IMAGE INSIDE CIRCLE (Full Image Display) ========================================= */ .service-image-circle img { width: 100%; height: 100%; display: block; margin: 0; object-fit: cover; /* Round the inner photo to match the outer ring */ border-radius: 50%; border: 1px solid #f3d9dc; background: transparent; /* Reset scale to show full image unclipped */ transform: scale(1); transform-origin: center center; transition: transform 0.3s ease; } /* ========================================= SERVICE NAME ========================================= */ .manali-service-card .service-name { margin-top: 10px !important; padding: 0 !important; font-size: 18px; line-height: 1.2; font-weight: 500; color: #545454; text-align: center; } /* ========================================= HOVER ========================================= */ .manali-service-card:hover .service-image-circle img { transform: scale(1.05); } /* ========================================= VERTICAL ANIMATION ========================================= */ @keyframes manaliVerticalScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ========================================= PAUSE ON HOVER ========================================= */ .manali-service-scroller:hover .manali-service-track { animation-play-state: paused; } /* ========================================= FADE TOP ========================================= */ .manali-service-scroller::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= FADE BOTTOM ========================================= */ .manali-service-scroller::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 10; pointer-events: none; background: linear-gradient( to top, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .manali-service-scroller { height: 520px; } .manali-service-card { width: 220px; } .service-image-circle { width: 190px; height: 190px; padding: 10px; } .service-image-circle img { transform: scale(1); } .manali-service-card .service-name { margin-top: 8px !important; font-size: 16px; } .manali-service-track { gap: 15px; } }/* End custom CSS */