/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
  --color-primary: var(--theme-palette-color-1);
  --color-primary-hsl: 187 100% 42%;
  --color-secondary: var(--theme-palette-color-2);
  --color-secondary-hsl: 16 100% 60%;
  --color-border-hsl: 220 20% 88%;
  --font-family-body-text-1: Inter, sans-serif;
  --font-family-heading-1: "Plus Jakarta Sans",system-ui,sans-serif;
}

.ut-bg-primary-10 {
	background-color: hsl(var(--color-primary-hsl) / .1);
}

/* Margin All */
.ut-m-0 { margin: 0; }
.ut-m-1 { margin: 4px; }
.ut-m-2 { margin: 8px; }
.ut-m-3 { margin: 12px; }
.ut-m-4 { margin: 16px; }
.ut-m-5 { margin: 20px; }
.ut-m-6 { margin: 24px; }
.ut-m-8 { margin: 32px; }
.ut-m-10 { margin: 40px; }
.ut-m-12 { margin: 48px; }
.ut-m-16 { margin: 64px; }
.ut-m-20 { margin: 80px; }

/* Margin Top */
.ut-mt-0 { margin-top: 0; }
.ut-mt-1 { margin-top: 4px; }
.ut-mt-2 { margin-top: 8px; }
.ut-mt-3 { margin-top: 12px; }
.ut-mt-4 { margin-top: 16px; }
.ut-mt-5 { margin-top: 20px; }
.ut-mt-6 { margin-top: 24px; }
.ut-mt-8 { margin-top: 32px; }
.ut-mt-12 { margin-top: 48px; }
.ut-mt-16 { margin-top: 64px; }

/* Margin Bottom */
.ut-mb-0 { margin-bottom: 0; }
.ut-mb-1 { margin-bottom: 4px; }
.ut-mb-2 { margin-bottom: 8px; }
.ut-mb-3 { margin-bottom: 12px; }
.ut-mb-4 { margin-bottom: 16px; }
.ut-mb-5 { margin-bottom: 20px; }
.ut-mb-6 { margin-bottom: 24px; }
.ut-mb-8 { margin-bottom: 32px; }
.ut-mb-12 { margin-bottom: 48px; }
.ut-mb-16 { margin-bottom: 64px; }

/* Margin Left */
.ut-ml-0 { margin-left: 0; }
.ut-ml-1 { margin-left: 4px; }
.ut-ml-2 { margin-left: 8px; }
.ut-ml-3 { margin-left: 12px; }
.ut-ml-4 { margin-left: 16px; }
.ut-ml-5 { margin-left: 20px; }

/* Margin Right */
.ut-mr-0 { margin-right: 0; }
.ut-mr-1 { margin-right: 4px; }
.ut-mr-2 { margin-right: 8px; }
.ut-mr-3 { margin-right: 12px; }
.ut-mr-4 { margin-right: 16px; }
.ut-mr-5 { margin-right: 20px; }

/* Horizontal */
.ut-mx-auto { margin-left: auto; margin-right: auto; }
.ut-mx-2 { margin-left: 8px; margin-right: 8px; }
.ut-mx-4 { margin-left: 16px; margin-right: 16px; }
.ut-mx-8 { margin-left: 32px; margin-right: 32px; }

/* Vertical */
.ut-my-2 { margin-top: 8px; margin-bottom: 8px; }
.ut-my-4 { margin-top: 16px; margin-bottom: 16px; }
.ut-my-8 { margin-top: 32px; margin-bottom: 32px; }
.ut-my-12 { margin-top: 48px; margin-bottom: 48px; }

/* Padding All */
.ut-p-0 { padding: 0; }
.ut-p-1 { padding: 4px; }
.ut-p-2 { padding: 8px; }
.ut-p-3 { padding: 12px; }
.ut-p-4 { padding: 16px; }
.ut-p-5 { padding: 20px; }
.ut-p-6 { padding: 24px; }
.ut-p-8 { padding: 32px; }
.ut-p-10 { padding: 40px; }
.ut-p-12 { padding: 48px; }
.ut-p-16 { padding: 64px; }

/* Padding Top */
.ut-pt-0 { padding-top: 0; }
.ut-pt-2 { padding-top: 8px; }
.ut-pt-4 { padding-top: 16px; }
.ut-pt-6 { padding-top: 24px; }
.ut-pt-8 { padding-top: 32px; }
.ut-pt-12 { padding-top: 48px; }
.ut-pt-16 { padding-top: 64px; }

/* Padding Bottom */
.ut-pb-0 { padding-bottom: 0; }
.ut-pb-2 { padding-bottom: 8px; }
.ut-pb-4 { padding-bottom: 16px; }
.ut-pb-6 { padding-bottom: 24px; }
.ut-pb-8 { padding-bottom: 32px; }
.ut-pb-12 { padding-bottom: 48px; }

/* Padding Left */
.ut-pl-0 { padding-left: 0; }
.ut-pl-2 { padding-left: 8px; }
.ut-pl-4 { padding-left: 16px; }
.ut-pl-6 { padding-left: 24px; }

/* Padding Right */
.ut-pr-0 { padding-right: 0; }
.ut-pr-2 { padding-right: 8px; }
.ut-pr-4 { padding-right: 16px; }
.ut-pr-6 { padding-right: 24px; }

/* Horizontal */
.ut-px-2 { padding-left: 8px; padding-right: 8px; }
.ut-px-4 { padding-left: 16px; padding-right: 16px; }
.ut-px-6 { padding-left: 24px; padding-right: 24px; }
.ut-px-8 { padding-left: 32px; padding-right: 32px; }

