.elementor-sticky--effects{-webkit-transform: translateY(-100%);transform: translateY(-100%);transition: transform .3s ease, -webkit-transform .3s ease !important;}
.shownavbar .elementor-sticky--effects{-webkit-transform: translateY(0%);transform: translateY(0%);transition: transform .3s ease, -webkit-transform .3s ease !important;}
.shownavbar .elementor-location-header .elementor-sticky--active{backdrop-filter: blur(50px);box-shadow: 0 0 10px #0000001c ;}
.menu-color-active .elementor-nav-menu a {color: #302858 !important; transition: .3s ease-in-out}
.menu-color-active .elementor-nav-menu a:hover {color: #DD69A5 !important;}
.menu-color-active .ux-logo .elementor-icon svg {color: #302858 !important;fill: #302858 !important;}
.menu-color-active .ux-contact-header .elementor-icon-box-title,
.menu-color-active .ux-contact-header svg
{color: #302858 !important;fill: #302858 !important}
.ux-contact-header:hover .elementor-icon-box-title,
.ux-contact-header:hover svg
{color: #DD69A5 !important; fill: #DD69A5 !important; transition:.3s ease-in-out;} .ux-choose:hover {backdrop-filter: blur(100px);background: #ffffff17;}
.ux-choose .elementor-heading-title {transition: .3s ease-in-out}
.ux-choose:hover .elementor-heading-title {color: #a092e8 !important;}
.ux-choose .elementor-divider-separator{transition: linear .3s;}
.ux-choose:hover .elementor-divider-separator {width: 100% !important;} .ux-timely .elementor-icon-box-title {transition: .3s ease-in-out}
.ux-timely:hover .elementor-icon-box-title {color: #DD69A5 !important;}
.ux-timely .elementor-divider-separator{transition: linear .3s;}
.ux-timely:hover .elementor-divider-separator {width: 100% !important;} .uxboiteicone .elementor-icon-box-wrapper{background: #fff;border: 1px solid transparent;border-radius: 20px;padding: 0 10px 0 0;}
.uxboiteicone .elementor-icon-box-wrapper::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -1px;border-radius: inherit;background-image: linear-gradient(-225deg,#F5D460 0%,#F89D61 15%,#E17F5E 30%,#CD625A 40%, #B94656 50%, #A72D51 60%, #832955 70%, #602758 80%, #3E255A 90%, #1D245C 100%);animation: textclip 6s linear infinite;background-size: 200% auto;}
.ux-title .elementor-heading-title,
.uxboiteicone span
{background-image: linear-gradient(-225deg,#F5D460 0%,#F89D61 15%,#E17F5E 30%,#CD625A 40%, #B94656 50%, #A72D51 60%, #832955 70%, #602758 80%, #3E255A 90%, #1D245C 100%);background-size: auto auto;background-clip: border-box;background-size: 200% auto;color: #fff;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: textclip 6s linear infinite;display: inline-block;}
@keyframes textclip {to {background-position: 200% center;}} .elementor-location-footer a,
.elementor-location-footer a:visited
{color: #fff; transition: .3s ease-in-out}
.elementor-location-footer a:hover,
.ux-follow:hover a
{color: #DD69A5}
.elementor-location-footer .ux-follow {margin: 0 5px 0 0;width: auto !important;}
@media only screen
and (min-device-width : 100px)
and (max-device-width : 812px){
.shownavbar .elementor-location-header .elementor-sticky--active{background: #302858f2;}
.menu-color-active .ux-logo .elementor-icon svg {color: #ffffff !important;fill: #ffffff !important;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.shownavbar .elementor-location-header .elementor-sticky--active{background: transparent;}
.menu-color-active .ux-logo .elementor-icon svg {color: #302858 !important;fill: #302858 !important;}
}