.rsp-purple {
    color: var(--rsp-purple)
}

.rsp-green {
    color: var(--rsp-green)
}

.rsp-orange {
    color: var(--rsp-orange)
}

.rsp-blue {
    color: var(--rsp-blue)
}

.rsp-purple-light {
    color: var(--rsp-purple-light)
}

.rsp-green-light {
    color: var(--rsp-green-light)
}

.rsp-orange-light {
    color: var(--rsp-orange-light)
}

.rsp-blue-light {
    color: var(--rsp-blue-light)
}

.rsp-text-gradient-blue-to-green {
    background: linear-gradient(90deg, var(--rsp-blue-light), var(--rsp-green-light))
}

.rsp-text-gradient-blue-to-blue {
    background: linear-gradient(90deg, var(--blue-200), var(--rsp-blue-light))
}

.rsp-text-gradient-green-to-blue {
    background: linear-gradient(90deg, var(--rsp-green-light), var(--rsp-blue-light))
}

.rsp-text-gradient-green-to-green {
    background: linear-gradient(90deg, var(--green-400), var(--rsp-green-light))
}

.rsp-text-gradient-purple-to-green {
    background: linear-gradient(90deg, var(--rsp-purple-light), var(--rsp-green-light))
}

.rsp-text-gradient-purple-to-purple {
    background: linear-gradient(90deg, var(--purple-400), var(--rsp-purple-light))
}

.rsp-text-gradient-blue-to-purple {
    background: linear-gradient(90deg, var(--rsp-purple-light), var(--rsp-blue-light))
}

.rsp-text-gradient-orange-to-orange {
    background: linear-gradient(90deg, var(--orange-300), var(--rsp-orange-light))
}

.rsp-text-gradient-blue-to-blue,
.rsp-text-gradient-blue-to-green,
.rsp-text-gradient-blue-to-purple,
.rsp-text-gradient-green-to-blue,
.rsp-text-gradient-green-to-green,
.rsp-text-gradient-orange-to-orange,
.rsp-text-gradient-purple-to-green,
.rsp-text-gradient-purple-to-purple {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.rsp-gradient-blue-135,
.rsp-gradient-green-135,
.rsp-gradient-orange-135,
.rsp-gradient-purple-135 {
    backdrop-filter: blur(2px)
}

.rsp-gradient-purple-135 {
    background: linear-gradient(135deg, rgba(var(--bg-one-rgb), .6) 30%, var(--rsp-purple-light) 100%)
}

.rsp-gradient-purple-135:hover {
    background: linear-gradient(135deg, rgba(var(--rsp-purple-light-rgb), .15) 30%, var(--rsp-purple-light) 100%)
}

.rsp-gradient-blue-135 {
    background: linear-gradient(135deg, rgba(var(--bg-one-rgb), .6) 30%, var(--rsp-blue-light) 100%)
}

.rsp-gradient-blue-135:hover {
    background: linear-gradient(135deg, rgba(var(--rsp-blue-light-rgb), .15) 30%, var(--rsp-blue-light) 100%)
}

.rsp-gradient-green-135 {
    background: linear-gradient(135deg, rgba(var(--bg-one-rgb), .6) 30%, var(--rsp-green-light) 100%)
}

.rsp-gradient-green-135:hover {
    background: linear-gradient(135deg, rgba(var(--rsp-green-light-rgb), .15) 30%, var(--rsp-green-light) 100%)
}

.rsp-gradient-orange-135 {
    background: linear-gradient(135deg, rgba(var(--bg-one-rgb), .6) 30%, var(--rsp-orange-light) 100%)
}

.rsp-gradient-orange-135:hover {
    background: linear-gradient(135deg, rgba(var(--rsp-orange-light-rgb), .15) 30%, var(--rsp-orange-light) 100%)
}

.rsp-gradient-orange-to-purple-135 {
    backdrop-filter: blur(2px);
    background: linear-gradient(135deg, rgba(var(--bg-one-rgb), .6) 30%, var(--rsp-purple-light) 100%)
}

.rsp-gradient-orange-to-purple-135:hover {
    background: linear-gradient(135deg, rgba(var(--rsp-purple-light-rgb), .15) 30%, var(--rsp-purple-light) 100%)
}

.rsp-expertise-card .elementor-icon-box-icon {
    transition: .3s;
    padding-right: 5px
}

.rsp-expertise-card:hover .elementor-icon-box-icon {
    margin-left: 25px !important;
    padding-right: 0
}

.rsp-gradient-border-cards .elementor-post__thumbnail__link {
    position: relative;
    z-index: 1;
    border-radius: 24px;
    padding: 5px;
    transform: translate(0);
    transform-style: preserve-3d;
}

.rsp-gradient-border-cards .elementor-post {
    overflow: unset !important;
}

.rsp-gradient-border-cards .elementor-post__thumbnail__link::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 5px;
    border-radius: 24px;
    background: linear-gradient(45deg, #ff6b6b, #5f27cd);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.rsp-gradient-border-cards .elementor-post__thumbnail__link::after {
    content: "";
    position: absolute;
    inset: 1em;
    background: linear-gradient(to bottom right,#ff6b6b, #5f27cd);
    filter: blur(2.5em);
    z-index: -1;
}

.rsp-gradient-border-cards .elementor-post__thumbnail__link:hover::before {
    background: linear-gradient(45deg, #94bf1f, #36a8e0);
}
.rsp-gradient-border-cards .elementor-post__thumbnail__link:hover::after {
    inset: -.625em;
    background: linear-gradient(to bottom right,#94bf1f, #36a8e0);
}