.hover-lift {

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}



.hover-lift:hover {

    transform:
    translateY(-10px);

    box-shadow:
    0 25px 50px rgba(0,0,0,.12);

}




.btn-primary {

    position:relative;

    overflow:hidden;

}



.btn-primary::before {

    content:"";

    position:absolute;

    width:0;

    height:0;

    background:
    rgba(255,255,255,.35);

    border-radius:50%;

    transform:
    translate(-50%,-50%);

    transition:
    width .5s,
    height .5s;

}



.btn-primary:hover::before {

    width:300px;

    height:300px;

}


.scroll-progress {


position:fixed;


top:0;


left:0;


height:4px;


width:0;


background:

linear-gradient(
90deg,
#00d4ff,
#0066ff
);


z-index:99999;


transition:.2s;


}


.mouse-glow {


position:fixed;


width:300px;


height:300px;


border-radius:50%;


background:

radial-gradient(
circle,
rgba(0,140,255,.25),
transparent 70%
);



pointer-events:none;


transform:

translate(-50%,-50%);


z-index:999;


opacity:0;


transition:

opacity .3s ease;


}



body:hover .mouse-glow{

opacity:1;

}


.tilt-card{


transform-style:

preserve-3d;


transition:

transform .25s ease;


}



.magnetic{


transition:

transform .3s ease;


}