#idz-pricing .idz-pricing-list > li{
opacity:0;
transform:translateY(36px) scale(.975);
transition:
opacity .65s cubic-bezier(.22,1,.36,1),
transform .65s cubic-bezier(.22,1,.36,1);
transition-delay:var(--dh-delay,0ms);
}

#idz-pricing .idz-pricing-list > li.dh-package-show{
opacity:1;
transform:translateY(0) scale(1);
}

#idz-pricing .idz-pricing-item{
position:relative;
transition:
transform .3s ease,
box-shadow .3s ease,
border-color .3s ease;
will-change:transform;
}

#idz-pricing .idz-pricing-item:hover{
transform:translateY(-8px);
box-shadow:0 18px 42px rgba(25,76,120,.14);
}

#idz-pricing .idz-pricing-badge-icon{
transition:
transform .3s ease,
box-shadow .3s ease;
}

#idz-pricing .idz-pricing-item:hover .idz-pricing-badge-icon{
transform:translateY(-4px) rotate(-3deg) scale(1.06);
box-shadow:0 10px 25px rgba(44,145,211,.18);
}

#idz-pricing .idz-pricing-badge-icon i{
display:inline-block;
animation:dhPackageIconFloat 3.2s ease-in-out infinite;
}

#idz-pricing .idz-pricing-list > li:nth-child(3n+2) .idz-pricing-badge-icon i{
animation-delay:.4s;
}

#idz-pricing .idz-pricing-list > li:nth-child(3n+3) .idz-pricing-badge-icon i{
animation-delay:.8s;
}

#idz-pricing .idz-pricing-content h3{
transition:
transform .25s ease,
color .25s ease;
}

#idz-pricing .idz-pricing-item:hover .idz-pricing-content h3{
transform:translateX(3px);
}

#idz-pricing .idz-features-list li{
transition:
transform .2s ease,
color .2s ease;
}

#idz-pricing .idz-pricing-item:hover .idz-features-list li{
transform:translateX(3px);
}

#idz-pricing .idz-features-list li:nth-child(2){
transition-delay:.025s;
}

#idz-pricing .idz-features-list li:nth-child(3){
transition-delay:.05s;
}

#idz-pricing .idz-button{
position:relative;
overflow:hidden;
transition:
transform .25s ease,
box-shadow .25s ease;
}

#idz-pricing .idz-button:hover{
transform:translateY(-2px);
box-shadow:0 9px 22px rgba(0,0,0,.13);
}

#idz-pricing .idz-button i{
display:inline-block;
transition:transform .25s ease;
}

#idz-pricing .idz-button:hover i{
transform:translateX(4px);
}

#idz-pricing .idz-button:before{
content:"";
position:absolute;
top:-50%;
left:-70%;
width:35%;
height:200%;
background:rgba(255,255,255,.22);
transform:rotate(24deg);
transition:left .55s ease;
pointer-events:none;
}

#idz-pricing .idz-button:hover:before{
left:125%;
}

#idz-pricing .idz-pricing-bg-icon{
transition:
transform .55s cubic-bezier(.22,1,.36,1),
opacity .4s ease;
}

#idz-pricing .idz-pricing-item:hover .idz-pricing-bg-icon{
transform:translate(-5px,-4px) rotate(-5deg) scale(1.05);
}

@keyframes dhPackageIconFloat{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-4px);
}
}

@media(max-width:767px){
#idz-pricing .idz-pricing-item:hover{
transform:translateY(-4px);
}
}

@media(prefers-reduced-motion:reduce){
#idz-pricing .idz-pricing-list > li{
opacity:1 !important;
transform:none !important;
transition:none !important;
}

#idz-pricing .idz-pricing-badge-icon i{
animation:none !important;
}
}

/* Package badge alignment fix */
#idz-pricing .idz-pricing-item{
overflow:visible;
}

#idz-pricing .idz-pricing-content{
position:relative;
padding-top:24px;
}

#idz-pricing .idz-pricing-badge-icon{
width:64px !important;
height:64px !important;
min-width:64px !important;
min-height:64px !important;
line-height:64px !important;
top:-32px !important;
right:18px !important;
left:auto !important;
margin:0 !important;
border-radius:50% !important;
z-index:5;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}

#idz-pricing .idz-pricing-badge-icon i{
font-size:24px !important;
line-height:1 !important;
margin:0 !important;
transform:none;
}

#idz-pricing .idz-pricing-content h3{
padding-right:72px;
min-height:52px;
line-height:1.35;
word-break:normal;
overflow-wrap:anywhere;
}

/* Hover animation clean */
#idz-pricing .idz-pricing-item:hover .idz-pricing-badge-icon{
transform:translateY(-3px) scale(1.04) !important;
}

#idz-pricing .idz-pricing-item:hover .idz-pricing-badge-icon i{
transform:none !important;
}

/* Mobile */
@media(max-width:767px){

#idz-pricing .idz-pricing-badge-icon{
width:56px !important;
height:56px !important;
min-width:56px !important;
min-height:56px !important;
top:-28px !important;
right:14px !important;
}

#idz-pricing .idz-pricing-badge-icon i{
font-size:21px !important;
}

#idz-pricing .idz-pricing-content{
padding-top:20px;
}

#idz-pricing .idz-pricing-content h3{
padding-right:60px;
min-height:auto;
}
}
