.bg-gradient-p1 {
    background: rgb(41, 106, 171);
    background: linear-gradient(
        135deg,
        rgb(10, 3, 52) 0%,
        rgb(4, 1, 31) 100%
    );
}

.bg-gradient-p2 {
    background: rgb(41, 106, 171);
    background: linear-gradient(
        135deg,
        rgb(37, 3, 52) 0%,
        rgb(28, 1, 31) 100%
    );
}


.bg-gradient-1 {
    background: rgb(41, 106, 171);
    background: linear-gradient(
        135deg,
        rgba(41, 106, 171, 1) 0%,
        rgba(28, 159, 118, 1) 100%
    );
}

.bg-gradient-2 {
    background: rgb(145, 45, 137);
    background: linear-gradient(
        135deg,
        rgba(145, 45, 137, 1) 0%,
        rgba(28, 84, 153, 1) 100%
    );
}

.bg-gradient-3 {
    background: rgb(143, 140, 87);
    background: linear-gradient(
        135deg,
        rgba(143, 140, 87, 1) 0%,
        rgba(25, 150, 155, 1) 100%
    );
}

.bg-gradient-4 {
    background: rgb(29, 85, 152);
    background: linear-gradient(
        135deg,
        rgba(29, 85, 152, 1) 0%,
        rgba(38, 130, 105, 1) 100%
    );
}

.bg-gradient-5 {
    background: rgb(184, 79, 143);
    background: linear-gradient(
        135deg,
        rgba(184, 79, 143, 1) 0%,
        rgba(208, 89, 127, 1) 100%
    );
}

.bg-gradient-6 {
    background: rgb(4, 170, 109);
    background: linear-gradient(
        135deg,
        rgba(4, 170, 109, 1) 0%,
        rgba(6, 156, 101, 1) 100%
    );
}

.bg-gradient-6-1 {
    background: rgb(46, 184, 110);
    background: linear-gradient(
        135deg,
        rgba(46, 184, 110, 1) 0%,
        rgba(43, 161, 98, 1) 100%
    );
}

.bg-gradient-7 {
    background: rgb(60, 114, 228);
    background: linear-gradient(
        135deg,
        rgba(60, 114, 228, 1) 0%,
        rgba(43, 96, 208, 1) 100%
    );
}

.bg-gradient-8 {
    background: rgb(184, 24, 95);
    background: linear-gradient(
        135deg,
        rgba(184, 24, 95, 1) 0%,
        rgba(176, 44, 102, 1) 100%
    );
}

.bg-gradient-8-2 {
    background: rgb(182, 72, 124);
    background: linear-gradient(
        135deg,
        rgba(182, 72, 124, 1) 0%,
        rgba(215, 68, 142, 1) 100%
    );
}

.bg-gradient-9 {
    background: rgb(220, 150, 40);
    background: linear-gradient(
        135deg,
        rgba(220, 160, 40, 1) 0%,
        rgba(200, 140, 40, 1) 100%
    );
}

.bg-gradient-10 {
    background: rgb(90, 163, 157);
    background: linear-gradient(
        135deg,
        rgba(90, 163, 157, 1) 0%,
        rgba(81, 158, 152, 1) 100%
    );
}

.btn-bg-gradient-1 {
    background: rgb(86, 142, 163) !important;
    background: linear-gradient(
        135deg,
        rgba(86, 142, 163, 1) 0%,
        rgba(39, 138, 128, 1) 100%
    ) !important;
}

.animated-bg {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.bg-diagonal-stripes {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f1f3f9' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.text-gradient-1 {
    background: rgb(246, 171, 255);
    background: -moz-linear-gradient(
        138deg,
        rgba(246, 171, 255, 1) 0%,
        rgba(168, 246, 188, 1) 35%,
        rgba(240, 209, 155, 1) 65%,
        rgba(180, 181, 250, 1) 100%
    );
    background: -webkit-linear-gradient(
        138deg,
        rgba(246, 171, 255, 1) 0%,
        rgba(168, 246, 188, 1) 35%,
        rgba(240, 209, 155, 1) 65%,
        rgba(180, 181, 250, 1) 100%
    );
    background: linear-gradient(
        138deg,
        rgba(246, 171, 255, 1) 0%,
        rgba(168, 246, 188, 1) 35%,
        rgba(240, 209, 155, 1) 65%,
        rgba(180, 181, 250, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6abff",endColorstr="#b4b5fa",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-2 {
    background: rgb(162, 81, 81);
    background: -moz-radial-gradient(
        circle,
        rgba(162, 81, 81, 1) 0%,
        rgba(83, 179, 106, 1) 70%,
        rgba(83, 179, 106, 1) 100%
    );
    background: -webkit-radial-gradient(
        circle,
        rgba(162, 81, 81, 1) 0%,
        rgba(83, 179, 106, 1) 70%,
        rgba(83, 179, 106, 1) 100%
    );
    background: radial-gradient(
        circle,
        rgba(162, 81, 81, 1) 0%,
        rgba(83, 179, 106, 1) 70%,
        rgba(83, 179, 106, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a25151",endColorstr="#53b36a",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}