:root{
    --primary-color:#4340FF;
    --secondary-color:#5900FF;
    --primary2-color:#ED4C67;
    --secondary2-color:#A3195B;
    --black-color:#000000;
    --white-color:#FFFFFF;
    --oneone-color:#111111;
    --onenine-color:#191919;
}
.text-gradient{
    background-image: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--secondary2-color) 65%);
    background-image: linear-gradient(45deg, var(--primary-color) 15%, var(--primary2-color) 65%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-gradient-primary {
    background-image: linear-gradient(310deg,#5900FF,#A3195B);
}
.bg-gradient-primary-2 {
    background-image: linear-gradient(310deg,#5900FF,#ED4C67);
}
.border-gradient {
    border-color: #cd3b8a!important;
}

.text-primary {
    color: var(--primary-color) !important;
}
.text-primary2 {
    color: var(--primary2-color) !important;
}
.bg-primary {
    background-color: var(--primary-color) !important;
}
.bg-primary2 {
    background-color: var(--primary2-color) !important;
}
.page-link {
    color: var(--primary-color) !important;
}
.page-link:hover {
    color: var(--primary-color) !important;
}
.accordion-button:not(.collapsed) {
    color: var(--primary-color) ;
    background-color: #EDECFF;
}
.btn-primary-gradient,
.btn-primary {
    background: var(--primary-color) 30%;
    background-position-x: 30%;
    background-position-y: center;
    background-image: none;
    background-size: auto;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(30%,var(--primary-color)),to(var(--secondary-color))) !important;
    background-image: -o-linear-gradient(left,var(--primary-color) 30%,var(--secondary-color)) !important;
    background-image: linear-gradient(to right,var(--primary-color) 30%,var(--secondary-color)) !important;
    text-decoration: none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    background-size: 200% auto !important;
    color: #FFFFFF !important;
    border:0 !important;
}
.btn-outline-primary{
    color: var(--primary-color);
    background-color: #FFFFFF;
    border-color: var(--primary-color);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary-gradient,
.btn-secondary{
    background: var(--primary-color) 30%;
    background-position-x: 30%;
    background-position-y: center;
    background-image: none;
    background-size: auto;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(30%,var(--primary2-color)),to(var(--secondary2-color))) !important;
    background-image: -o-linear-gradient(left,var(--primary2-color) 30%,var(--secondary2-color)) !important;
    background-image: linear-gradient(to right,var(--primary2-color) 30%,var(--secondary2-color)) !important;
    text-decoration: none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    background-size: 200% auto !important;
    color: #FFFFFF !important;
    border:0 !important;
}

.btn-primary-gradient:hover,
.btn-secondary-gradient:hover,
.btn-primary:hover,
.btn-secondary:hover {
    background-position: right center !important;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    color: #fff!important;
}

.bg-black{
    background-color: var(--black-color) !important;
}
.bg-111{
    background-color: var(--oneone-color) !important;
}
.bg-19{
    background-color: var(--onenine-color) !important;
}
.bg-white{
    background-color: var(--white-color) !important;
}
.fw-800{
    font-weight:800 !important;
}
.fw-900{
    font-weight:900 !important;
}

.ls-0{
    letter-spacing: 0.05em;
}
.ls-1{
    letter-spacing: 0.1em;
}
.ls-2{
    letter-spacing: 0.15em;
}
.ls-3{
    letter-spacing: 0.2em;
}
.ls-4{
    letter-spacing: 0.25em;
}
.h1-carousel{
    font-weight:900;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    background-color :var(--primary2-color);
    color: #ffffff;
    font-weight: 400;
}
.nav-item a{
    color: #ffffff;
}
.menu-size{
    font-weight: 200;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--white-color);
}
.link-secondary {
    color: var(--white-color);
    text-decoration: none;
    font-weight: 200;
}
.link-secondary:hover {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 200;
}
.bg-green {
    background: linear-gradient(90deg, rgb(239, 65, 100) 0%, rgb(107, 8, 135) 69%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.copyright a{
    color: var(--black-color);
    font-weight: 600;
    text-decoration: none;
}
.h5, h5 {
    font-size: 0.9rem;
}

.bg-dark-alfa-30 {
    background: rgba(34,34,34,.4);
}