@-webkit-keyframes gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@-moz-keyframes gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@-o-keyframes gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@keyframes gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
.animatedBG {
    background: linear-gradient(45deg,  #23a6d5,#f8fffe, #abffff)!important;
    background-size: 150% 150%!important;
    animation: gradient 5s ease infinite;
    -webkit-animation: gradient 5s ease infinite;
    -moz-animation: gradient 5s ease infinite;
    -o-animation: gradient 5s ease infinite;
animation-direction: alternate;
    height: 85vh;
}
.card-gray{
    background: #fff;
    padding: 25px;
    margin-inline:10px;
    border-radius: 13px;
    --tw-shadow: 0px 8px 48px #EEEEEE, 0px 4px 8px rgba(66, 71, 76, .06), 0px 0px 1px rgba(66, 71, 76, .48);
    --tw-shadow-colored: 0px 8px 48px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}
.bg-gray {
    background: #f8f9fa!important;
}
.bg-gradiant-star {
    background-image: url('../images/bg/bg-gg.png'); 
    background-repeat: no-repeat;
    background-size: 1000px,cover;
}