/* Vertical */
.ut-py-1\.5 { padding-top: 6px; padding-bottom: 6px; }
.ut-py-2 { padding-top: 8px; padding-bottom: 8px; }
.ut-py-4 { padding-top: 16px; padding-bottom: 16px; }
.ut-py-6 { padding-top: 24px; padding-bottom: 24px; }
.ut-py-8 { padding-top: 32px; padding-bottom: 32px; }
.ut-py-12 { padding-top: 48px; padding-bottom: 48px; }

/* Flex */

.ut-flex { display: flex; }
.ut-inline-flex { display: inline-flex; }

.ut-flex-row { flex-direction: row; }
.ut-flex-row-reverse { flex-direction: row-reverse; }

.ut-flex-col { flex-direction: column; }
.ut-flex-col-reverse { flex-direction: column-reverse; }

.ut-justify-start { justify-content: flex-start; }
.ut-justify-center { justify-content: center; }
.ut-justify-end { justify-content: flex-end; }
.ut-justify-between { justify-content: space-between; }
.ut-justify-around { justify-content: space-around; }
.ut-justify-evenly { justify-content: space-evenly; }

.ut-items-start { align-items: flex-start; }
.ut-items-center { align-items: center; }
.ut-items-end { align-items: flex-end; }
.ut-items-stretch { align-items: stretch; }
.ut-items-baseline { align-items: baseline; }

.ut-self-start { align-self: flex-start; }
.ut-self-center { align-self: center; }
.ut-self-end { align-self: flex-end; }
.ut-self-stretch { align-self: stretch; }

.ut-flex-wrap { flex-wrap: wrap; }
.ut-flex-nowrap { flex-wrap: nowrap; }
.ut-flex-wrap-reverse { flex-wrap: wrap-reverse; }

.ut-flex-1 { flex: 1; }
.ut-flex-auto { flex: auto; }
.ut-flex-initial { flex: initial; }
.ut-flex-none { flex: none; }
.ut-grow { flex-grow: 1; }
.ut-grow-0 { flex-grow: 0; }
.ut-shrink { flex-shrink: 1; }
.ut-shrink-0 { flex-shrink: 0; }

.ut-gap-1 { gap: 4px; }
.ut-gap-1\.5 { gap: 6px; }
.ut-gap-2 { gap: 8px; }
.ut-gap-3 { gap: 12px; }
.ut-gap-4 { gap: 16px; }
.ut-gap-5 { gap: 20px; }
.ut-gap-6 { gap: 24px; }
.ut-gap-7 { gap: 28px; }
.ut-gap-8 { gap: 32px; }
.ut-gap-9 { gap: 36px; }
.ut-gap-10 { gap: 40px; }

.ut-padding-0 { padding: 0 !important; }
.ut-margin-0 { margin: 0 !important; }

.ut-inline-block { display: inline-block !important; }
.ut-display-block { display: block !important; }
.ut-display-inline { display: inline !important; }

.ut-z-10 { z-index: 10; }

.ut-relative { position: relative; }
.ut-absolute { position: absolute; }

.ut-text-xs { font-size: .75rem; line-height: 1rem; }
.ut-text-sm { font-size: .875rem; line-height: 1.25rem; }
.ut-text-normal { font-size: 1rem; line-height: 1.5rem; }
.ut-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.ut-text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.ut-font-bold { font-weight: 700; }
.ut-font-medium { font-weight: 500; }
.ut-font-semibold { font-weight: 600; }
.ut-font-italic { font-style: italic; }
.ut-text-center { text-align: center; }
.ut-text-2xl { font-size: 1.5rem; line-height: 2rem; }
.ut-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.ut-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.ut-text-primary-foreground { color: var(--theme-palette-color-3); }
.ut-text-muted-foreground { color: var(--theme-palette-color-5); }
.ut-tracking-wider { letter-spacing: 0.05em; }
.ut-uppercase { text-transform: uppercase; }

.ut-font-display-heading { font-family: "Plus Jakarta Sans",system-ui,sans-serif; }

.ut-overflow-hidden { overflow: hidden; }
.ut-hidden { display: none; }

.ut-text-success { color: hsl(160 84% 39%); }

.ut-leading-relaxed { line-height: 1.625; }

.ut-border-default {
	border: 1px solid hsl(220 20% 88%);
}

.ut-rounded-full { border-radius: 9999px; }
.ut-rounded-xl { border-radius: .75rem; }
.ut-rounded-2xl { border-radius: 1rem; }
.ut-rounded-r-lg { border-top-right-radius: .75rem; border-bottom-right-radius: .75rem;}
.ut-inline-block { display: inline-block; }
.ut-text-uppercase { text-transform: uppercase; }
.ut-transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.ut-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.ut-transition-transform {
	transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.ut-transition-opacity {
	transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.ut-duration-300 { animation-duration: .3s; transition-duration: .3s; }
.ut-duration-500 { animation-duration: .5s; transition-duration: .5s; }
.ut-text-white { color: #ffffff; }
.ut-group { position: relative; }
/* .ut-group:hover .hover-scale { transform: scale(1.1); }
.ut-group:hover .hover-rotate { transform: rotate(3deg); }
.ut-group:hover .hover-color { color: #22d3ee; } */

.ut-drop-shadow-lg {
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04))
          drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
}

.ut-shadow-lg {
  box-shadow: 
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.ut-shadow-sm {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ut-highlight-text-primary { color: var(--theme-palette-color-1); }
.ut-highlight-text-secondary { color: var(--theme-palette-color-2); }

.ut-img-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.delay-0 { --delay: 0s; }
.delay-1 { --delay: 1s; }
.delay-2 { --delay: 2s; }
.delay-3 { --delay: 3s; }
.delay-4 { --delay: 4s; }
.delay-5 { --delay: 5s; }
.delay-neg-1 { --delay: -1s; }
.delay-neg-2 { --delay: -2s; }
.delay-neg-3 { --delay: -3s; }
.delay-neg-4 { --delay: -4s; }
.delay-neg-5 { --delay: -5s; }

.stagger-children > * {
	opacity: 0;
    animation: slide-up .5s ease-out forwards;
}

.stagger-children > *:nth-child(1) {
    animation-delay: .1s;
}

.stagger-children > *:nth-child(2) {
    animation-delay: .2s;
}

.stagger-children > *:nth-child(3) {
    animation-delay: .3s;
}

.stagger-children > *:nth-child(4) {
    animation-delay: .4s;
}

.stagger-children > *:nth-child(5) {
    animation-delay: .5s;
}

.stagger-children > *:nth-child(6) {
    animation-delay: .5s;
}

.section-glow {
  position: relative;
}

.section-glow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(0, 180, 216, 0.5),
    transparent);
}

.icon-glow {
  position: relative;
  box-shadow:
    0 8px 24px -4px rgba(0, 180, 216, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.icon-glow::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.2) 0%, transparent 50%);
}

