.bg-gradient-1 {
    background: rgb(242, 245, 246);
    background: linear-gradient(120deg, rgba(242, 245, 246, 1) 18%, rgba(107, 151, 247, 1) 63%, rgba(117, 37, 226, 1) 95%);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-gradient-2 {
    background-color: #8bc6ec;
    background-image: linear-gradient(135deg, #8bc6ec 0%, #9599e2 100%);
}
.bg-gradient-3 {
    background-image: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
}
.bg-gradient-4 {
    background-image: linear-gradient(109.6deg, rgba(228, 107, 232, 1) 11.2%, rgba(87, 27, 226, 1) 96.7%);
}
.bg-gradient-5 {
    background-image: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
}
.bg-gradient-6 {
    background-image: radial-gradient(circle farthest-corner at 80% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
}
.bg-gradient-6-v2 {
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
}
.bg-gradient-7 {
    background-image: radial-gradient(circle 300px at 8% 89.3%, rgba(20, 157, 208, 1) 0%, rgba(140, 63, 226, 1) 90%);
}
.bg-gradient-8 {
    background-image: radial-gradient(circle farthest-corner at 14.2% 27.5%, rgba(104, 199, 255, 1) 0%, rgba(181, 126, 255, 1) 90%);
}
.bg-gradient-9 {
    background-image: radial-gradient(circle 867px at -5.8% 1.8%, rgba(255, 255, 255, 1) 0%, rgba(7, 0, 216, 1) 100.3%);
}
.bg-gradient-10 {
    background-image: linear-gradient(109.6deg, rgb(255 255 255) 11.2%, rgba(87, 27, 226, 1) 96.7%);
}
.bg-gradient-11 {
    background-image: radial-gradient(circle farthest-corner at 90% 30%, #1f79ff 0%, rgb(250 252 255) 90%);
}
.bg-gradient-12 {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

.bg-gradient-can-you-feel-the-love-tonight {
    background: #4568dc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #b06ab3, #4568dc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #b06ab3, #4568dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-stellar {
    background: #7474bf; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #348ac7, #7474bf); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #348ac7, #7474bf); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-shroom-haze {
    background: #5c258d; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #4389a2, #5c258d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #4389a2, #5c258d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-aqua-marine-left {
    background: #1a2980; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #26d0ce, #1a2980); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #26d0ce, #1a2980); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-aqua-marine-right {
    background: #1a2980; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #26d0ce, #1a2980); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #26d0ce, #1a2980); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-learning-and-reading {
    background: #f7971e; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ffd200, #f7971e); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ffd200, #f7971e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-eds-sunset-gradient {
    background: #ff7e5f; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #feb47b, #ff7e5f); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #feb47b, #ff7e5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-mango-pulp {
    background: #f09819; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #edde5d, #f09819); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #edde5d, #f09819); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-light-orange {
    background: #ffb75e; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ed8f03, #ffb75e); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ed8f03, #ffb75e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-sun-on-the-horizon {
    background: #fceabb; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f8b500, #fceabb); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f8b500, #fceabb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-sunkist {
    background: #f2994a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f2c94c, #f2994a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f2c94c, #f2994a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-sulphur {
    background: #cac531; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f3f9a7, #cac531); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f3f9a7, #cac531); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-blue-skies {
    background: #56ccf2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2f80ed, #56ccf2); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2f80ed, #56ccf2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-amin {
    background: #8e2de2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #4a00e0, #8e2de2); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #4a00e0, #8e2de2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-electric-violet {
    background: #4776e6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8e54e9, #4776e6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8e54e9, #4776e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-cosmic-fusion {
    background: #ff00cc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #333399, #ff00cc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #333399, #ff00cc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-joomla {
    background: #1e3c72; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2a5298, #1e3c72); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-purplin {
    background: #6a3093; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #a044ff, #6a3093); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #a044ff, #6a3093); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-deep-purple {
    background: #673ab7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #512da8, #673ab7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #512da8, #673ab7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-twitch {
    background: #6441a5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2a0845, #6441a5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2a0845, #6441a5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-amethyst {
    background: #9d50bb; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6e48aa, #9d50bb); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6e48aa, #9d50bb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-dirty-fog {
    background: #b993d6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8ca6db, #b993d6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8ca6db, #b993d6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-pinot-noir {
    background: #4b6cb7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #182848, #4b6cb7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #182848, #4b6cb7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-azur-lane {
    background: #7f7fd5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #91eae4, #86a8e7, #7f7fd5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #91eae4, #86a8e7, #7f7fd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-rose-water {
    background: #e55d87; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #5fc3e4, #e55d87); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #5fc3e4, #e55d87); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-blue-lagoo {
    background: #0052d4; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6fb1fc, #4364f7, #0052d4); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6fb1fc, #4364f7, #0052d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-dark-skies {
    background: #4b79a1; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #283e51, #4b79a1); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #283e51, #4b79a1);
}

.bg-gradient-slight-ocean-view {
    background: #a8c0ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #3f2b96, #a8c0ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #3f2b96, #a8c0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-moon-purple {
    background: #4e54c8; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8f94fb, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-red-sunset {
    background: #355c7d; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #c06c84, #6c5b7b, #355c7d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #c06c84, #6c5b7b, #355c7d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-pun-yeta {
    background: #108dc7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ef8e38, #108dc7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ef8e38, #108dc7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-sublime-vivid {
    background: #fc466b; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #3f5efb, #fc466b); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #3f5efb, #fc466b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-sublime-light {
    background: #fc5c7d; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6a82fb, #fc5c7d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6a82fb, #fc5c7d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-hydrogen {
    background: #667db6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #667db6, #0082c8, #0082c8, #667db6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-telegram {
    background: #1c92d2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f2fcfe, #1c92d2); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f2fcfe, #1c92d2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-mello {
    background: #c0392b; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8e44ad, #c0392b); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8e44ad, #c0392b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-blu {
    background: #00416a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #e4e5e6, #00416a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #e4e5e6, #00416a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-sky {
    background: #076585; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #fff, #076585); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #fff, #076585); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-skyline {
    background: #1488cc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2b32b2, #1488cc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2b32b2, #1488cc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-horizon {
    background: #003973; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #e5e5be, #003973); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #e5e5be, #003973); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-frost-left {
    background: #000428; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #1b1464, #000428); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #1b1464, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-frost-right {
    background: #000428; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1b1464, #000428); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1b1464, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-venice {
    background: #6190e8; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #a7bfe8, #6190e8); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #a7bfe8, #6190e8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-evening-night {
    background: #005aa7; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #fffde4, #005aa7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #fffde4, #005aa7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-mantle {
    background: #24c6dc; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #514a9d, #24c6dc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #514a9d, #24c6dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-friday {
    background: #83a4d4; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-purple-bliss {
    background: #360033; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0b8793, #360033); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0b8793, #360033); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-nighthawk {
    background: #2980b9; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2c3e50, #2980b9); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.text-gradient-marble {
    background: linear-gradient(120deg, rgba(242, 245, 246, 1) 18%, rgba(107, 151, 247, 1) 63%, rgba(117, 37, 226, 1) 95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-water {
    background: linear-gradient(135deg, #8bc6ec 0%, #9599e2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-radial {
    background: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-pink-purple {
    background: linear-gradient(109.6deg, rgba(228, 107, 232, 1) 11.2%, rgba(87, 27, 226, 1) 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-light-blue {
    background: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-violet {
    background: radial-gradient(circle farthest-corner at 80% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-violet-v2 {
    background: radial-gradient(circle farthest-corner at 10% 20%, rgba(171, 102, 255, 1) 0%, rgba(116, 182, 247, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-blue-pink {
    background: radial-gradient(circle 300px at 8% 89.3%, rgba(20, 157, 208, 1) 0%, rgba(140, 63, 226, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-orange-blue {
    background: radial-gradient(circle farthest-corner at 14.2% 27.5%, rgba(104, 199, 255, 1) 0%, rgba(181, 126, 255, 1) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-white-blue {
    background: radial-gradient(circle 867px at -5.8% 1.8%, rgba(255, 255, 255, 1) 0%, rgba(7, 0, 216, 1) 100.3%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-white-purple {
    background: linear-gradient(109.6deg, rgb(255 255 255) 11.2%, rgba(87, 27, 226, 1) 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-blue-white {
    background: radial-gradient(circle farthest-corner at 90% 30%, #1f79ff 0%, rgb(250 252 255) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-pastel {
    background: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sunset {
    background: linear-gradient(120deg, #ff7e5f, #feb47b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-summer {
    background: linear-gradient(135deg, #ffcc70, #f7797d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-ocean {
    background: linear-gradient(180deg, #ff99cc, #66ccff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-rose {
    background: linear-gradient(225deg, #ff6b6b, #f76b8a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sky {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sunrise {
    background: linear-gradient(60deg, #ffac81, #ff8a00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-lavender {
    background: linear-gradient(90deg, #e2a8ff, #cb90d3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-sunset-2 {
    background: linear-gradient(45deg, #ffba00, #ff00e6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-seafoam {
    background: linear-gradient(120deg, #b3ffb3, #33ccff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-tangerine {
    background: linear-gradient(135deg, #ff5722, #ff9800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-aqua {
    background: linear-gradient(150deg, #00bcd4, #ff4081);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-crimson {
    background: linear-gradient(45deg, #f44336, #673ab7);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Isimsiz Gradientler */
.text-gradient-01 {
    background: linear-gradient(45deg, #ff8c00, #ff00ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-02 {
    background: linear-gradient(135deg, #8e44ad, #3498db);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-03 {
    background: linear-gradient(60deg, #ff6347, #2e8b57);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-04 {
    background: linear-gradient(180deg, #f39c12, #e74c3c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-05 {
    background: linear-gradient(120deg, #1abc9c, #9b59b6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-06 {
    background: linear-gradient(225deg, #ff5733, #c70039);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-07 {
    background: linear-gradient(60deg, #2980b9, #8e44ad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-08 {
    background: linear-gradient(150deg, #f1c40f, #d35400);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-09 {
    background: linear-gradient(135deg, #2ecc71, #e74c3c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-gradient-10 {
    background: linear-gradient(90deg, #16a085, #f39c12);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Text Shadow Gradient for bg-gradient-learning-and-reading */
.text-shadow-gradient-learning-and-reading {
    text-shadow: 0 4px 6px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-aqua-marine-left */
.text-shadow-gradient-aqua-marine-left {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(127, 255, 212, 0.2);
}

/* Text Shadow Gradient for bg-gradient-peach-pink-top */
.text-shadow-gradient-peach-pink-top {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(255, 182, 193, 0.2);
}

/* Text Shadow Gradient for bg-gradient-lemon-blue-01 */
.text-shadow-gradient-lemon-blue-01 {
    text-shadow: 0 4px 6px rgba(253, 253, 150, 0.4), 0 1px 3px rgba(34, 193, 195, 0.2);
}

/* Text Shadow Gradient for bg-gradient-peach-citrus */
.text-shadow-gradient-peach-citrus {
    text-shadow: 0 4px 6px rgba(255, 165, 0, 0.4), 0 1px 3px rgba(255, 69, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-light-blue */
.text-shadow-gradient-light-blue {
    text-shadow: 0 4px 6px rgba(173, 216, 230, 0.4), 0 1px 3px rgba(0, 191, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-cool-vibes */
.text-shadow-gradient-cool-vibes {
    text-shadow: 0 4px 6px rgba(34, 193, 195, 0.4), 0 1px 3px rgba(253, 187, 45, 0.2);
}

/* Text Shadow Gradient for bg-gradient-pink-blue */
.text-shadow-gradient-pink-blue {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(0, 255, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-blue-light */
.text-shadow-gradient-blue-light {
    text-shadow: 0 4px 6px rgba(0, 191, 255, 0.4), 0 1px 3px rgba(0, 0, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-aqua-marine-right */
.text-shadow-gradient-aqua-marine-right {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(127, 255, 212, 0.2);
}

/* Text Shadow Gradient for bg-gradient-pink-yellow-top */
.text-shadow-gradient-pink-yellow-top {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(255, 223, 186, 0.2);
}

/* Text Shadow Gradient for bg-gradient-sunset */
.text-shadow-gradient-sunset {
    text-shadow: 0 4px 6px rgba(255, 99, 71, 0.4), 0 1px 3px rgba(255, 69, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-indigo-pink */
.text-shadow-gradient-indigo-pink {
    text-shadow: 0 4px 6px rgba(75, 0, 130, 0.4), 0 1px 3px rgba(255, 105, 180, 0.2);
}

/* Text Shadow Gradient for bg-gradient-rose-gold */
.text-shadow-gradient-rose-gold {
    text-shadow: 0 4px 6px rgba(255, 192, 203, 0.4), 0 1px 3px rgba(255, 223, 186, 0.2);
}

/* Text Shadow Gradient for bg-gradient-midnight */
.text-shadow-gradient-midnight {
    text-shadow: 0 4px 6px rgba(25, 25, 112, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-tropical-rain */
.text-shadow-gradient-tropical-rain {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(0, 128, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-amber-dark */
.text-shadow-gradient-amber-dark {
    text-shadow: 0 4px 6px rgba(255, 191, 0, 0.4), 0 1px 3px rgba(255, 140, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-emerald */
.text-shadow-gradient-emerald {
    text-shadow: 0 4px 6px rgba(0, 128, 0, 0.4), 0 1px 3px rgba(34, 139, 34, 0.2);
}

/* Text Shadow Gradient for bg-gradient-velvet */
.text-shadow-gradient-velvet {
    text-shadow: 0 4px 6px rgba(139, 0, 139, 0.4), 0 1px 3px rgba(255, 20, 147, 0.2);
}

/* Text Shadow Gradient for bg-gradient-sapphire */
.text-shadow-gradient-sapphire {
    text-shadow: 0 4px 6px rgba(15, 82, 186, 0.4), 0 1px 3px rgba(70, 130, 180, 0.2);
}

/* Text Shadow Gradient for bg-gradient-moonlight */
.text-shadow-gradient-moonlight {
    text-shadow: 0 4px 6px rgba(0, 0, 128, 0.4), 0 1px 3px rgba(240, 248, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-coral-mist */
.text-shadow-gradient-coral-mist {
    text-shadow: 0 4px 6px rgba(255, 127, 80, 0.4), 0 1px 3px rgba(240, 128, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-turquoise-ocean */
.text-shadow-gradient-turquoise-ocean {
    text-shadow: 0 4px 6px rgba(64, 224, 208, 0.4), 0 1px 3px rgba(72, 209, 204, 0.2);
}

/* Text Shadow Gradient for bg-gradient-pastel-green */
.text-shadow-gradient-pastel-green {
    text-shadow: 0 4px 6px rgba(119, 221, 119, 0.4), 0 1px 3px rgba(34, 139, 34, 0.2);
}

/* Text Shadow Gradient for bg-gradient-lavender-rose */
.text-shadow-gradient-lavender-rose {
    text-shadow: 0 4px 6px rgba(230, 230, 250, 0.4), 0 1px 3px rgba(255, 182, 193, 0.2);
}

/* Text Shadow Gradient for bg-gradient-midnight-purple */
.text-shadow-gradient-midnight-purple {
    text-shadow: 0 4px 6px rgba(48, 25, 52, 0.4), 0 1px 3px rgba(128, 0, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-spring-green */
.text-shadow-gradient-spring-green {
    text-shadow: 0 4px 6px rgba(0, 255, 127, 0.4), 0 1px 3px rgba(60, 179, 113, 0.2);
}

/* Text Shadow Gradient for bg-gradient-mauve-light */
.text-shadow-gradient-mauve-light {
    text-shadow: 0 4px 6px rgba(224, 176, 255, 0.4), 0 1px 3px rgba(186, 85, 211, 0.2);
}

.text-shadow-gradient-white-blue {
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 25px rgba(0, 0, 255, 0.7), 0 0 5px rgba(255, 255, 255, 0.8);
  }
  
  .text-shadow-gradient-aqua-marine-left {
    text-shadow: 0 1px 3px rgba(0, 255, 255, 0.8), 0 0 25px rgba(0, 255, 255, 0.7), 0 0 5px rgba(0, 255, 255, 0.8);
  }
  
  .text-shadow-gradient-learning-and-reading {
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 25px rgba(255, 165, 0, 0.7), 0 0 5px rgba(255, 255, 255, 0.8);
  }
  
  .text-shadow-gradient-blue-orange {
    text-shadow: 0 1px 3px rgba(0, 0, 255, 0.8), 0 0 25px rgba(255, 165, 0, 0.7), 0 0 5px rgba(0, 0, 255, 0.8);
  }
  
  .text-shadow-gradient-blue-yellow {
    text-shadow: 0 1px 3px rgba(0, 0, 255, 0.8), 0 0 25px rgba(255, 255, 0, 0.7), 0 0 5px rgba(0, 0, 255, 0.8);
  }  

/* Text Shadow Gradient for bg-gradient-01 */
.text-shadow-gradient-01 {
    text-shadow: 0 4px 6px rgba(255, 99, 71, 0.4), 0 1px 3px rgba(255, 99, 71, 0.2);
}

/* Text Shadow Gradient for bg-gradient-02 */
.text-shadow-gradient-02 {
    text-shadow: 0 4px 6px rgba(34, 193, 195, 0.4), 0 1px 3px rgba(253, 187, 45, 0.2);
}

/* Text Shadow Gradient for bg-gradient-03 */
.text-shadow-gradient-03 {
    text-shadow: 0 4px 6px rgba(13, 94, 255, 0.4), 0 1px 3px rgba(0, 255, 255, 0.2);
}

/* Text Shadow Gradient for bg-gradient-04 */
.text-shadow-gradient-04 {
    text-shadow: 0 4px 6px rgba(253, 253, 150, 0.4), 0 1px 3px rgba(34, 193, 195, 0.2);
}

/* Text Shadow Gradient for bg-gradient-05 */
.text-shadow-gradient-05 {
    text-shadow: 0 4px 6px rgba(255, 153, 0, 0.4), 0 1px 3px rgba(255, 69, 0, 0.2);
}

/* Text Shadow Gradient for bg-gradient-06 */
.text-shadow-gradient-06 {
    text-shadow: 0 4px 6px rgba(238, 130, 238, 0.4), 0 1px 3px rgba(148, 0, 211, 0.2);
}

/* Text Shadow Gradient for bg-gradient-07 */
.text-shadow-gradient-07 {
    text-shadow: 0 4px 6px rgba(0, 255, 255, 0.4), 0 1px 3px rgba(0, 128, 128, 0.2);
}

/* Text Shadow Gradient for bg-gradient-08 */
.text-shadow-gradient-08 {
    text-shadow: 0 4px 6px rgba(255, 105, 180, 0.4), 0 1px 3px rgba(255, 182, 193, 0.2);
}

/* Text Shadow Gradient for bg-gradient-09 */
.text-shadow-gradient-09 {
    text-shadow: 0 4px 6px rgba(128, 0, 128, 0.4), 0 1px 3px rgba(255, 20, 147, 0.2);
}

/* Text Shadow Gradient for bg-gradient-10 */
.text-shadow-gradient-10 {
    text-shadow: 0 4px 6px rgba(0, 128, 128, 0.4), 0 1px 3px rgba(0, 255, 255, 0.2);
}