.global-btn{position: relative; z-index: 1; overflow: hidden; background: linear-gradient(to right, #37B4B6, #CDDC2A, #37B4B6, #CDDC2A) !important; background-size: 300% 100% !important; transition: all .4s ease-in-out;}
.global-btn:hover{background-position: 50% 0 !important;}
.banner-btn{display: inline-block;font-size: 16px;color:#ffffff;margin: 0 0 0;position: relative;padding: 14px 50px 14px 27px;border: none;background: url("../images/banner-btn-shape.png") no-repeat center right /100%; transition: all .4s ease-in-out;}
.banner-btn:hover{background: url("../images/btn-shape2.png") no-repeat center right /100%; }
/* .banner-btn:before{content: "";position: absolute;right: 0;top: 0;border-left: 30px solid transparent;border-top: 48px solid var(--primary-color);z-index: 2;} */

/* .global-btn:after {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #37B4B6 0%, #CDDC2A 100%) border-box;
	border-radius: 0;
	opacity: 1;
	transition: 0.25s ease-out 0s;
	margin: 0 0 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
}
.global-btn:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	border-radius: 0;
	background: linear-gradient(to right, #37B4B6 0%, #CDDC2A 100%) border-box;
	-o-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-ms-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-moz-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	-o-mask-composite: exclude;
	-ms-mask-composite: exclude;
	-moz-mask-composite: exclude;
	-webkit-mask-composite: exclude;
	-o-mask-composite: destination-out;
	-ms-mask-composite: destination-out;
	-moz-mask-composite: destination-out;
	-webkit-mask-composite: destination-out;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
}
.global-btn:hover:after {
	background: linear-gradient(to right, #CDDC2A 0%, #37B4B6 100%) border-box;
} */



@keyframes slide-down {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}



@-webkit-keyframes border-transform {
    0%,
    to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

@keyframes border-transform {
    0%,
    to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}