.shine-effect {
  position: relative;
  overflow: hidden;
}

.shine-effect::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: all 0.7s ease;
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent);
}

.shine-effect:hover::before {
  left: 100%;
}

/* Base styling for all lucide icons */
[class^="icon-luc-"] svg,
[class*="icon-luc-"] svg{
  width:16px !important;
  height:16px !important;
  stroke-width:2;
  display: inline-block;
}

[class^="icon-luc-"] svg {
  flex-shrink: 0;
}

/* default left spacing */
[class*="icon-luc-"]:not(.icon-luc-right) svg{
  margin-right:2px;
}

/* right icon spacing */
.icon-luc-right svg{
  margin-left:2px;
}

svg.lucide{
  fill:none !important;
  stroke:currentColor;
/*   z-index: 999 !important; */
}

svg.lucide-fill-none{
  
}

.lucide-color-primary svg {
	color: var(--color-primary);
}

.lucide-color-secondary svg {
	color: var(--color-secondary);
}

.lucide-color-green svg {
	color: rgba(37, 211, 102, 1);
}

.lucide-16 svg{
  width:16px !important;
  height:16px !important;
  vertical-align:middle;
}

.lucide-20 svg{
  width:20px !important;
  height:20px !important;
  vertical-align:middle;
}

.lucide-24 svg{
  width:24px !important;
  height:24px !important;
  vertical-align:middle;
}

.lucide-28 svg{
  width:28px !important;
  height:28px !important;
  vertical-align:middle;
}

.lucide-32 svg{
  width:32px !important;
  height:32px !important;
  vertical-align:middle;
}

.lucide-40 svg{
  width:40px !important;
  height:40px !important;
  vertical-align:middle;
}

.lucide-align-top {
	vertical-align:top;
}

.icon-box {
	background: linear-gradient(
    to bottom right,
    hsl(187, 100%, 42%),
    #22d3ee
  );
  --scale: 1;
  --rotate: 0deg;
	transform: scale(var(--scale)) rotate(var(--rotate));
}

.icon-box.icon-box-light {
	background: linear-gradient(
    to bottom right,
    hsl(var(--color-primary-hsl) / .1),
    rgb(34 211 238 / .1)
  );
  --scale: 1;
  --rotate: 0deg;
	transform: scale(var(--scale)) rotate(var(--rotate));
}

.ut-group.icon-box-group .hover-scale svg {
	transform: scale(1.1);
}

.ut-group.icon-box-group .hover-rotate svg {
	transform: rotate(3deg);
}

.feature-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 24px -4px rgba(20, 29, 46, 0.1),
    0 0 0 1px rgba(0, 180, 216, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.feature-card::before {
	content: "";
	background: linear-gradient(135deg, hsl(187 100% 42% / 0.1) 0%, transparent 50%);
	position: absolute;
	inset: 0;
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .5s;
	width: 8rem;
	height: 8rem;
	top: 0;
	right: 0;
	border-radius: 9999px;
	filter: blur(40px);
	animation-duration: .5s;
	transform: translateY(-50%);
	transform: translateX(50%);
	background: linear-gradient(
  to bottom right,
  hsla(187, 100%, 42%, 0.05),
  transparent
);
}

.feature-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 180, 216, 0.4);
  box-shadow:
    0 20px 40px -8px rgba(20, 29, 46, 0.2),
    0 0 0 1px rgba(0, 180, 216, 0.2),
    0 0 60px -10px rgba(0, 180, 216, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.feature-card:hover::before {
	opacity: 1;
}

.card-group { position: relative; }

.card-group.feature-card:hover .icon-box.hover-scale {
  --scale: 1.1;
}

.card-group.feature-card:hover .icon-box.hover-rotate {
  --rotate: 3deg;
}

.card-group.feature-card:hover h3 {
	color: var(--theme-palette-color-1);
}

.feature-card-dark {
	background: linear-gradient(135deg, rgba(0, 189, 214, 0.4), rgba(124, 59, 237, 0.2), rgba(255, 105, 51, 0.2));
	padding: 1px;
	border-radius: 16px;
	transition: all 0.5s ease;
	position: relative;
	overflow: hidden;
	box-shadow:
		0 4px 24px -4px rgba(20, 29, 46, 0.1),
		0 0 0 1px rgba(0, 180, 216, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.feature-card-dark-inner {
	background: linear-gradient(rgb(25, 34, 52) 0%, rgb(17, 24, 39) 100%);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border-radius: 16px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.feature-card-dark:hover {
  transform: translateY(-8px);
}

.feature-card-dark h3 {
	color: #fff;
}

.card-group.feature-card-dark:hover .icon-box.hover-scale {
  --scale: 1.1;
}

.card-group.feature-card-dark:hover .icon-box.hover-rotate {
  --rotate: 3deg;
}

.card-group.feature-card-dark:hover h3 {
	color: var(--theme-palette-color-1);
}

.w-1\.5 { width: .375rem; }
.h-1\.5 { height: .375rem; }
.w-2 { width: .5rem; }
.h-2 { height: .5rem; }
.w-8 { width: 2rem; }
.h-8 { height: 2rem; }
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
.w-12 { width: 3rem; }
.h-12 { height: 3rem; }
.w-14 { width: 3.5rem; }
.h-14 { height: 3.5rem; }
.w-20 { width: 5rem; }
.h-20 { height: 5rem; }
.w-full { width: 100%; }
.h-auto { height: auto; }


.top-half { top: 50%; }
.top-4 { top: 1rem; }
.top-6 { top: 1.5rem; }
.right-4 { right: 1rem; }
.right-6 { right: 1.5rem; }
.bottom-4 { bottom: 1rem; }
.left-4 { left: 1rem; }
.-top-4 { top: -1rem; }
.-right-4 { right: -1rem; }
.-right-6 { right: -1.5rem; }
.-left-4 { left: -1rem; }
.-bottom-6 { bottom: -1.5rem; }

.translate-y-half {
  transform: translateY(-50%);
}

.text-primary {
	color: var(--theme-palette-color-1);
}

.bg-primary {
	background-color: color-mix(in srgb, var(--theme-palette-color-1) 30%, transparent);
}

.bg-coral {
	background-color: color-mix(in srgb, var(--theme-palette-color-2) 30%, transparent);
}

.icon-svg-white svg { color: #ffffff; }

.journey-card {
  position: relative;
  border-radius: 16px;
  padding: 2px;  /* the border thickness */
  transition: all 0.5s ease;
  background: linear-gradient(135deg,
    rgba(0, 180, 216, 0.3),
    rgba(255, 107, 53, 0.1));
}

.journey-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
    animation-duration: .5s;
    background: linear-gradient(135deg, #00bdd680, #7c3bed4d);
}

.journey-card-inner {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.journey-card:hover {
  transform: translateY(-8px) scale(1.02);
}

.journey-card:hover::before {
	opacity: 1;
}

.journey-icon {
	background: linear-gradient(
    to right,
    hsla(187, 100%, 42%, 0.2),
    hsla(16, 100%, 60%, 0.2)
  );
	backdrop-filter: blur(4px);
}

@media (min-width: 1024px) {
	.journey-icon {
		display: flex;
	}
}

.num-box {
	background: #ffffff;
	--scale: 1;
	transform: scale(var(--scale));
}

.num-box.num-box-color-1 {
	background: linear-gradient(
    to bottom right,
    #34d399,
    #14b8a6
  );
}

.num-box.num-box-color-2 {
	background: linear-gradient(
    to bottom right,
    #00B4D8,
    #22d3ee
  );
}

.num-box.num-box-color-3 {
	background: linear-gradient(
    to bottom right,
    #3b82f6,
    #6366f1
  );
}

.num-box.num-box-color-4 {
	background: linear-gradient(
    to bottom right,
    #fbbf24,
    #f97316
  );
}

.card-group.journey-card:hover .num-box.hover-scale {
  --scale: 1.1;
}

.card-group.journey-card:hover h3 {
	color: var(--theme-palette-color-1);
}

.card-group.journey-card:hover .bg-primary {
	background-color: color-mix(in srgb, var(--theme-palette-color-1) 100%, transparent);
}

.card-group.journey-card:hover .bg-coral {
	background-color: color-mix(in srgb, var(--theme-palette-color-2) 100%, transparent);
}

.skills-section {
	position: relative;
	background: linear-gradient(to bottom, #141D2E, #243042, #141D2E);
/* 	z-index: 999; */
}

.skills-section::before,
.skills-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(64px);
}

.skills-section::before {
	width: 18rem;
	height: 18rem;
	top: 0;
	left: 25%;
	background: color-mix(in srgb, var(--theme-palette-color-1) 10%, transparent);
	z-index: 1;
}

.skills-section::after {
	width: 24rem;
	height: 24rem;
	bottom: 0;
	right: 25%;
	background: color-mix(in srgb, var(--theme-palette-color-2) 10%, transparent);
	z-index: 1;
}

.skills-wrapper {
   position:relative;
	z-index: 2;
	display: flex;
	justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.skill-card {
	position: relative;
	flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
	background: #ffffff0d;
	backdrop-filter: blur(4px);
	padding: 1rem 1.5rem;
	border-radius: 1rem;
	border: 1px solid #ffffff1a;
	transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .5s;
	animation-duration: .5s;
}

.skill-card::before {
	content: "";
	border-radius: 1rem;
	transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
	animation-duration: .5s;
	opacity: 0;
}

.skill-card.skill-pill-1::before { background: linear-gradient(to bottom right, #8B5CF6, #9333EA); }
.skill-card.skill-pill-2::before { background: linear-gradient(to bottom right, #00B4D8, #22D3EE); }
.skill-card.skill-pill-3::before { background: linear-gradient(to bottom right, #34D399, #14B8A6); }
.skill-card.skill-pill-4::before { background: linear-gradient(to bottom right, #EC4899, #F43F5E); }
.skill-card.skill-pill-5::before { background: linear-gradient(to bottom right, #FBBF24, #F97316); }
.skill-card.skill-pill-6::before { background: linear-gradient(to bottom right, #3B82F6, #4F46E5); }
.skill-card.skill-pill-7::before { background: linear-gradient(to bottom right, #FF6B35, #EC4899); }
.skill-card.skill-pill-8::before { background: linear-gradient(to bottom right, #22D3EE, #3B82F6); }
.skill-card.skill-pill-9::before { background: linear-gradient(to bottom right, #F59E0B, #EAB308); }
.skill-card.skill-pill-10::before { background: linear-gradient(to bottom right, #F43F5E, #EF4444); }

.card-group.skill-card:hover {
	background: #ffffff1a;
	border-color: #fff3;
	transform: translateY(-8px);
	box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
}

.card-group.skill-card:hover::before {
	opacity: .2;
}

.stat-card {
	position: relative;
	background: linear-gradient(to bottom right, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
	padding: 1.25rem;
	border: 1px solid #ffffff1a;
	backdrop-filter: blur(4px);
	text-align: center;
	border-radius: 1rem;
}

.stat-card h5 {
	text-shadow: 0 0 30px hsl(187 100% 42% / .5);
}

.ac-list-items {
	 position: relative;
	 display: flex;
     flex-direction: column;
	 gap: 1rem;
	font-size: 1rem;
	color: rgb(18,23,33);
	z-index: 0;
}

.ac-list-items svg {
	color: var(--color-primary);
}

.img-caption-box {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: 1rem;
	background: #fff;
	border: 1px solid hsl(220 20% 88%);
	border-radius: .75rem;
	box-shadow: 
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.img-caption-box .img-caption-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to bottom right, var(--color-primary), #22d3ee);
}

.img-caption-box .img-caption-icon.img-caption-skill {
	background: hsl(160 84% 39%);
}

.img-caption-box .img-caption-icon svg {
	color: #fff;
}

.rating-stars {
	display: flex;
	align-items: center;
	gap: 0;
}

.rating-stars svg {
   color: hsl(45 100% 50%);
   fill: hsl(45 100% 50%) !important;
   stroke: none;
}

.testimonials-quote-icon {
	position: absolute;
	top: 0;
	right: 0;
}

.testimonials-quote-icon svg {
	color: hsl(var(--color-primary-hsl) / 0.2);
}

.client-initials-box {
	background: linear-gradient(to bottom right, var(--color-primary), #22d3ee);
	color: #fff;
}

.ac-info-box {
	background: #edeff3;
	display: block;
	padding: 1rem;
	border-radius: .75rem;
}

.pricing-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 24px;
  padding: 32px;
  border: 2px solid rgba(217, 220, 227, 0.5);
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 8px 32px -4px rgba(20, 29, 46, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pricing-card:hover {
  border-color: rgba(0, 180, 216, 0.5);
  transform: translateY(-12px);
  box-shadow:
    0 24px 48px -8px rgba(20, 29, 46, 0.2),
    0 0 0 1px rgba(0, 180, 216, 0.2),
    0 0 80px -20px rgba(0, 180, 216, 0.2);
}

/* Popular / featured variant */
.pricing-card.pricing-card-popular {
  border-color: #00B4D8;
/*   background: linear-gradient(to bottom, #FFFFFF, rgba(0, 180, 216, 0.05)); */
  box-shadow:
    0 8px 32px -4px rgba(0, 180, 216, 0.3),
    0 0 0 1px rgba(0, 180, 216, 0.3),
    0 0 100px -20px rgba(0, 180, 216, 0.3);
}

/* Rainbow top bar on popular card */
.pricing-card.pricing-card-popular::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #00B4D8, #7C3AED, #FF6B35);
  transition: transform 0.6s ease, opacity 0.4s ease;
}

.pricing-card.pricing-card-popular:hover::before {
	transform: translateX(100%);
}

.course-badge {
	position: relative;
	background: linear-gradient(to right, var(--color-primary), #22d3ee);
	padding: .375rem 1rem;
	font-size: .75rem;
    line-height: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: 9999px;
	color: #fff;
	box-shadow: 
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.course-badge.course-badge-color-1 {
	background: linear-gradient(to right, var(--color-primary), #22d3ee);
}

.course-badge.course-badge-color-2 {
	background: linear-gradient(to right, #34d399, #14b8a6);
}

.course-badge.course-badge-color-3 {
	background: linear-gradient(to right, #3b82f6, #6366f1);
}

.course-badge.course-badge-color-4 {
	background: linear-gradient(to right, #fbbf24, #f97316);
}

.course-price-text {
	position: relative;
	font-family: var(--font-family-heading-1);
	font-size: 2.25rem;
    line-height: 2.5rem;
	font-weight: 700;
}

.course-price-text p::before {
	content: "₹";
	display: inline;
    margin-right:0;
}

.course-price-text span {
	font-family: var(--font-family-body-text-1);
	display: block;
	font-size: 1rem;
    line-height: 1.25rem;
	font-weight: 400;
	color: var(--theme-palette-color-5);
}

.course-price-text em {
	font-family: var(--font-family-body-text-1);
	font-size: 1rem;
    line-height: 1.25rem;
	font-weight: 400;
	font-style: normal;
	color: var(--theme-palette-color-5);
}

.course-price-sub-text {
	position: relative;
	font-size: .875rem;
    line-height: 1.25rem;
}

.course-price-sub-text span {
	color: hsl(160 84% 39%);
	font-weight: 500;
}

.course-price-sub-text em {
	color: hsl(160 84% 39%);
	font-weight: 500;
	font-style: normal;
}

.btn-bottom-aligned {
	margin-top: auto;
}

.course-features-list {
	position: relative;
}

.course-features-list ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.course-features-list li {
   position: relative;
   font-size: .875rem;
   line-height: 1.25rem;
   margin-top: 1rem;
   padding-left: 36px;
}

.course-features-list li:first-child {
	margin-top: 0;
}

.course-features-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background:
    url('assets/images/feature-check-icon-01.png') no-repeat center / 16px 16px,
    linear-gradient(to bottom right, hsl(160 84% 39% / .2), rgb(52 211 153 / .1));
}

.best-for-section {
	padding: 1rem;
	background: linear-gradient(to bottom right, hsl(220 20% 94% / .8), hsl(220 20% 94% / .4));
	border-radius: .75rem;
	border: 1px solid hsl(220 20% 88% / .5);
	backdrop-filter: blur(4px);
}

.best-for-list-items {
	position: relative;
}

.best-for-list-items ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.best-for-list-items li {
   display: inline-block;
	background: hsl(220 20% 97% / .8);
	font-size: .75rem;
	line-height: 1rem;
	padding: .375rem .75rem;
	border-radius: 9999px;
	border: 1px solid hsl(220 20% 88% / .5);
	transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
	margin-right: 8px;
	margin-bottom: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: default;
}

.best-for-list-items li:hover {
	background-color: hsl(var(--color-primary-hsl) / .05);
	border-color: hsl(var(--color-primary-hsl) / .3);
}

.ac-hero-section {
  background: linear-gradient(135deg, #141D2E 0%, #243042 100%);
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}

/* Glow overlay — add as a pseudo-element or separate div */
.ac-hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center,
    rgba(0, 180, 216, 0.15) 0%, transparent 70%);
}

/* Hero image overlay (the gradient over the bg image) */
.ac-hero-gradient-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,
    rgba(20, 29, 46, 0.95),
    rgba(20, 29, 46, 0.85),
    rgba(20, 29, 46, 0.70));
  pointer-events: none;
}

.aspect-square {
	background: linear-gradient(to bottom right, hsl(var(--color-primary-hsl) / .2), hsl(var(--color-secondary-hsl) / .2));
	border-radius: 1rem;
	border: 1px solid #ffffff1a;
	aspect-ratio: 1 / 1;
	position: relative;
}

.aspect-square-2 {
	background: linear-gradient(to bottom right, hsl(var(--color-primary-hsl) / .2), hsl(var(--color-secondary-hsl) / .2));
	border-radius: 1rem;
	border: 4px solid #ffffff1a;
	aspect-ratio: 1 / 1;
	position: relative;
}

.aspect-square-2::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: hsl(220 30% 20%);
	border-radius: 1rem;
}

.jeg-elementor-kit.jkit-accordion .card-wrapper .card-header .card-header-button {
	background-color: #fdfdfe;
	position: relative;
}

.jeg-elementor-kit.jkit-accordion .card-wrapper .card-header .card-header-button .title {
	padding-left: 42px;
}

.jeg-elementor-kit.jkit-accordion .card-wrapper .card-header .card-header-button::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	width: 2rem;
	height: 2rem;
	 background:
    url('assets/images/question-mark-icon-01.png') no-repeat center / 16px 16px,
    hsl(var(--color-primary-hsl) / .1);
/* 	background-color: hsl(var(--color-primary-hsl) / .1); */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .75rem;
}

.jeg-elementor-kit.jkit-accordion .card-expand .card-body {
	padding-left: 66px !important;
}

.jeg-elementor-kit.jkit-accordion .card-wrapper:last-child {
	border-bottom: 0 !important;
}

.list-items-cross {
	position: relative;
}

.list-items-cross ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.list-items-cross li {
   position: relative;
   margin-top: 1rem;
   padding-left: 36px;
}

.list-items-cross li::before {
  content: "X";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  font-size: .875rem;
  line-height: 1.25rem;
  display: flex;    
  align-items: center;         
  justify-content: center;
  color: hsl(0 84% 60%);
  background: hsl(0 84% 60% / .1);
}

.whatsapp-contact-box {
	position: relative;
	background-color: rgba(37, 211, 102, 0.1);
	border: 1px solid rgba(37, 211, 102, 0.3);
	border-radius: .75rem;
}

.ac-contact-form-wrapper {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.ac-contact-form-wrapper .wpforms-field-label {
	font-size: .875rem !important;
    line-height: 1.25rem !important;
	font-weight: 500 !important;
	margin-bottom: .5rem !important;
}

.ac-contact-form-wrapper .wpforms-field-medium {
	color: var(--theme-palette-color-3) !important;
	padding-left: .75rem !important;
    padding-right: .75rem !important;
	padding-top: .5rem !important;
    padding-bottom: .5rem !important;
	background-color: hsl(220 20% 97%) !important;
	font-size: .875rem !important;
    line-height: 1.25rem !important;
	border-radius: 10px !important;
	border: 1px solid hsl(220 20% 88%) !important;
}

.ac-contact-form-wrapper input:focus, .ac-contact-form-wrapper textarea:focus, .ac-contact-form-wrapper select:focus {
	border-color: #00bdd6 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
  outline: none !important;
}

.ac-contact-form-wrapper .wpforms-submit {
	background-color: var(--theme-palette-color-2) !important;
	outline: 0;
  text-decoration: none;
  padding: 16px 24px 16px 24px !important;
  text-align: center;
  border-radius: 10px !important;
	border: 1px solid var(--theme-palette-color-2) !important;
	transition: .2s;
  backface-visibility: hidden;
  line-height: 1.22;
  cursor: pointer;
	margin-bottom: 0 !important;
	color: #fff;
	font-size: 14px !important;
	font-weight: 400 !important;
	width: 100% !important;
	box-shadow: 0 10px 15px -3px hsl(16 100% 60% / 0.3),
              0 4px 6px -4px hsl(16 100% 60% / 0.2) !important;
}

.ac-contact-form-wrapper .wpforms-submit:hover {
	background: #ff7c4c !important;
	border-color: #ff7c4c !important;
	text-decoration: none !important;
}

.ac-contact-form-submit-btn:focus::after,
.ac-contact-form-submit-btn:focus-visible::after {
  content: none !important;
  display: none !important;
}

.ac-contact-form-submit-btn:active {
  transform: translateY(2px);
  filter: brightness(0.92);
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.25);
}

.info-bg-card {
	background-color: #fff;
	border-radius: .75rem;
	padding: 1.25rem;
	text-align: center;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
	border: 1px solid hsl(var(--color-border-hsl));
}

.card-group.info-bg-card:hover {
	border: 1px solid hsl(var(--color-primary-hsl) / .5);
}

.quote-bg-card-dark {
	background: #ffffff0d;
	padding: 1.5rem;
	border-radius: .75rem;
	border: 1px solid #ffffff1a;
	backdrop-filter: blur(4px);
}

.add-on-card {
	position: relative;
	border-radius: 1rem;
	background: var(--theme-palette-color-6);
	padding: 1.5rem;
	backdrop-filter: blur(4px);
	border: 1px solid hsl(var(--color-border-hsl));
	transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
	animation-duration: .5s;
	 display: flex;
  flex-direction: column;
  height: 100%;
}

.add-on-card.add-on-card-1 {
	background: linear-gradient(to bottom right, rgb(16 185 129 / .2), rgb(45 212 191 / 0.12), rgb(34 211 238 / 0.08));
	border-color: rgb(52 211 153 / 0.3);
}

.add-on-card.add-on-card-1 .icon-box {
	background: linear-gradient(
	  to bottom,
	  rgb(52 211 153),
	  rgb(20 184 166)
	);
}

.add-on-card.add-on-card-2 {
	background: linear-gradient(to bottom right, rgb(139 92 246 / 0.2), rgb(192 132 252 / 0.12), rgb(232 121 249 / 0.08));
	border-color: rgb(167 139 250 / 0.3);
}

.add-on-card.add-on-card-2 .icon-box {
	background: linear-gradient(
	  to bottom,
	  rgb(139 92 246),
	  rgb(168 85 247)
	);
}

.add-on-card.add-on-card-3 {
	background: linear-gradient(to bottom right, rgb(236 72 153 / 0.2), rgb(251 113 133 / 0.12), rgb(248 113 113 / 0.08));
	border-color: rgb(244 114 182 / 0.3);
}

.add-on-card.add-on-card-3 .icon-box {
	background: linear-gradient(
	  to bottom,
	  rgb(236 72 153),
	  rgb(244 63 94)
	);
}

.add-on-card.add-on-card-4 {
	background: linear-gradient(to bottom right, rgb(251 191 36 / 0.2), rgb(251 146 60 / 0.12), rgb(251 113 133 / 0.08));
	border-color: rgb(251 191 36 / 0.3);
}

.add-on-card.add-on-card-4 .icon-box {
	background: linear-gradient(
	  to bottom,
	  rgb(251 191 36),
	  rgb(249 115 22)
	);
}

.add-on-card.add-on-card-5 {
	background: linear-gradient(to bottom right, rgb(34 211 238 / 0.2), rgb(96 165 250 / 0.12), rgb(129 140 248 / 0.08));
	border-color: rgb(34 211 238 / 0.3);
}

.add-on-card.add-on-card-5 .icon-box {
	background: linear-gradient(
	  to bottom,
	  rgb(34 211 238),
	  rgb(59 130 246)
	);
}

.add-on-card.add-on-card-6 {
	background: linear-gradient(to bottom right, rgb(239 68 68 / 0.2), rgb(251 146 60 / 0.12), rgb(250 204 21 / 0.08));
	border-color: rgb(248 113 113 / 0.3);
}

.add-on-card.add-on-card-6 .icon-box {
	background: linear-gradient(
	  to bottom,
	  rgb(239 68 68),
	  rgb(249 115 22)
	);
}

.card-group.add-on-card:hover {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px) scale(1.02);
}

.card-group.add-on-card:hover .icon-box.hover-scale {
  --scale: 1.1;
}

.add-on-card-price {
	position: relative;
	font-family: var(--font-family-heading-1);
	font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 700;
	text-align: right;
}

.add-on-card-price p::before {
	content: "₹";
	display: inline;
    margin-right: 2px;
}

.add-on-card-price span {
	font-family: var(--font-family-body-text-1);
	display: block;
	font-size: .875rem;
    line-height: 1.25rem;
	font-weight: 400;
	color: var(--theme-palette-color-5);
}

.add-on-card-price em {
	font-family: var(--font-family-body-text-1);
	display: block;
	font-size: .875rem;
    line-height: 1.25rem;
	font-weight: 400;
	color: var(--theme-palette-color-5);
	font-style: normal;
}

.add-on-card-age-badge {
	background: hsl(220 20% 97% / .8);
	font-size: .75rem;
    line-height: 1rem;
	font-weight: 500;
	padding: .25rem .75rem;
	border-radius: 9999px;
/* 	border: 1px solid hsl(var(--color-border-hsl)); */
	color: var(--theme-palette-color-5);
}

.dots-bg {
  position: absolute;
  inset: 0;
 
  pointer-events: none;
  z-index: 0;
}

/* base dot */
.dots-bg span {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: hsl(var(--color-primary-hsl) / 0.3);
  animation: pulse 4s infinite ease-in-out;
}

.ac-hero-section.hero-section-summer-camp .elementor-widget-html,
.ac-hero-section.hero-section-summer-camp .elementor-widget-html .elementor-widget-container {
  position: static;
}

.mentor-card {
	position: relative;
	background: #fff;
	border-radius: 1rem;
	padding: 2rem;
	border: 1px solid hsl(var(--color-border-hsl));
	transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
	animation-duration: .5s;
	display: flex;
    flex-direction: column;
    height: 100%;
	align-items: center;
}

.card-group.mentor-card:hover {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px) scale(1.02);
}

.mentor-skills-list {
	position: relative;
}

.mentor-skills-list ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.mentor-skills-list li {
	display: inline-block;
	text-align: center;
	background: hsl(220 20% 94%);
   position: relative;
	padding: .175rem .625rem;
   font-size: .75rem;
    line-height: 1rem;
	border-radius: 9999px;
	margin-right: 8px;
	margin-bottom: 8px;
   font-weight: 600;
}

.mentor-card .mentor-profile-btn a {
	background: hsl(220 20% 97%);
	display: block;
	padding: 16px 24px;
	color: var(--theme-palette-color-3);
	border: 1px solid hsl(var(--color-border-hsl));
	border-radius: 10px;
	
}

.card-group.mentor-card:hover .mentor-profile-btn a {
	background: hsl(var(--color-primary-hsl));
	color: #fff;
	border: 1px solid hsl(var(--color-primary-hsl));
}


.ac-hero-section-dark {
  background: linear-gradient(135deg, rgb(15, 22, 36) 0%, rgb(27, 36, 55) 50%, rgb(15, 22, 36) 100%);
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}

[data-prefix="blog"] .hero-section[data-type="type-2"],
[data-prefix="categories"] .hero-section[data-type="type-2"] {
	background: linear-gradient(135deg, #141D2E 0%, #243042 100%);
  color: #FFFFFF;
}

[data-prefix="blog"] .hero-section[data-type="type-2"]::before,
[data-prefix="categories"] .hero-section[data-type="type-2"]::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center,
    rgba(0, 180, 216, 0.15) 0%, transparent 70%);
}

[data-prefix="blog"] .hero-section[data-type="type-2"] .page-title,
[data-prefix="categories"] .hero-section[data-type="type-2"] .page-title {
	color: #ffffff;
}

.hero-section[data-type=type-2] .ct-title-label {
	letter-spacing: 0.05em;
}

[data-prefix="blog"] .entry-card {
	
}

[data-prefix="blog"] .entry-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 16px !important;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 24px -4px rgba(20, 29, 46, 0.1),
    0 0 0 1px rgba(0, 180, 216, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
	display: flex;
  flex-direction: column;
  height: 100%;
}

[data-prefix="blog"] .entry-card::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .5s;
	width: 8rem;
	height: 8rem;
	top: 0;
	right: 0;
	border-radius: 9999px;
	filter: blur(40px);
	animation-duration: .5s;
	transform: translateY(-50%);
	transform: translateX(50%);
	background: linear-gradient(
  to bottom right,
  hsla(187, 100%, 42%, 0.05),
  transparent
);
}

[data-prefix="blog"] .entry-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 180, 216, 0.4);
  box-shadow:
    0 20px 40px -8px rgba(20, 29, 46, 0.2),
    0 0 0 1px rgba(0, 180, 216, 0.2),
    0 0 60px -10px rgba(0, 180, 216, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

[data-prefix="blog"] .entry-card:hover::before {
	opacity: 1;
}

[data-prefix="blog"] .entry-card .ct-media-container img {
	border-radius: 16px !important;
}

[data-prefix="blog"] .entry-button.ct-button {
	background: var(--theme-palette-color-1) !important;
	color: #fff !important;
	border-radius: 10px !important;
	box-shadow: 
    0 4px 10px hsl(187 100% 50% / .4),
   0 0 20px hsl(187 100% 50% / .3);
	border-radius: 10px;
	font-weight: 400 !important;
}

[data-prefix="blog"] .entry-button.ct-button:hover {
	background: #18c2d9 !important;
}

[data-archive=default] .entry-card  {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 16px !important;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 24px -4px rgba(20, 29, 46, 0.1),
    0 0 0 1px rgba(0, 180, 216, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
	display: flex;
  flex-direction: column;
  height: 100%;
}

[data-archive=default] .entry-card::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .5s;
	width: 8rem;
	height: 8rem;
	top: 0;
	right: 0;
	border-radius: 9999px;
	filter: blur(40px);
	animation-duration: .5s;
	transform: translateY(-50%);
	transform: translateX(50%);
	background: linear-gradient(
  to bottom right,
  hsla(187, 100%, 42%, 0.05),
  transparent
);
}

[data-archive=default] .entry-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 180, 216, 0.4);
  box-shadow:
    0 20px 40px -8px rgba(20, 29, 46, 0.2),
    0 0 0 1px rgba(0, 180, 216, 0.2),
    0 0 60px -10px rgba(0, 180, 216, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

[data-archive=default] .entry-card:hover::before {
	opacity: 1;
}

[data-archive=default] .entry-card .ct-media-container img {
	border-radius: 16px !important;
}

[data-archive=default] .entry-card  .entry-button.ct-button {
	background: var(--theme-palette-color-1) !important;
	color: #fff !important;
	border-radius: 10px !important;
	box-shadow: 
    0 4px 10px hsl(187 100% 50% / .4),
   0 0 20px hsl(187 100% 50% / .3);
	border-radius: 10px;
	font-weight: 400 !important;
}

[data-archive=default] .entry-card  .entry-button.ct-button:hover {
	background: #18c2d9 !important;
}

.policy-content {
	font-size: 15px; 
	line-height: 1.625;
}

.policy-content a {
	color: var(--theme-palette-color-1);
	text-decoration: none;
}

.policy-content a:hover {
	color: var(--theme-palette-color-1);
	text-decoration: underline;
}

.profile-shadow-glow {
	box-shadow: 
    0 4px 20px hsl(187 100% 50% / .4),
   0 0 40px hsl(187 100% 50% / .3);
}