#akWpHero:not(.ak-layout-ready) {
visibility: hidden !important;
opacity: 0 !important;
}
#akWpHero:not(.ak-layout-ready) * {
animation: none !important;
} [data-scene],
#heroScene,
#w26ghostSection,
#akWpHero {
position: relative;
}
#heroScene {
height: 85vh;
}
#heroScene .stage {
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#heroScene .wrap {
width: 1180px;
height: 640px;
position: relative;
}
#heroScene .mockup {
position: absolute;
left: 48%;
top: 57%;
transform: translate(-50%, -50%);
width: 820px;
z-index: 100;
will-change: transform;
filter: drop-shadow(0 30px 45px rgba(0,0,0,0.16));
}
#heroScene .laptop-3d {
position: relative;
width: 100%;
transform-style: preserve-3d;
perspective: 1800px;
}
#heroScene .device-base {
width: 100%;
display: block;
position: relative;
z-index: 2;
pointer-events: none;
}
#heroScene .intro-copy {
position: absolute;
left: 50%;
top: 110px;
width: 780px;
transform: translateX(-50%);
z-index: 3;
pointer-events: none;
text-align: center;
will-change: transform, opacity, filter;
}
#heroScene .intro-title {
margin: 0;
font-family: "Manrope", Arial, sans-serif;
font-size: 42px;
line-height: 1.02;
font-weight: 800;
letter-spacing: 0;
color: #112540;
white-space: nowrap;
}
#heroScene .intro-title .accent {
color: #008a3d;
}
#heroScene .intro-subtitle {
margin: 1px auto 0;
max-width: none;
font-family: "Manrope", Arial, sans-serif;
font-size: 17px;
line-height: 1.28;
font-weight: 600;
color: #607086;
white-space: nowrap;
}
#heroScene .lid {
position: absolute;
inset: 0;
z-index: 4;
transform-style: preserve-3d;
transform-origin: 50% 70.8%;
will-change: transform;
}
#heroScene .device-lid {
width: 100%;
display: block;
position: relative;
z-index: 6;
pointer-events: none;
transform: translateZ(1px);
}
#heroScene .screen {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, calc(-50% - 5px));
width: 536px;
height: 337px;
overflow: hidden;
border-radius: 13px;
background: #fff;
z-index: 2;
isolation: isolate;
contain: paint;
clip-path: inset(0 round 13px);
-webkit-mask-image: -webkit-radial-gradient(white, black);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.06),
inset 0 -18px 35px rgba(0,0,0,0.08);
}
#heroScene .screen-shine {
position: absolute;
inset: -25%;
z-index: 5;
pointer-events: none;
background: linear-gradient(
115deg,
transparent 38%,
rgba(255,255,255,0.28) 48%,
rgba(255,255,255,0.12) 53%,
transparent 64%
);
transform: translateX(-75%) skewX(-10deg);
opacity: 0;
}
#heroScene .img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
will-change: opacity, transform, filter;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#heroScene .img-a {
opacity: 1;
z-index: 2;
}
#heroScene .img-b {
opacity: 0;
z-index: 1;
}
#heroScene .panel {
position: absolute;
right: -145px;
top: 57%;
transform: translateY(-50%);
width: 420px;
height: 360px;
z-index: 200;
pointer-events: none;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-mask-image: linear-gradient(
to bottom,
transparent 0%,
black 18%,
black 76%,
transparent 100%
);
mask-image: linear-gradient(
to bottom,
transparent 0%,
black 18%,
black 76%,
transparent 100%
);
}
#heroScene .panel-bg {
display: none;
}
#heroScene .item {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
transform-origin: left center;
}
#heroScene .item-inner {
display: flex;
align-items: center;
gap: 14px;
font-size: 18px;
line-height: 1.15;
color: inherit;
}
#heroScene .item-icon {
width: 38px;
height: 38px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,138,61,0.08);
border: 1px solid rgba(0,138,61,0.18);
box-shadow: 0 0 0 rgba(0,138,61,0);
flex: 0 0 auto;
overflow: visible;
transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
#heroScene .item-icon svg {
width: 21px;
height: 21px;
stroke: currentColor;
stroke-width: 2;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
#heroScene .item-label {
display: block;
}
@media (max-width: 768px) {
#heroScene {
height: 78vh;
}
#heroScene .stage {
height: 78vh;
align-items: flex-start;
padding-top: 30px;
}
#heroScene .wrap {
width: 100%;
max-width: 420px;
height: 660px;
margin: 0 auto;
}
#heroScene .intro-copy {
width: 320px;
top: 3px;
}
#heroScene .intro-title {
font-size: 26px;
line-height: 1.06;
white-space: normal;
}
#heroScene .intro-subtitle {
margin-top: 5px;
max-width: 300px;
font-size: 14px;
line-height: 1.32;
white-space: normal;
}
#heroScene .mockup {
width: 430px;
left: 50%;
top: 45%;
filter: drop-shadow(0 18px 30px rgba(0,0,0,0.13));
}
#heroScene .screen {
width: 281px;
height: 177px;
border-radius: 8px;
transform: translate(-50%, calc(-50% - 3px));
clip-path: inset(0 round 8px);
}
#heroScene .panel {
right: auto;
left: 55%;
top: 58%;
width: 260px;
height: 170px;
transform: translateX(-50%);
z-index: 80;
padding: 0;
overflow: hidden;
border-radius: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
-webkit-mask-image: linear-gradient(
to bottom,
transparent 0%,
black 16%,
black 84%,
transparent 100%
);
mask-image: linear-gradient(
to bottom,
transparent 0%,
black 16%,
black 84%,
transparent 100%
);
}
#heroScene .panel::before {
display: none;
}
#heroScene .panel-bg {
display: none !important;
}
#heroScene .item {
left: 50%;
width: 150px;
transform: translateX(-50%);
display: flex;
justify-content: flex-start;
}
#heroScene .item-inner {
width: 150px;
display: grid;
grid-template-columns: 30px 1fr;
align-items: center;
column-gap: 10px;
font-size: 16px;
line-height: 1.04;
text-align: left;
}
#heroScene .item-label {
text-align: left;
}
#heroScene .item-icon {
width: 30px;
height: 30px;
border-radius: 8px;
}
#heroScene .item-icon svg {
width: 17px;
height: 17px;
}
}
@media (max-width: 420px) {
#heroScene .intro-copy {
width: 300px;
top: 4px;
}
#heroScene .mockup {
width: 420px;
top: 48%;
}
#heroScene .screen {
width: 275px;
height: 173px;
}
#heroScene .panel {
top: 61%;
width: 236px;
height: 152px;
left: 55%;
}
#heroScene .item {
width: 138px;
}
#heroScene .item-inner {
width: 138px;
grid-template-columns: 28px 1fr;
column-gap: 9px;
}
#heroScene .item-icon {
width: 28px;
height: 28px;
}
}
#w26ghostSection {
position: relative;
height: 100vh;
overflow: hidden;
isolation: isolate;
font-family: Arial, sans-serif;
color: #fff;
background: #030914;
}
#w26ghostSection *,
#w26ghostSection *::before,
#w26ghostSection *::after {
box-sizing: border-box;
}
#w26ghostSection .w26ghost-stage {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background:
radial-gradient(circle at 50% 34%, rgba(122, 193, 255, 0.10), transparent 18%),
radial-gradient(circle at 50% 58%, rgba(255,255,255,0.03), transparent 28%),
linear-gradient(180deg, #020812 0%, #081425 52%, #040a14 100%);
}
#w26ghostSection .w26ghost-grid {
position: absolute;
inset: 0;
background:
linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
background-size: 44px 44px;
mask-image: radial-gradient(circle at center, #000 28%, transparent 84%);
-webkit-mask-image: radial-gradient(circle at center, #000 28%, transparent 84%);
opacity: 0;
pointer-events: none;
}
#w26ghostSection .w26ghost-vignette {
position: absolute;
inset: 0;
background: radial-gradient(circle at center, transparent 48%, rgba(0,0,0,0.22) 100%);
pointer-events: none;
}
#w26ghostSection .w26ghost-inner {
position: relative;
z-index: 2;
width: min(1320px, 100%);
height: 100%;
margin: 0 auto;
}
#w26ghostSection .w26ghost-logo-wrap {
position: absolute;
left: 50%;
top: 42%;
width: min(760px, 80vw);
pointer-events: none;
will-change: transform, filter, opacity;
transform-style: preserve-3d;
}
#w26ghostSection .w26ghost-aura {
position: absolute;
inset: -9%;
z-index: 1;
border-radius: 999px;
background: radial-gradient(circle, rgba(164, 216, 255, 0.16) 0%, rgba(164, 216, 255, 0.05) 34%, transparent 70%);
filter: blur(20px);
opacity: 0;
transform: scale(.97);
pointer-events: none;
}
#w26ghostSection .w26ghost-topgleam {
position: absolute;
inset: -12% -6% auto -6%;
height: 42%;
z-index: 2;
border-radius: 999px;
background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));
filter: blur(18px);
opacity: 0;
pointer-events: none;
}
#w26ghostSection .w26ghost-logo-main,
#w26ghostSection .w26ghost-metal-soft,
#w26ghostSection .w26ghost-metal-line {
display: block;
width: 100%;
height: auto;
user-select: none;
-webkit-user-drag: none;
pointer-events: none;
}
#w26ghostSection .w26ghost-logo-main {
position: relative;
z-index: 3;
filter: drop-shadow(0 24px 60px rgba(0,0,0,0.42));
transition: opacity .45s ease;
opacity: 1;
}
#w26ghostSection .w26ghost-metal-soft,
#w26ghostSection .w26ghost-metal-line {
position: absolute;
inset: 0;
z-index: 4;
opacity: 0;
mix-blend-mode: screen;
pointer-events: none;
}
#w26ghostSection .w26ghost-metal-soft {
filter: brightness(1.22) blur(2.2px);
-webkit-mask-image: linear-gradient(108deg, transparent 20%, rgba(0,0,0,.96) 36%, rgba(0,0,0,.96) 56%, transparent 72%);
mask-image: linear-gradient(108deg, transparent 20%, rgba(0,0,0,.96) 36%, rgba(0,0,0,.96) 56%, transparent 72%);
-webkit-mask-size: 245% 100%;
mask-size: 245% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: -170% 0;
mask-position: -170% 0;
}
#w26ghostSection .w26ghost-metal-line {
filter: brightness(1.7) blur(.4px);
-webkit-mask-image: linear-gradient(106deg, transparent 41%, rgba(0,0,0,.99) 48%, rgba(0,0,0,.99) 50%, transparent 58%);
mask-image: linear-gradient(106deg, transparent 41%, rgba(0,0,0,.99) 48%, rgba(0,0,0,.99) 50%, transparent 58%);
-webkit-mask-size: 260% 100%;
mask-size: 260% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 155% 0;
mask-position: 155% 0;
}
#w26ghostSection.is-settled .w26ghost-logo-main {
opacity: 0.12;
}
#w26ghostSection.is-settled .w26ghost-aura {
opacity: .32;
animation: w26ghostPulse 3.6s ease-in-out infinite;
}
#w26ghostSection.is-settled .w26ghost-topgleam {
opacity: .24;
animation: w26ghostTopGleam 4.4s ease-in-out infinite;
}
#w26ghostSection.is-settled .w26ghost-metal-soft {
opacity: .38;
animation: w26ghostSoftSweep 4.3s linear infinite;
}
#w26ghostSection.is-settled .w26ghost-metal-line {
opacity: .78;
animation: w26ghostLineSweep 3.1s linear infinite;
}
#w26ghostSection .w26ghost-content {
position: absolute;
left: 50%;
bottom: 15vh;
width: min(760px, calc(100% - 32px));
transform: translateX(-50%);
text-align: center;
}
#w26ghostSection .w26ghost-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 11px 22px;
border: 1px solid rgba(255,255,255,0.16);
border-radius: 999px;
background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
backdrop-filter: blur(14px);
font-size: 14px;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: #f7fbff;
box-shadow:
0 10px 30px rgba(0,0,0,0.18),
inset 0 1px 0 rgba(255,255,255,0.10);
opacity: 0;
}
#w26ghostSection .w26ghost-details {
margin-top: 24px;
opacity: 0;
}
#w26ghostSection .w26ghost-title,
#w26ghostSection .w26ghost-subtitle {
margin: 0;
text-align: center;
}
#w26ghostSection .w26ghost-title {
font-size: clamp(17px, 1.45vw, 20px);
line-height: 1.5;
font-weight: 400;
color: #bcc7d8;
letter-spacing: 0.01em;
}
#w26ghostSection .w26ghost-subtitle {
margin-top: 2px;
font-size: clamp(17px, 1.45vw, 20px);
line-height: 1.5;
font-weight: 400;
color: #8f9cb0;
}
#w26ghostSection .w26ghost-ai {
display: inline-block;
font-weight: 800;
letter-spacing: 0.02em;
background: linear-gradient(
90deg,
#7fd6ff 0%,
#78a6ff 24%,
#9ef7df 48%,
#ffffff 62%,
#8bb8ff 78%,
#7fd6ff 100%
);
background-size: 240% auto;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: w26ghostAiFlow 7s linear infinite;
}
#w26ghostSection .w26ghost-button,
#w26ghostSection .w26ghost-button:link,
#w26ghostSection .w26ghost-button:visited,
#w26ghostSection .w26ghost-button:hover,
#w26ghostSection .w26ghost-button:active,
#w26ghostSection .w26ghost-button:focus {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
isolation: isolate;
min-width: 196px;
margin-top: 32px;
padding: 15px 30px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.42);
background:
radial-gradient(circle at 22% 0%, rgba(255,255,255,0.96), rgba(255,255,255,0) 26%),
linear-gradient(135deg, #ffffff 0%, #edf4ff 46%, #a8caff 100%);
color: #07111e !important;
font-weight: 800;
letter-spacing: 0.01em;
text-decoration: none !important;
overflow: hidden;
box-shadow:
0 16px 42px rgba(124, 173, 255, 0.24),
0 0 0 1px rgba(127,216,255,0.08),
inset 0 1px 0 rgba(255,255,255,0.78),
inset 0 -12px 22px rgba(79,128,205,0.12);
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}
#w26ghostSection .w26ghost-button::before {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(
105deg,
transparent 0%,
transparent 34%,
rgba(255,255,255,0.72) 45%,
rgba(255,255,255,0.34) 50%,
transparent 62%,
transparent 100%
);
transform: translateX(-135%) skewX(-12deg);
animation: w26ghostButtonSheen 4.2s ease-in-out infinite;
}
#w26ghostSection .w26ghost-button::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.46),
inset 0 0 0 2px rgba(127,216,255,0.10);
}
#w26ghostSection .w26ghost-button:hover,
#w26ghostSection .w26ghost-button:focus {
transform: translateY(-2px);
border-color: rgba(255,255,255,0.62);
box-shadow:
0 24px 58px rgba(124, 173, 255, 0.34),
0 0 0 6px rgba(127,216,255,0.08),
0 0 30px rgba(126,246,223,0.12),
inset 0 1px 0 rgba(255,255,255,0.88),
inset 0 -12px 22px rgba(79,128,205,0.14);
filter: brightness(1.025);
color: #07111e !important;
text-decoration: none !important;
}
@keyframes w26ghostAiFlow {
0% { background-position: 0% 50%; }
100% { background-position: 240% 50%; }
}
@keyframes w26ghostButtonSheen {
0%, 48% { transform: translateX(-135%) skewX(-12deg); opacity: 0; }
56% { opacity: .95; }
76%, 100% { transform: translateX(135%) skewX(-12deg); opacity: 0; }
}
@keyframes w26ghostSoftSweep {
0% { -webkit-mask-position: -170% 0; mask-position: -170% 0; }
100% { -webkit-mask-position: 145% 0; mask-position: 145% 0; }
}
@keyframes w26ghostLineSweep {
0% { -webkit-mask-position: 155% 0; mask-position: 155% 0; }
100% { -webkit-mask-position: -155% 0; mask-position: -155% 0; }
}
@keyframes w26ghostPulse {
0%, 100% {
transform: scale(.97);
opacity: .34;
}
50% {
transform: scale(1.012);
opacity: .48;
}
}
@keyframes w26ghostTopGleam {
0%, 100% {
opacity: .20;
transform: translateY(0);
}
50% {
opacity: .31;
transform: translateY(-3px);
}
}
@media (max-width: 991px) {
#w26ghostSection .w26ghost-logo-wrap {
width: min(560px, 84vw);
top: 39%;
}
#w26ghostSection .w26ghost-content {
bottom: 25vh;
}
#w26ghostSection .w26ghost-badge {
font-size: 12px;
letter-spacing: .11em;
padding: 10px 16px;
}
#w26ghostSection .w26ghost-title,
#w26ghostSection .w26ghost-subtitle {
font-size: 15px;
}
#w26ghostSection .w26ghost-details {
margin-top: 14px;
}
#w26ghostSection .w26ghost-button {
margin-top: 24px;
overflow: visible;
border-color: rgba(255,255,255,0.62);
box-shadow:
0 24px 58px rgba(124, 173, 255, 0.34),
0 0 0 6px rgba(127,216,255,0.12),
0 0 38px rgba(126,246,223,0.16),
inset 0 1px 0 rgba(255,255,255,0.88),
inset 0 -12px 22px rgba(79,128,205,0.14);
filter: brightness(1.025);
}
#w26ghostSection .w26ghost-button::after {
inset: -7px;
box-shadow:
0 0 0 1px rgba(255,255,255,0.34),
0 0 18px rgba(127,216,255,0.22),
0 0 34px rgba(126,246,223,0.14);
}
#w26ghostSection .w26ghost-button:hover,
#w26ghostSection .w26ghost-button:focus,
#w26ghostSection .w26ghost-button:active {
transform: none;
border-color: rgba(255,255,255,0.62);
box-shadow:
0 26px 60px rgba(124, 173, 255, 0.38),
0 0 0 6px rgba(127,216,255,0.12),
0 0 62px rgba(126,246,223,0.28),
inset 0 1px 0 rgba(255,255,255,0.92),
inset 0 -12px 22px rgba(79,128,205,0.16);
filter: brightness(1.035);
}
#w26ghostSection .w26ghost-button:hover::after,
#w26ghostSection .w26ghost-button:focus::after,
#w26ghostSection .w26ghost-button:active::after {
box-shadow:
0 0 0 1px rgba(255,255,255,0.34),
0 0 24px rgba(127,216,255,0.30),
0 0 46px rgba(126,246,223,0.22);
}
}
@media (prefers-reduced-motion: reduce) {
#w26ghostSection .w26ghost-button::before {
animation: none;
}
}  .ak-wp-hero,
.ak-wp-hero * {
box-sizing: border-box;
}
.ak-wp-hero {
--ak-hero-safe-top: 0px;
--ak-hero-safe-bottom: 0px;
--ak-fit-height: 100vh;
--ak-extra-desktop-offset: 0px;
--ak-extra-mobile-offset: 0px;
width: 100%;
height: var(--ak-fit-height);
min-height: var(--ak-fit-height);
max-height: var(--ak-fit-height);
display: flex;
align-items: center;
justify-content: center;
background:
radial-gradient(circle at 18% 18%, rgba(7,162,79,.16), transparent 30%),
radial-gradient(circle at 82% 24%, rgba(1,77,141,.18), transparent 34%),
radial-gradient(circle at 50% 90%, rgba(7,162,79,.08), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
padding: clamp(24px, 4.2vh, 52px) 15px clamp(112px, 14vh, 156px);
margin: 0 !important;
overflow: hidden;
position: relative;
isolation: isolate;
font-family: Inter, Arial, sans-serif;
visibility: hidden;
opacity: 0;
transform: translateZ(0);
}
.ak-wp-hero.ak-layout-ready {
visibility: visible;
opacity: 1;
transition: opacity .16s ease;
} .ak-wp-video-wash {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
background:
radial-gradient(circle at 50% 42%, rgba(255,255,255,.70), rgba(255,255,255,.48) 32%, rgba(255,255,255,.72) 62%, rgba(247,250,252,.92) 100%),
linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.58) 48%, rgba(247,250,252,.95) 100%);
backdrop-filter: blur(.25px);
-webkit-backdrop-filter: blur(.25px);
}
.ak-wp-video-wash::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 22% 22%, rgba(7,162,79,.18), transparent 28%),
radial-gradient(circle at 78% 18%, rgba(1,77,141,.18), transparent 32%),
linear-gradient(90deg, rgba(255,255,255,.55), transparent 30%, transparent 70%, rgba(255,255,255,.55));
opacity: .92;
}
.ak-wp-hero-wrapper {
width: 100%;
max-width: 1180px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
z-index: 5;
}
@media (min-width: 769px) {
.ak-wp-hero-wrapper { transform: translateY(0);
}
}
.ak-wp-hero .sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.ak-wp-logo-svg {
display: block;
width: 100%;
max-width: clamp(320px, 34vw, 400px);
height: auto;
overflow: visible;
filter: drop-shadow(0 24px 42px rgba(1,77,141,.14));
will-change: transform, filter;
}
.ak-wp-hero .st0 { fill: #07a24f; }
.ak-wp-hero .st1 { fill-rule: evenodd; }
.ak-wp-hero .st1,
.ak-wp-hero .st2 { fill: #014d8d; }
.ak-wp-hero .svg-world-l-1,
.ak-wp-hero .svg-world-l-2,
.ak-wp-hero .svg-world-l-3,
.ak-wp-hero .svg-world-l-4,
.ak-wp-hero .svg-world-l-5,
.ak-wp-hero .svg-world-l-6,
.ak-wp-hero .svg-world-r-1,
.ak-wp-hero .svg-world-r-2,
.ak-wp-hero .svg-world-r-3,
.ak-wp-hero .svg-world-r-4,
.ak-wp-hero .svg-world-r-5,
.ak-wp-hero .svg-world-r-6 {
opacity: 0;
transform-box: fill-box;
transform-origin: center center;
}
.ak-wp-hero .svg-char-a,
.ak-wp-hero .svg-char-k,
.ak-wp-hero .svg-char-i,
.ak-wp-hero .svg-char-n,
.ak-wp-hero .svg-char-s,
.ak-wp-hero .svg-char-o,
.ak-wp-hero .svg-char-f,
.ak-wp-hero .svg-char-t,
.ak-wp-hero .svg-reg,
.ak-wp-hero .svg-bchar-a,
.ak-wp-hero .svg-circle {
opacity: 0;
}
.ak-wp-hero::before {
content: "";
position: absolute;
inset: -35%;
background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.55) 50%, transparent 58%);
transform: translateX(-42%) rotate(8deg);
animation: akWpHeroLightMove 8.5s ease-in-out infinite;
pointer-events: none;
z-index: 3;
}
.ak-wp-hero::after {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(1,77,141,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(1,77,141,.045) 1px, transparent 1px);
background-size: 48px 48px;
mask-image: radial-gradient(circle at center, rgba(0,0,0,.6), transparent 72%);
-webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,.6), transparent 72%);
opacity: .48;
pointer-events: none;
z-index: 2;
}
.ak-wp-orb {
position: absolute;
width: 360px;
height: 360px;
border-radius: 999px;
filter: blur(34px);
opacity: .26;
pointer-events: none;
z-index: 2;
animation: akWpOrbFloat 9s ease-in-out infinite;
}
.ak-wp-orb-blue {
right: -140px;
top: 40px;
background: rgba(1,77,141,.52);
}
.ak-wp-orb-green {
left: -160px;
bottom: -90px;
background: rgba(7,162,79,.46);
animation-delay: -3s;
}
.ak-wp-grid-glow {
position: absolute;
left: 50%;
top: 50%;
width: min(760px, 92vw);
height: min(500px, 70vw);
transform: translate(-50%, -48%);
border-radius: 50%;
background: radial-gradient(circle, rgba(255,255,255,.92), rgba(255,255,255,.26) 52%, transparent 72%);
pointer-events: none;
z-index: 3;
}
.ak-wp-hero-content {
margin-top: clamp(8px, 1.5vh, 12px);
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 4;
will-change: transform, opacity;
}
.ak-wp-reflection-shell {
position: relative;
width: 650px;
max-width: min(100%, 92vw);
height: clamp(106px, 14.5vh, 132px);
margin: clamp(2px, .7vh, 6px) auto clamp(2px, .7vh, 6px);
border-radius: 999px;
overflow: hidden;
transform-origin: center;
isolation: isolate;
filter: drop-shadow(0 18px 30px rgba(1,77,141,.14));
background:
radial-gradient(ellipse at center, rgba(255,255,255,.86) 0%, rgba(255,255,255,.46) 45%, rgba(255,255,255,0) 76%);
-webkit-mask-image: radial-gradient(ellipse at center, #000 0%, #000 50%, rgba(0,0,0,.70) 66%, transparent 86%);
mask-image: radial-gradient(ellipse at center, #000 0%, #000 50%, rgba(0,0,0,.70) 66%, transparent 86%);
}
.ak-wp-reflection-shell::before {
content: "";
position: absolute;
inset: 10px 42px 12px;
border-radius: 999px;
background:
radial-gradient(circle at 18% 50%, rgba(7,162,79,.22), transparent 32%),
radial-gradient(circle at 82% 44%, rgba(1,77,141,.22), transparent 34%),
rgba(255,255,255,.44);
filter: blur(6px);
z-index: 0;
opacity: .9;
}
.ak-wp-reflection-shell::after {
content: "";
position: absolute;
top: 12px;
bottom: 12px;
left: -48%;
width: 36%;
border-radius: 999px;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.86), transparent);
transform: skewX(-18deg);
opacity: 0;
z-index: 4;
pointer-events: none;
}
.ak-wp-hero.is-ready .ak-wp-reflection-shell::after {
animation: akWpReflectionSheen 4.4s ease-in-out 1s infinite;
}
.ak-wp-reflection-video {
position: absolute;
inset: -34% -10%;
width: 120%;
height: 168%;
object-fit: cover;
object-position: center center;
display: block;
opacity: .88;
z-index: 1;
transform: scale(1.045);
filter: saturate(1.28) contrast(1.12) brightness(1.08) blur(.05px);
mix-blend-mode: normal;
will-change: transform, opacity, filter;
}
.ak-wp-reflection-glow {
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
background:
linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.02) 46%, rgba(255,255,255,.42)),
radial-gradient(ellipse at center, transparent 0%, transparent 50%, rgba(255,255,255,.48) 76%, rgba(255,255,255,.76) 100%);
}
.ak-wp-reflection-glow::before {
content: "";
position: absolute;
left: 14%;
right: 14%;
bottom: 12px;
height: 16px;
border-radius: 999px;
background: linear-gradient(90deg, transparent, rgba(1,77,141,.22), rgba(7,162,79,.22), transparent);
filter: blur(7px);
opacity: .95;
}
.ak-wp-demo-btn {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
margin-top: clamp(8px, 1.4vh, 12px);
padding: 14px 34px;
border-radius: 999px;
background: linear-gradient(135deg, #014d8d 0%, #0866bd 48%, #07a24f 100%);
color: #fff !important;
text-decoration: none !important;
font-size: 15px;
font-weight: 850;
letter-spacing: .25px;
line-height: 1;
border: 1px solid rgba(255,255,255,.45);
box-shadow:
0 18px 42px rgba(1,77,141,.25),
inset 0 1px 0 rgba(255,255,255,.35);
transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
will-change: transform;
}
.ak-wp-demo-btn::before {
content: "";
position: absolute;
inset: 0;
left: -130%;
width: 80%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
transform: skewX(-18deg);
transition: left .75s ease;
}
.ak-wp-demo-btn::after {
content: "→";
display: inline-flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
margin-left: 9px;
border-radius: 50%;
background: rgba(255,255,255,.18);
font-size: 13px;
line-height: 1;
transition: transform .25s ease, background .25s ease;
}
.ak-wp-demo-btn:hover {
transform: translateY(-2px);
box-shadow:
0 24px 54px rgba(1,77,141,.30),
inset 0 1px 0 rgba(255,255,255,.44);
filter: brightness(1.04);
}
.ak-wp-demo-btn:hover::before {
left: 135%;
}
.ak-wp-demo-btn:hover::after {
transform: translateX(3px);
background: rgba(255,255,255,.28);
}
@keyframes akWpHeroLightMove {
0%, 100% { transform: translateX(-46%) rotate(8deg); opacity: .30; }
50% { transform: translateX(34%) rotate(8deg); opacity: .68; }
}
@keyframes akWpOrbFloat {
0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
50% { transform: translate3d(14px, -18px, 0) scale(1.05); }
}
@keyframes akWpReflectionSheen {
0% { left: -48%; opacity: 0; }
12% { opacity: .78; }
30% { left: 110%; opacity: 0; }
100% { left: 110%; opacity: 0; }
}
@media (max-width: 768px) {
.ak-wp-hero::before,
.ak-wp-orb,
.ak-wp-hero.is-ready .ak-wp-reflection-shell::after {
animation: none !important;
}
.ak-wp-hero::after {
opacity: .28;
}
.ak-wp-logo-svg {
filter: drop-shadow(0 14px 22px rgba(1,77,141,.10));
}
.ak-wp-reflection-shell {
filter: drop-shadow(0 12px 18px rgba(1,77,141,.10));
}
}
@media (max-width: 768px) {
.ak-wp-hero {
height: var(--ak-fit-height);
min-height: var(--ak-fit-height);
max-height: var(--ak-fit-height);
padding: clamp(24px, 5.8vh, 44px) 14px clamp(20px, 5vh, 38px);
}
.ak-wp-video-wash {
background:
radial-gradient(circle at 50% 38%, rgba(255,255,255,.78), rgba(255,255,255,.65) 36%, rgba(247,250,252,.96) 100%),
linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,252,.98));
}
.ak-wp-logo-svg {
max-width: clamp(250px, 70vw, 310px);
}
.ak-wp-reflection-shell {
width: 560px;
max-width: 94vw;
height: clamp(92px, 14.8vh, 112px);
}
.ak-wp-reflection-video {
inset: -30% -16%;
width: 132%;
height: 160%;
opacity: .86;
filter: saturate(1.26) contrast(1.11) brightness(1.08) blur(.05px);
}
.ak-wp-orb {
width: 240px;
height: 240px;
filter: blur(30px);
}
.ak-wp-demo-btn {
min-height: 42px;
padding: 12px 24px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.ak-wp-hero {
padding: clamp(18px, 5vh, 34px) 12px clamp(18px, 4.8vh, 30px);
}
.ak-wp-logo-svg {
max-width: clamp(218px, 73vw, 270px);
}
.ak-wp-hero-content {
margin-top: clamp(4px, 1vh, 8px);
}
.ak-wp-reflection-shell {
height: clamp(82px, 14vh, 102px);
max-width: 96vw;
}
.ak-wp-demo-btn {
min-height: 40px;
padding: 11px 22px;
font-size: 13px;
margin-top: clamp(6px, 1.2vh, 9px);
}
}
@media (max-height: 620px) and (min-width: 769px) {
.ak-wp-hero {
padding-top: 16px;
padding-bottom: 78px;
min-height: var(--ak-fit-height);
}
.ak-wp-logo-svg {
max-width: 330px;
}
.ak-wp-reflection-shell {
height: 104px;
}
}
@media (max-height: 560px) and (max-width: 768px) {
.ak-wp-logo-svg {
max-width: clamp(210px, 62vw, 250px);
}
.ak-wp-reflection-shell {
height: clamp(76px, 13vh, 90px);
}
.ak-wp-demo-btn {
min-height: 38px;
padding: 10px 20px;
}
} @media (min-width: 769px) {
#akWpHero.ak-wp-hero {
padding-top: clamp(34px, 5.2vh, 68px);
}
} @media (min-width: 769px) {
#akWpHero .ak-wp-hero-wrapper {
transform: translateY(36px) !important;
}
} .as-campaign-section,
.as-campaign-section * {
box-sizing: border-box;
}
.as-campaign-section {
position: relative;
width: 100%;
padding: clamp(54px, 7vw, 96px) 15px;
overflow: hidden;
background:
radial-gradient(circle at 12% 12%, rgba(7,162,79,.10), transparent 30%),
radial-gradient(circle at 88% 8%, rgba(1,77,141,.12), transparent 34%),
linear-gradient(180deg, #f8fbff 0%, #ffffff 48%, #f7fafc 100%);
isolation: isolate;
font-family: Inter, Arial, sans-serif;
}
.as-campaign-section::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(1,77,141,.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(1,77,141,.035) 1px, transparent 1px);
background-size: 52px 52px;
mask-image: radial-gradient(circle at center, rgba(0,0,0,.65), transparent 74%);
-webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,.65), transparent 74%);
opacity: .55;
pointer-events: none;
z-index: 0;
}
.as-campaign-container {
position: relative;
z-index: 1;
width: min(1180px, 100%);
margin: 0 auto;
}
.as-campaign-heading {
text-align: center;
margin: 0 auto clamp(28px, 4vw, 48px);
}
.as-campaign-eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 7px 16px;
border-radius: 999px;
background: rgba(255,255,255,.82);
border: 1px solid rgba(1,77,141,.10);
color: #07a24f;
font-size: 12px;
font-weight: 850;
letter-spacing: .12em;
text-transform: uppercase;
box-shadow: 0 14px 34px rgba(1,77,141,.08);
}
.as-campaign-heading h2 {
margin: 14px 0 0;
color: #071827;
font-size: clamp(34px, 4vw, 58px);
line-height: .98;
font-weight: 900;
letter-spacing: -0.045em;
}
.as-campaign-heading p {
margin: 12px auto 0;
max-width: 620px;
color: rgba(7,24,39,.62);
font-size: clamp(15px, 1.5vw, 18px);
line-height: 1.55;
}
.as-campaign-slider {
position: relative;
padding: 0 clamp(0px, 3vw, 44px);
}
.as-campaign-viewport {
overflow: hidden;
border-radius: clamp(22px, 2vw, 32px);
}
.as-campaign-track {
display: flex;
gap: clamp(18px, 2.2vw, 28px);
will-change: transform;
transition: transform .62s cubic-bezier(.22, 1, .36, 1);
}
.as-campaign-card {
flex: 0 0 calc((100% - clamp(18px, 2.2vw, 28px)) / 2);
min-width: 0;
position: relative;
display: block;
color: inherit;
text-decoration: none !important;
border-radius: clamp(22px, 2vw, 32px);
overflow: hidden;
background: rgba(255,255,255,.88);
border: 1px solid rgba(255,255,255,.74);
box-shadow:
0 24px 70px rgba(1,77,141,.14),
0 10px 24px rgba(7,162,79,.06),
inset 0 1px 0 rgba(255,255,255,.76);
transform: translateZ(0);
transition: box-shadow .35s ease, filter .35s ease;
}
.as-campaign-card::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 3;
opacity: 0;
background:
linear-gradient(115deg, transparent 0%, transparent 36%, rgba(255,255,255,.42) 50%, transparent 64%, transparent 100%),
radial-gradient(circle at 50% 0%, rgba(7,162,79,.16), transparent 42%);
transform: translateX(-18%);
transition: opacity .35s ease, transform .55s ease;
}
.as-campaign-card:hover::before {
opacity: 1;
transform: translateX(18%);
}
.as-campaign-card:hover {
transform: translateZ(0);
box-shadow:
0 34px 88px rgba(1,77,141,.18),
0 14px 30px rgba(7,162,79,.08),
0 0 0 1px rgba(7,162,79,.18),
inset 0 1px 0 rgba(255,255,255,.86);
filter: brightness(1.018) saturate(1.02);
}
.as-campaign-image-wrap {
position: relative;
aspect-ratio: 1260 / 680;
width: 100%;
background:
radial-gradient(circle at 22% 20%, rgba(7,162,79,.12), transparent 30%),
radial-gradient(circle at 78% 18%, rgba(1,77,141,.12), transparent 32%),
#f7fafc;
overflow: hidden;
}
.as-campaign-image-wrap::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, rgba(255,255,255,.06), transparent 42%, rgba(0,0,0,.03)),
linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255,255,255,.34) 50%, transparent 58%, transparent 100%);
opacity: .72;
}
.as-campaign-card-image {
display: block;
width: 100%;
height: 100%;
}
.as-campaign-image-wrap picture {
display: block;
width: 100%;
height: 100%;
}
.as-fit-contain .as-campaign-card-image {
object-fit: contain;
}
.as-fit-cover .as-campaign-card-image {
object-fit: cover;
}
.as-campaign-info {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"date days"
"warning warning";
gap: 12px;
align-items: center;
padding: 14px;
background:
linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,254,.94));
}
.as-campaign-date {
grid-area: date;
display: inline-flex;
align-items: center;
gap: 9px;
min-width: 0;
}
.as-campaign-date-icon {
width: 34px;
height: 34px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
background: rgba(1,77,141,.08);
border: 1px solid rgba(1,77,141,.10);
font-size: 16px;
}
.as-campaign-date-label {
color: rgba(7,24,39,.48);
font-size: 11px;
font-weight: 850;
letter-spacing: .11em;
text-transform: uppercase;
white-space: nowrap;
}
.as-campaign-date strong {
color: #071827;
font-size: clamp(16px, 1.6vw, 22px);
font-weight: 900;
letter-spacing: .02em;
white-space: nowrap;
}
.as-campaign-days {
grid-area: days;
justify-self: end;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
padding: 10px 18px;
border-radius: 999px;
color: #fff;
font-size: 13px;
font-weight: 950;
letter-spacing: .02em;
white-space: nowrap;
box-shadow: 0 0 0 0 rgba(245,158,11,.42);
animation: asCampaignPulseWarm 2.2s infinite;
}
.as-campaign-days-icon {
display: inline-block;
transform-origin: 50% 55%;
animation: asCampaignHourglass 2.4s cubic-bezier(.45,.05,.55,.95) infinite;
}
.as-campaign-days.is-warm {
background: linear-gradient(135deg, #f59e0b, #f97316);
}
.as-campaign-days.is-soon {
background: linear-gradient(135deg, #f97316, #eaac12);
}
.as-campaign-days.is-urgent {
background: linear-gradient(135deg, #f59e0b, #d97706);
}
.as-campaign-days.is-hot {
background: linear-gradient(135deg, #d97706, #9a6700);
}
.as-campaign-warning {
grid-area: warning;
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
max-width: 100%;
gap: 7px;
min-height: 34px;
padding: 8px 14px;
border-radius: 999px;
background: linear-gradient(135deg, #e63946, #b21f2d);
color: #fff;
font-size: 12px;
font-weight: 900;
letter-spacing: .02em;
text-transform: uppercase;
box-shadow: 0 0 0 0 rgba(230,57,70,.56);
animation: asCampaignPulse 2.2s infinite;
}
.as-campaign-warning-icon {
width: 20px;
height: 20px;
border-radius: 999px;
display: inline-flex !important;
align-items: center;
justify-content: center;
flex: 0 0 auto;
background: rgba(255,255,255,.18);
border: 1px solid rgba(255,255,255,.34);
color: #fff;
font-size: 13px;
font-weight: 950;
line-height: 1;
box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}
.as-campaign-nav {
all: unset;
position: absolute;
top: 50%;
z-index: 4;
width: 46px;
height: 46px;
margin-top: -23px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.88);
border: 1px solid rgba(1,77,141,.12);
box-shadow: 0 16px 38px rgba(1,77,141,.14);
color: #014d8d;
cursor: pointer;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.as-campaign-nav:hover {
transform: translateY(-2px);
box-shadow: 0 20px 48px rgba(1,77,141,.18);
}
.as-campaign-nav span {
display: block;
font-size: 34px;
line-height: 1;
margin-top: -3px;
}
.as-campaign-prev {
left: 0;
}
.as-campaign-next {
right: 0;
}
.as-campaign-nav.is-disabled {
opacity: .32;
pointer-events: none;
}
.as-campaign-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
margin-top: 24px;
}
.as-campaign-dot {
all: unset;
display: block;
width: 7px;
height: 7px;
border-radius: 999px;
background: rgba(1,77,141,.24);
cursor: pointer;
transition: width .3s ease, background .3s ease, opacity .3s ease;
}
.as-campaign-dot.is-active {
width: 26px;
background: linear-gradient(90deg, #014d8d, #07a24f);
}
.as-campaign-empty {
padding: 18px 20px;
border-radius: 16px;
background: #fff7e6;
border: 1px solid #ffe0a3;
color: #6b4b00;
}
@keyframes asCampaignPulse {
0% { box-shadow: 0 0 0 0 rgba(230,57,70,.50); }
70% { box-shadow: 0 0 0 12px rgba(230,57,70,0); }
100% { box-shadow: 0 0 0 0 rgba(230,57,70,0); }
}
@keyframes asCampaignPulseWarm {
0% { box-shadow: 0 0 0 0 rgba(245,158,11,.46); }
70% { box-shadow: 0 0 0 12px rgba(245,158,11,0); }
100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}
@keyframes asCampaignHourglass {
0%, 16% { transform: rotate(0deg); }
34%, 52% { transform: rotate(180deg); }
70%, 100% { transform: rotate(360deg); }
}
@media (min-width: 769px) and (max-width: 1199px) {
.as-campaign-image-wrap {
aspect-ratio: 934 / 628;
}
}
@media (max-width: 1024px) {
.as-campaign-slider {
padding: 0;
}
.as-campaign-card {
flex-basis: 78%;
}
.as-campaign-nav {
display: none;
}
}
@media (max-width: 768px) {
.as-campaign-section {
padding: clamp(42px, 9vw, 64px) 12px;
}
.as-campaign-heading {
margin-bottom: 24px;
}
.as-campaign-heading h2 {
font-size: clamp(31px, 9vw, 42px);
}
.as-campaign-card {
flex-basis: 88%;
border-radius: 22px;
}
.as-campaign-image-wrap {
aspect-ratio: 400 / 480;
}
.as-campaign-info {
grid-template-columns: 1fr;
grid-template-areas:
"date"
"days"
"warning";
gap: 10px;
padding: 12px;
}
.as-campaign-date {
justify-content: center;
flex-wrap: wrap;
gap: 8px;
text-align: center;
}
.as-campaign-date strong {
font-size: 17px;
}
.as-campaign-date-icon {
width: 32px;
height: 32px;
font-size: 15px;
}
.as-campaign-days {
justify-self: stretch;
min-height: 38px;
font-size: 13px;
letter-spacing: .04em;
}
.as-campaign-warning {
width: 100%;
font-size: 11px;
min-height: 32px;
}
}
@media (max-width: 480px) {
.as-campaign-card {
flex-basis: 92%;
}
.as-campaign-track {
gap: 14px;
}
.as-campaign-date-label {
font-size: 10px;
}
.as-campaign-date strong {
font-size: 16px;
}
}  .as-campaign-days.is-final-day {
position: relative;
overflow: hidden;
animation:
asCampaignPulseWarm 1.65s infinite,
asCampaignFinalFlash 1.25s ease-in-out infinite;
}
.as-campaign-days.is-final-day::after {
content: "";
position: absolute;
inset: -30% -18%;
pointer-events: none;
background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.72) 50%, transparent 66%);
transform: translateX(-120%) skewX(-16deg);
animation: asCampaignFinalSheen 1.45s ease-in-out infinite;
}
.as-campaign-days.is-final-day > span {
position: relative;
z-index: 1;
}
@keyframes asCampaignFinalFlash {
0%, 100% {
filter: brightness(1) saturate(1);
}
45% {
filter: brightness(1.22) saturate(1.12);
}
}
@keyframes asCampaignFinalSheen {
0% {
opacity: 0;
transform: translateX(-120%) skewX(-16deg);
}
28% {
opacity: .85;
}
100% {
opacity: 0;
transform: translateX(120%) skewX(-16deg);
}
}
@media (max-width: 768px) { .as-campaign-card::before,
.as-campaign-card:hover::before {
display: none !important;
opacity: 0 !important;
}
.as-campaign-card:hover {
filter: none;
box-shadow:
0 24px 70px rgba(1,77,141,.14),
0 10px 24px rgba(7,162,79,.06),
inset 0 1px 0 rgba(255,255,255,.76);
} .as-campaign-days {
min-height: 42px;
font-size: 15px;
font-weight: 950;
letter-spacing: .045em;
}
.as-campaign-days-icon {
font-size: 16px;
} .as-campaign-card.is-date-only .as-campaign-info {
min-height: 112px;
display: flex;
align-items: center;
justify-content: center;
padding: 22px 14px 24px;
}
.as-campaign-card.is-date-only .as-campaign-date {
width: 100%;
justify-content: center;
flex-direction: column;
gap: 7px;
text-align: center;
transform: translateY(4px);
}
.as-campaign-card.is-date-only .as-campaign-date-icon {
width: 38px;
height: 38px;
font-size: 18px;
background: rgba(1,77,141,.10);
}
.as-campaign-card.is-date-only .as-campaign-date-label {
font-size: 12px;
letter-spacing: .13em;
}
.as-campaign-card.is-date-only .as-campaign-date strong {
font-size: 21px;
line-height: 1.05;
}
}
@media (max-width: 480px) {
.as-campaign-days {
font-size: 14px;
}
.as-campaign-card.is-date-only .as-campaign-info {
min-height: 104px;
padding: 20px 12px 22px;
}
.as-campaign-card.is-date-only .as-campaign-date strong {
font-size: 20px;
}
}  @media (min-width: 1200px) {
.as-campaign-container {
width: min(1480px, calc(100vw - 48px));
}
.as-campaign-slider {
padding: 0 clamp(18px, 2.8vw, 54px);
}
.as-campaign-viewport {
border-radius: clamp(24px, 1.8vw, 34px);
}
.as-campaign-track {
gap: clamp(24px, 2.2vw, 34px);
}
.as-campaign-card {
flex-basis: calc((100% - clamp(24px, 2.2vw, 34px)) / 2);
border-radius: clamp(24px, 1.8vw, 34px);
}
.as-campaign-image-wrap {
aspect-ratio: 1260 / 680;
}
.as-campaign-info {
padding: 15px 18px;
}
.as-campaign-nav {
width: 50px;
height: 50px;
margin-top: -25px;
}
}
@media (min-width: 1500px) {
.as-campaign-container {
width: min(1600px, calc(100vw - 64px));
}
.as-campaign-slider {
padding-left: 42px;
padding-right: 42px;
}
} .as-campaign-viewport::before,
.as-campaign-viewport::after {
display: none !important;
content: none !important;
}  .as-campaign-dot {
position: relative;
overflow: hidden;
}
.as-campaign-dot.is-active {
width: 34px;
background: rgba(1,77,141,.16);
}
.as-campaign-dot.is-active::before {
content: "";
position: absolute;
inset: 0;
width: 0%;
border-radius: inherit;
background: linear-gradient(90deg, #014d8d, #07a24f);
animation: asCampaignDotProgress 5.2s linear forwards;
}
@keyframes asCampaignDotProgress {
from { width: 0%; }
to { width: 100%; }
} @media (min-width: 1200px) {
.as-campaign-info {
grid-template-columns: minmax(0, 1fr) auto auto;
grid-template-areas: "date days warning";
align-items: center;
gap: 10px;
min-height: 72px;
padding: 13px 16px;
}
.as-campaign-date {
min-width: 0;
gap: 8px;
}
.as-campaign-date-icon {
width: 32px;
height: 32px;
font-size: 15px;
}
.as-campaign-date-label {
font-size: 10px;
letter-spacing: .10em;
}
.as-campaign-date strong {
font-size: clamp(15px, 1.1vw, 18px);
}
.as-campaign-days {
min-height: 36px;
padding: 8px 13px;
font-size: 12px;
gap: 6px;
}
.as-campaign-warning {
width: auto;
min-height: 36px;
padding: 8px 12px;
font-size: 10.5px;
letter-spacing: .015em;
white-space: nowrap;
}
.as-campaign-warning-icon {
width: 18px;
height: 18px;
font-size: 12px;
}
}
@media (min-width: 1500px) {
.as-campaign-info {
min-height: 76px;
padding: 14px 18px;
gap: 12px;
}
.as-campaign-date strong {
font-size: 19px;
}
.as-campaign-days {
padding-left: 15px;
padding-right: 15px;
}
.as-campaign-warning {
font-size: 11px;
padding-left: 13px;
padding-right: 13px;
}
} .as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
animation-play-state: paused !important;
}
.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
animation-play-state: running;
}  .as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
animation-play-state: paused !important;
}
.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
animation-play-state: running;
}
@media (min-width: 1200px) {
.as-campaign-section {
padding-left: 0;
padding-right: 0;
}
.as-campaign-container {
width: 100%;
max-width: none;
}
.as-campaign-heading {
max-width: 1180px;
padding-left: 15px;
padding-right: 15px;
}
.as-campaign-slider.as-center-mode {
--as-drag-x: 0px;
padding-left: 0;
padding-right: 0;
}
.as-campaign-slider.as-center-mode .as-campaign-viewport {
position: relative;
overflow: hidden;
height: clamp(455px, 39vw, 625px);
cursor: grab;
user-select: none;
touch-action: pan-y;
border-radius: 0;
}
.as-campaign-slider.as-center-mode.as-is-dragging .as-campaign-viewport {
cursor: grabbing;
}
.as-campaign-slider.as-center-mode .as-campaign-track {
position: relative;
display: block;
width: 100%;
height: 100%;
gap: 0;
transition: none;
transform: none !important;
will-change: auto;
}
.as-campaign-slider.as-center-mode .as-campaign-card {
position: absolute;
left: 50%;
top: 50%;
width: clamp(720px, 58vw, 1040px);
max-width: min(1040px, 70vw);
flex-basis: auto;
opacity: 0;
pointer-events: none;
transform: translate(-50%, -50%) scale(.72);
transition:
transform .66s cubic-bezier(.22, 1, .36, 1),
opacity .45s ease,
filter .45s ease,
box-shadow .45s ease;
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-active {
z-index: 3;
opacity: 1;
pointer-events: auto;
filter: none;
transform:
translate(calc(-50% + var(--as-drag-x) * .14), -50%)
scale(1);
box-shadow:
0 34px 90px rgba(1,77,141,.18),
0 12px 28px rgba(7,162,79,.08),
inset 0 1px 0 rgba(255,255,255,.86);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev {
z-index: 2;
opacity: .72;
pointer-events: auto;
filter: saturate(.92) brightness(.98);
transform:
translate(calc(-50% - min(35vw, 560px) + var(--as-drag-x) * .28), -50%)
scale(.82);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-next {
z-index: 2;
opacity: .72;
pointer-events: auto;
filter: saturate(.92) brightness(.98);
transform:
translate(calc(-50% + min(35vw, 560px) + var(--as-drag-x) * .28), -50%)
scale(.82);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-hidden {
z-index: 1;
opacity: 0;
pointer-events: none;
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev:hover,
.as-campaign-slider.as-center-mode .as-campaign-card.is-next:hover {
opacity: .86;
filter: saturate(1) brightness(1);
}
.as-campaign-slider.as-center-mode .as-campaign-nav {
display: none !important;
}
.as-campaign-slider.as-center-mode .as-campaign-dots {
margin-top: clamp(14px, 1.4vw, 24px);
}
}
@media (min-width: 1500px) {
.as-campaign-slider.as-center-mode .as-campaign-viewport {
height: clamp(500px, 37vw, 690px);
}
.as-campaign-slider.as-center-mode .as-campaign-card {
width: clamp(860px, 56vw, 1120px);
max-width: min(1120px, 68vw);
}
}
@media (min-width: 1800px) {
.as-campaign-slider.as-center-mode .as-campaign-card {
width: clamp(940px, 54vw, 1220px);
max-width: min(1220px, 66vw);
}
}
.as-campaign-slider.as-is-dragging .as-campaign-card,
.as-campaign-slider.as-is-dragging .as-campaign-card * {
user-select: none;
-webkit-user-select: none;
}  @media (min-width: 1200px) {
.as-campaign-slider.as-center-mode {
cursor: grab;
}
.as-campaign-slider.as-center-mode.as-is-dragging {
cursor: grabbing;
}
.as-campaign-slider.as-center-mode .as-campaign-card {
-webkit-user-drag: none;
}
.as-campaign-slider.as-center-mode .as-campaign-card img {
pointer-events: none;
-webkit-user-drag: none;
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-active {
filter: none;
opacity: 1;
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev,
.as-campaign-slider.as-center-mode .as-campaign-card.is-next {
cursor: grab;
opacity: .58;
filter: blur(1.6px) saturate(.82) brightness(.96);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev:hover,
.as-campaign-slider.as-center-mode .as-campaign-card.is-next:hover {
opacity: .70;
filter: blur(1px) saturate(.9) brightness(.98);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev::after,
.as-campaign-slider.as-center-mode .as-campaign-card.is-next::after {
content: "";
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
background: rgba(255,255,255,.20);
border-radius: inherit;
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-active::after {
display: none;
}
} @media (min-width: 1200px) {
.as-campaign-slider.as-center-mode .as-campaign-card.is-active {
cursor: pointer;
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev,
.as-campaign-slider.as-center-mode .as-campaign-card.is-next {
cursor: grab;
}
.as-campaign-slider.as-center-mode.as-is-dragging .as-campaign-card {
cursor: grabbing;
}
} @media (min-width: 1200px) {
.as-campaign-slider.as-center-mode .as-campaign-viewport {
height: clamp(420px, 35vw, 570px);
}
.as-campaign-slider.as-center-mode .as-campaign-card {
width: clamp(660px, 52vw, 940px);
max-width: min(940px, 66vw);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-prev {
transform:
translate(calc(-50% - min(32vw, 500px) + var(--as-drag-x) * .28), -50%)
scale(.82);
}
.as-campaign-slider.as-center-mode .as-campaign-card.is-next {
transform:
translate(calc(-50% + min(32vw, 500px) + var(--as-drag-x) * .28), -50%)
scale(.82);
}
}
@media (min-width: 1500px) {
.as-campaign-slider.as-center-mode .as-campaign-viewport {
height: clamp(460px, 34vw, 620px);
}
.as-campaign-slider.as-center-mode .as-campaign-card {
width: clamp(760px, 51vw, 1020px);
max-width: min(1020px, 64vw);
}
}
@media (min-width: 1800px) {
.as-campaign-slider.as-center-mode .as-campaign-card {
width: clamp(840px, 49vw, 1100px);
max-width: min(1100px, 62vw);
}
} @media (max-width: 768px) {
.as-campaign-section {
padding-left: 6px;
padding-right: 6px;
}
.as-campaign-viewport {
overflow: hidden;
border-radius: 24px;
}
.as-campaign-track {
gap: 8px;
}
.as-campaign-card {
flex-basis: 96%;
border-radius: 24px;
}
.as-campaign-image-wrap {
aspect-ratio: 400 / 480;
}
.as-campaign-info {
padding: 10px 10px 11px;
gap: 7px;
}
.as-campaign-date {
justify-content: center;
gap: 8px;
}
.as-campaign-date-icon {
width: 31px;
height: 31px;
font-size: 14px;
}
.as-campaign-date-label {
font-size: 10px;
letter-spacing: .105em;
}
.as-campaign-date strong {
font-size: 17px;
}
.as-campaign-days {
min-height: 39px;
font-size: 14px;
font-weight: 950;
letter-spacing: .04em;
}
.as-campaign-warning {
min-height: 32px;
font-size: 10.7px;
letter-spacing: .02em;
}
.as-campaign-dots {
margin-top: 15px;
gap: 6px;
}
.as-campaign-dot {
width: 6px;
height: 6px;
}
.as-campaign-dot.is-active {
width: 26px;
}
}
@media (max-width: 480px) {
.as-campaign-card {
flex-basis: 97%;
}
.as-campaign-track {
gap: 8px;
}
.as-campaign-date strong {
font-size: 16px;
}
.as-campaign-days {
min-height: 38px;
font-size: 13.5px;
}
}  @media (max-width: 768px) {
.as-campaign-info.has-days.has-warning {
grid-template-columns: 1fr 1fr;
grid-template-areas:
"date date"
"days warning";
align-items: stretch;
column-gap: 8px;
row-gap: 9px;
}
.as-campaign-info.has-days.has-warning .as-campaign-days,
.as-campaign-info.has-days.has-warning .as-campaign-warning {
width: 100%;
min-height: 42px;
justify-self: stretch;
align-self: stretch;
padding: 8px 9px;
border-radius: 999px;
}
.as-campaign-info.has-days.has-warning .as-campaign-days {
font-size: 12.8px;
gap: 6px;
}
.as-campaign-info.has-days.has-warning .as-campaign-warning {
display: inline-flex;
justify-content: center;
text-align: center;
font-size: 10px;
line-height: 1.08;
letter-spacing: .01em;
white-space: normal;
}
.as-campaign-info.has-days.has-warning .as-campaign-warning-icon {
width: 18px;
height: 18px;
min-width: 18px;
font-size: 12px;
} .as-campaign-info.has-days:not(.has-warning) .as-campaign-days,
.as-campaign-info.has-warning:not(.has-days) .as-campaign-warning {
width: 100%;
justify-self: stretch;
}
}
@media (max-width: 390px) {
.as-campaign-info.has-days.has-warning {
column-gap: 6px;
}
.as-campaign-info.has-days.has-warning .as-campaign-days {
font-size: 12px;
padding-left: 7px;
padding-right: 7px;
}
.as-campaign-info.has-days.has-warning .as-campaign-warning {
font-size: 9.4px;
padding-left: 7px;
padding-right: 7px;
}
} @media (max-width: 768px) {
.as-campaign-info.has-days.has-warning {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas:
"date date"
"days warning";
grid-auto-rows: auto;
align-items: stretch;
align-content: start;
justify-items: stretch;
column-gap: 8px;
row-gap: 8px;
padding-bottom: 10px;
}
.as-campaign-info.has-days.has-warning > .as-campaign-date {
grid-area: date;
margin: 0 !important;
min-height: 0;
}
.as-campaign-info.has-days.has-warning > .as-campaign-days {
grid-area: days;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning {
grid-area: warning;
}
.as-campaign-info.has-days.has-warning > .as-campaign-days,
.as-campaign-info.has-days.has-warning > .as-campaign-warning {
width: 100%;
min-height: 42px;
margin: 0 !important;
justify-self: stretch;
align-self: stretch;
padding: 8px 9px;
border-radius: 999px;
box-sizing: border-box;
}
.as-campaign-info.has-days.has-warning > .as-campaign-days {
font-size: 12.8px;
gap: 6px;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 10px;
line-height: 1.08;
letter-spacing: .01em;
word-spacing: .14em;
white-space: normal;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning .as-campaign-warning-icon {
width: 18px;
height: 18px;
min-width: 18px;
font-size: 12px;
}
.as-campaign-info.has-days:not(.has-warning),
.as-campaign-info.has-warning:not(.has-days) {
display: grid !important;
grid-template-columns: 1fr;
grid-template-areas:
"date"
"badge";
row-gap: 8px;
align-content: start;
}
.as-campaign-info.has-days:not(.has-warning) > .as-campaign-date,
.as-campaign-info.has-warning:not(.has-days) > .as-campaign-date {
grid-area: date;
margin: 0 !important;
}
.as-campaign-info.has-days:not(.has-warning) > .as-campaign-days,
.as-campaign-info.has-warning:not(.has-days) > .as-campaign-warning {
grid-area: badge;
width: 100%;
margin: 0 !important;
justify-self: stretch;
}
.as-campaign-info.has-warning:not(.has-days) > .as-campaign-warning {
word-spacing: .14em;
}
.as-campaign-info:not(.has-days):not(.has-warning) {
display: flex !important;
align-items: center;
justify-content: center;
text-align: center;
min-height: auto;
gap: 0;
padding-top: 11px;
padding-bottom: 11px;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
margin: 0 !important;
width: 100%;
justify-content: center;
}
.as-campaign-info.has-days.has-warning > *:last-child,
.as-campaign-info.has-days:not(.has-warning) > *:last-child,
.as-campaign-info.has-warning:not(.has-days) > *:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 390px) {
.as-campaign-info.has-days.has-warning {
column-gap: 6px;
}
.as-campaign-info.has-days.has-warning > .as-campaign-days {
font-size: 12px;
padding-left: 7px;
padding-right: 7px;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning {
font-size: 9.4px;
padding-left: 7px;
padding-right: 7px;
word-spacing: .16em;
}
} @media (max-width: 768px) {
.as-campaign-card {
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
}
.as-campaign-info {
overflow: hidden;
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
border-top: 1px solid rgba(1,77,141,.08);
border-radius: 0 0 24px 24px;
box-sizing: border-box;
} .as-campaign-info:not(.has-days):not(.has-warning) {
display: grid !important;
grid-template-columns: 1fr;
grid-template-areas: "date";
justify-items: center;
align-items: center;
align-content: center;
row-gap: 0;
min-height: 58px;
padding-top: 11px;
padding-bottom: 12px;
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-wrap: nowrap;
white-space: nowrap;
margin: 0 !important;
text-align: center;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-label,
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date strong {
white-space: nowrap;
} .as-campaign-info.has-days.has-warning {
padding-top: 10px;
padding-bottom: 12px;
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
}
.as-campaign-info.has-days:not(.has-warning),
.as-campaign-info.has-warning:not(.has-days) {
padding-top: 10px;
padding-bottom: 12px;
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning,
.as-campaign-info.has-warning:not(.has-days) > .as-campaign-warning {
word-spacing: .16em;
}
} .as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
animation-play-state: paused !important;
}
.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
animation-play-state: running !important;
}  @media (max-width: 768px) {
.as-campaign-info:not(.has-days):not(.has-warning) {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-areas: "date" !important;
justify-items: center;
align-items: center;
align-content: center;
min-height: 66px;
padding: 8px 10px 9px;
row-gap: 0;
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
border-radius: 0 0 24px 24px;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: nowrap;
white-space: nowrap;
text-align: center;
margin: 0 !important;
line-height: 1.05;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-icon {
width: 28px;
height: 28px;
font-size: 13px;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-label {
font-size: 10px;
letter-spacing: .08em;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date strong {
font-size: 16px;
letter-spacing: .01em;
} .as-campaign-info.has-days.has-warning,
.as-campaign-info.has-days:not(.has-warning),
.as-campaign-info.has-warning:not(.has-days) {
padding-bottom: 10px;
}
} .as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
animation-play-state: paused !important;
}
.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
animation-play-state: running !important;
}  @media (max-width: 768px) {
.as-campaign-info {
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
border-radius: 0 0 24px 24px;
overflow: hidden;
box-sizing: border-box;
}
.as-campaign-info.has-days.has-warning {
display: grid !important;
grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr) !important;
grid-template-areas:
"date date"
"days warning" !important;
gap: 8px !important;
padding: 10px !important;
align-items: stretch !important;
align-content: start !important;
min-height: 0 !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-date {
grid-area: date !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
white-space: nowrap !important;
text-align: center !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-days {
grid-area: days !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 !important;
padding: 8px 7px !important;
justify-self: stretch !important;
align-self: stretch !important;
border-radius: 999px !important;
font-size: 11.5px !important;
gap: 4px !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning {
grid-area: warning !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 !important;
padding: 8px 9px !important;
justify-self: stretch !important;
align-self: stretch !important;
border-radius: 999px !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
box-sizing: border-box !important;
white-space: nowrap !important;
font-size: 10.6px !important;
line-height: 1 !important;
letter-spacing: 0 !important;
word-spacing: .08em !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning .as-campaign-warning-icon {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
font-size: 12px !important;
margin: 0 !important;
flex: 0 0 18px !important;
}
.as-campaign-info:not(.has-days):not(.has-warning) {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-rows: 42px 42px !important;
grid-template-areas:
"date"
"blank" !important;
gap: 0 !important;
row-gap: 0 !important;
padding: 0 !important;
min-height: 84px !important;
height: 84px !important;
align-items: stretch !important;
align-content: stretch !important;
justify-items: stretch !important;
background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98)) !important;
border-radius: 0 0 24px 24px !important;
overflow: hidden !important;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
grid-area: date !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 10px 12px 0 12px !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
text-align: center !important;
white-space: nowrap !important;
line-height: 1 !important;
box-sizing: border-box !important;
position: relative !important;
transform: none !important;
}
.as-campaign-info:not(.has-days):not(.has-warning)::after {
content: "" !important;
grid-area: blank !important;
display: block !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-icon {
position: static !important;
transform: none !important;
margin: 0 !important;
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 31px !important;
font-size: 14px !important;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-label {
display: inline-block !important;
position: static !important;
transform: none !important;
margin: 0 !important;
font-size: 10px !important;
line-height: 1 !important;
letter-spacing: .105em !important;
white-space: nowrap !important;
}
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date strong {
display: inline-block !important;
position: static !important;
transform: none !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.as-campaign-info.has-days.has-warning {
grid-template-columns: minmax(0, .70fr) minmax(0, 1.30fr) !important;
gap: 6px !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-days {
font-size: 11px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning {
font-size: 10px !important;
padding-left: 7px !important;
padding-right: 7px !important;
}
.as-campaign-info.has-days.has-warning > .as-campaign-warning .as-campaign-warning-icon {
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
flex-basis: 17px !important;
font-size: 11px !important;
}
}  .as-campaign-slider.as-campaign-sleeping .as-campaign-dot.is-active::before,
.ak-scene-sleeping *,
.as-campaign-sleeping .as-campaign-days,
.as-campaign-sleeping .as-campaign-days-icon,
.as-campaign-sleeping .as-campaign-warning {
animation-play-state: paused !important;
}
@media (max-width: 768px) { .as-campaign-card:hover::before,
.as-campaign-card::before {
opacity: 0 !important;
transform: none !important;
}
.as-campaign-card:hover {
filter: none !important;
}
.as-campaign-card {
transition: box-shadow .2s ease !important;
} .as-campaign-card {
box-shadow:
0 18px 44px rgba(1,77,141,.11),
0 8px 18px rgba(7,162,79,.05),
inset 0 1px 0 rgba(255,255,255,.72) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.as-campaign-days,
.as-campaign-days-icon,
.as-campaign-warning,
.as-campaign-dot.is-active::before {
animation: none !important;
}
}   @media (max-width: 768px) {
.ak-scene-awake .as-campaign-days,
.ak-scene-awake .as-campaign-warning {
animation-play-state: running !important;
}
.ak-scene-awake .as-campaign-days-icon {
animation-play-state: running !important;
}
.ak-scene-awake .as-campaign-dot.is-active::before,
.as-campaign-section.ak-scene-awake .as-campaign-dot.is-active::before,
.as-campaign-slider:not(.as-campaign-sleeping) .as-campaign-dot.is-active::before {
animation-play-state: running !important;
} .ak-scene-awake .as-campaign-card::before {
transition: opacity .35s ease, transform .55s ease !important;
} #w26ghostSection.ak-scene-awake *,
#heroScene.ak-scene-awake *,
#akWpHero.ak-scene-awake *,
.as-campaign-section.ak-scene-awake * {
animation-play-state: running !important;
}
} .ak-scene-sleeping *,
.ak-scene-sleeping *::before,
.ak-scene-sleeping *::after {
animation-play-state: paused !important;
}
.ak-scene-sleeping .as-campaign-dot.is-active::before,
.as-campaign-section.ak-scene-sleeping .as-campaign-dot.is-active::before,
.as-campaign-slider.as-campaign-sleeping .as-campaign-dot.is-active::before {
animation-play-state: paused !important;
} @media (max-width: 768px) {
#heroScene.ak-scene-sleeping .screen-shine,
#w26ghostSection.ak-scene-sleeping .w26ghost-topgleam,
#w26ghostSection.ak-scene-sleeping .w26ghost-aura {
opacity: 0 !important;
}
} @media (max-width: 768px) {
.as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
padding: 10px 12px 0 12px !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
}  .as-campaign-detail-section,
.as-campaign-detail-section * {
box-sizing: border-box;
}
.as-campaign-detail-section {
position: relative;
width: 100%;
padding: clamp(42px, 6vw, 82px) 15px;
background:
radial-gradient(circle at 14% 8%, rgba(7,162,79,.08), transparent 32%),
radial-gradient(circle at 86% 12%, rgba(1,77,141,.10), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
font-family: Inter, Arial, sans-serif;
}
.as-campaign-detail-container {
width: min(1060px, 100%);
margin: 0 auto;
}
.as-campaign-detail-heading {
text-align: center;
margin: 0 auto clamp(22px, 3vw, 34px);
}
.as-campaign-detail-eyebrow,
.as-campaign-detail-tag {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(7,162,79,.09);
color: #07a24f;
font-weight: 900;
letter-spacing: .11em;
text-transform: uppercase;
}
.as-campaign-detail-eyebrow {
min-height: 30px;
padding: 7px 15px;
font-size: 12px;
}
.as-campaign-detail-heading h2 {
margin: 13px 0 0;
color: #071827;
font-size: clamp(30px, 3.4vw, 48px);
line-height: 1.04;
font-weight: 950;
letter-spacing: -.04em;
}
.as-campaign-detail-list {
display: grid;
gap: 18px;
}
.as-campaign-detail-card {
position: relative;
scroll-margin-top: 120px;
padding: clamp(18px, 2.6vw, 28px);
border-radius: 28px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(1,77,141,.10);
box-shadow:
0 24px 70px rgba(1,77,141,.12),
0 10px 24px rgba(7,162,79,.05),
inset 0 1px 0 rgba(255,255,255,.82);
overflow: hidden;
}
.as-campaign-detail-card:target {
animation: asCampaignDetailTarget 1.25s ease both;
}
@keyframes asCampaignDetailTarget {
0% {
box-shadow:
0 0 0 0 rgba(7,162,79,.34),
0 24px 70px rgba(1,77,141,.12);
}
35% {
box-shadow:
0 0 0 8px rgba(7,162,79,.16),
0 30px 86px rgba(1,77,141,.16);
}
100% {
box-shadow:
0 24px 70px rgba(1,77,141,.12),
0 10px 24px rgba(7,162,79,.05),
inset 0 1px 0 rgba(255,255,255,.82);
}
}
.as-campaign-detail-card-head {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: start;
}
.as-campaign-detail-tag {
min-height: 25px;
padding: 6px 12px;
font-size: 10px;
background: rgba(1,77,141,.08);
color: #014d8d;
}
.as-campaign-detail-card h3 {
margin: 10px 0 0;
color: #071827;
font-size: clamp(22px, 2.3vw, 34px);
line-height: 1.08;
font-weight: 950;
letter-spacing: -.025em;
}
.as-campaign-detail-meta {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
flex-wrap: wrap;
max-width: 430px;
}
.as-campaign-detail-meta span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 8px 12px;
border-radius: 999px;
font-size: 11px;
line-height: 1;
font-weight: 900;
white-space: nowrap;
}
.as-campaign-detail-date {
background: rgba(1,77,141,.08);
color: #014d8d;
}
.as-campaign-detail-days {
background: linear-gradient(135deg, #f59e0b, #f97316);
color: #fff;
}
.as-campaign-detail-warning {
background: linear-gradient(135deg, #e63946, #b21f2d);
color: #fff;
}
.as-campaign-detail-items {
margin: clamp(18px, 2vw, 24px) 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 10px;
}
.as-campaign-detail-items li {
position: relative;
padding: 12px 14px 12px 42px;
border-radius: 16px;
background: rgba(247,250,252,.88);
border: 1px solid rgba(1,77,141,.08);
color: rgba(7,24,39,.78);
font-size: clamp(14px, 1.2vw, 16px);
line-height: 1.5;
font-weight: 650;
}
.as-campaign-detail-items li::before {
content: "✓";
position: absolute;
left: 14px;
top: 12px;
width: 20px;
height: 20px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(7,162,79,.12);
color: #07a24f;
font-size: 12px;
font-weight: 950;
}
.as-campaign-detail-empty {
padding: 16px;
border-radius: 16px;
background: #fff8e5;
color: #7a4b00;
border: 1px solid rgba(217,119,6,.18);
font-weight: 700;
}
@media (max-width: 768px) {
.as-campaign-detail-section {
padding: 34px 12px;
}
.as-campaign-detail-card {
scroll-margin-top: 88px;
border-radius: 24px;
padding: 16px;
}
.as-campaign-detail-card-head {
grid-template-columns: 1fr;
gap: 12px;
}
.as-campaign-detail-meta {
justify-content: flex-start;
max-width: none;
}
.as-campaign-detail-meta span {
min-height: 31px;
font-size: 10px;
padding: 7px 10px;
}
.as-campaign-detail-items li {
padding: 11px 12px 11px 38px;
}
.as-campaign-detail-items li::before {
left: 12px;
top: 11px;
}
} .as-campaign-detail-section {
padding-top: clamp(74px, 8vw, 118px);
padding-bottom: clamp(52px, 7vw, 92px);
}
.as-campaign-detail-heading {
text-align: center;
margin: 0 auto clamp(26px, 3.5vw, 42px);
}
.as-campaign-detail-eyebrow,
.as-campaign-detail-tag {
display: none !important;
}
.as-campaign-detail-heading h2 {
margin: 0;
font-size: clamp(36px, 4.4vw, 64px);
line-height: .96;
font-weight: 950;
letter-spacing: -.055em;
background: linear-gradient(135deg, #014d8d 0%, #07a24f 52%, #014d8d 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.as-campaign-detail-card {
padding: clamp(20px, 2.8vw, 32px);
}
.as-campaign-detail-card-head {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
padding-bottom: clamp(16px, 2vw, 22px);
border-bottom: 1px solid rgba(1,77,141,.09);
}
.as-campaign-detail-card h3 {
margin: 0;
color: #071827;
font-size: clamp(26px, 2.6vw, 40px);
line-height: 1.04;
font-weight: 950;
letter-spacing: -.035em;
}
.as-campaign-detail-meta {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
flex-wrap: wrap;
max-width: 620px;
}
.as-campaign-detail-meta span {
min-height: unset;
padding: 0;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: 999px;
white-space: nowrap;
font-weight: 950;
line-height: 1;
}
.as-campaign-detail-date {
gap: 8px;
min-height: 40px !important;
padding: 7px 12px !important;
color: #071827;
background: rgba(1,77,141,.07);
border: 1px solid rgba(1,77,141,.10);
}
.as-campaign-detail-date-icon {
width: 28px;
height: 28px;
min-width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(1,77,141,.08);
font-size: 14px;
}
.as-campaign-detail-date-label {
color: rgba(7,24,39,.52);
font-size: 10px;
font-weight: 900;
letter-spacing: .105em;
text-transform: uppercase;
}
.as-campaign-detail-date strong {
color: #071827;
font-size: 15px;
font-weight: 950;
letter-spacing: .01em;
}
.as-campaign-detail-days {
gap: 7px;
min-height: 40px !important;
padding: 10px 15px !important;
color: #fff;
font-size: 12px !important;
letter-spacing: .02em;
box-shadow: 0 0 0 0 rgba(245,158,11,.42);
animation: asCampaignPulseWarm 2.2s infinite;
}
.as-campaign-detail-days-icon {
display: inline-block;
transform-origin: 50% 55%;
animation: asCampaignHourglass 2.4s cubic-bezier(.45,.05,.55,.95) infinite;
}
.as-campaign-detail-days.is-warm {
background: linear-gradient(135deg, #f59e0b, #f97316);
}
.as-campaign-detail-days.is-soon {
background: linear-gradient(135deg, #f97316, #eaac12);
}
.as-campaign-detail-days.is-urgent {
background: linear-gradient(135deg, #f59e0b, #d97706);
}
.as-campaign-detail-days.is-hot {
background: linear-gradient(135deg, #d97706, #9a6700);
}
.as-campaign-detail-warning {
gap: 7px;
min-height: 40px !important;
padding: 10px 15px !important;
background: linear-gradient(135deg, #e63946, #b21f2d);
color: #fff;
font-size: 11px !important;
letter-spacing: .015em;
text-transform: uppercase;
box-shadow: 0 0 0 0 rgba(230,57,70,.56);
animation: asCampaignPulse 2.2s infinite;
}
.as-campaign-detail-warning-icon {
width: 20px;
height: 20px;
min-width: 20px;
border-radius: 999px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.18);
border: 1px solid rgba(255,255,255,.34);
color: #fff;
font-size: 13px;
font-weight: 950;
line-height: 1;
box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}
.as-campaign-detail-content {
margin-top: clamp(18px, 2vw, 26px);
color: rgba(7,24,39,.76);
font-size: clamp(15px, 1.24vw, 17px);
line-height: 1.65;
font-weight: 600;
}
.as-campaign-detail-content p {
margin: 0 0 12px;
}
.as-campaign-detail-content p:last-child {
margin-bottom: 0;
}
.as-campaign-detail-content ul,
.as-campaign-detail-content ol {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 10px;
}
.as-campaign-detail-content li {
position: relative;
padding: 12px 14px 12px 42px;
border-radius: 16px;
background: rgba(247,250,252,.88);
border: 1px solid rgba(1,77,141,.08);
}
.as-campaign-detail-content li::before {
content: "✓";
position: absolute;
left: 14px;
top: 12px;
width: 20px;
height: 20px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(7,162,79,.12);
color: #07a24f;
font-size: 12px;
font-weight: 950;
}
.as-campaign-detail-content strong,
.as-campaign-detail-content b {
color: #071827;
font-weight: 950;
}
@media (max-width: 768px) {
.as-campaign-detail-section {
padding-top: 52px;
}
.as-campaign-detail-heading h2 {
font-size: clamp(34px, 10vw, 44px);
}
.as-campaign-detail-card-head {
grid-template-columns: 1fr;
gap: 14px;
align-items: start;
}
.as-campaign-detail-meta {
justify-content: flex-start;
max-width: none;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
min-height: 38px !important;
}
.as-campaign-detail-date {
padding: 7px 10px !important;
}
.as-campaign-detail-days {
padding: 9px 13px !important;
font-size: 11.5px !important;
}
.as-campaign-detail-warning {
padding: 9px 13px !important;
font-size: 10.4px !important;
}
} .as-campaign-detail-section {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: 0 !important;
padding-right: 0 !important;
}
.as-campaign-detail-container {
width: min(100%, 100vw);
max-width: none;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
.as-campaign-detail-heading {
width: min(1360px, calc(100% - 44px));
margin-left: auto;
margin-right: auto;
}
.as-campaign-detail-list {
width: min(1360px, calc(100% - 44px));
margin: 0 auto;
}
.as-campaign-detail-card h3 {
font-size: clamp(22px, 2vw, 32px);
line-height: 1.06;
}
.as-campaign-detail-meta {
gap: 6px;
flex-wrap: nowrap;
max-width: none;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
min-height: 36px !important;
}
.as-campaign-detail-date {
gap: 7px;
padding: 6px 10px !important;
}
.as-campaign-detail-date-icon {
width: 24px;
height: 24px;
min-width: 24px;
font-size: 12px;
}
.as-campaign-detail-date-label {
font-size: 9px;
letter-spacing: .09em;
}
.as-campaign-detail-date strong {
font-size: 13px;
}
.as-campaign-detail-days {
gap: 6px;
padding: 8px 12px !important;
font-size: 10.8px !important;
}
.as-campaign-detail-warning {
gap: 6px;
padding: 8px 12px !important;
font-size: 10px !important;
}
.as-campaign-detail-warning-icon {
width: 18px;
height: 18px;
min-width: 18px;
font-size: 12px;
}
.as-campaign-detail-content {
font-size: clamp(13.5px, 1.04vw, 15px);
line-height: 1.58;
}
.as-campaign-detail-content p {
margin-bottom: 10px;
}
.as-campaign-detail-content li {
padding: 10px 12px 10px 36px;
font-size: clamp(13.5px, 1.02vw, 15px);
line-height: 1.5;
font-weight: 580;
}
.as-campaign-detail-content li::before {
left: 12px;
top: 10px;
width: 18px;
height: 18px;
font-size: 11px;
}
@media (max-width: 991px) {
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: calc(100% - 28px);
}
.as-campaign-detail-card h3 {
font-size: clamp(21px, 4.7vw, 28px);
}
.as-campaign-detail-meta {
flex-wrap: wrap;
max-width: 100%;
}
}
@media (max-width: 768px) {
.as-campaign-detail-section {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0 !important;
padding-right: 0 !important;
}
.as-campaign-detail-container {
width: 100%;
}
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: calc(100% - 24px);
}
.as-campaign-detail-card h3 {
font-size: clamp(20px, 6.1vw, 26px);
}
.as-campaign-detail-meta {
flex-wrap: wrap;
gap: 7px;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
min-height: 34px !important;
}
.as-campaign-detail-date {
padding: 6px 9px !important;
}
.as-campaign-detail-days,
.as-campaign-detail-warning {
padding: 8px 11px !important;
}
.as-campaign-detail-content {
font-size: 14px;
}
.as-campaign-detail-content li {
font-size: 14px;
padding: 10px 12px 10px 34px;
}
}  .as-campaign-detail-section {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: clamp(12px, 2vw, 28px) !important;
padding-right: clamp(12px, 2vw, 28px) !important;
overflow: visible !important;
}
.as-campaign-detail-container {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: 100% !important;
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.as-campaign-detail-card {
width: 100% !important;
max-width: 100% !important;
overflow: visible;
}
@media (min-width: 1200px) {
.as-campaign-detail-section {
padding-left: clamp(18px, 2.4vw, 42px) !important;
padding-right: clamp(18px, 2.4vw, 42px) !important;
}
}
@media (max-width: 768px) {
.as-campaign-detail-section {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: 100% !important;
max-width: 100% !important;
}
}  .as-campaign-detail-section {
position: relative !important;
isolation: isolate;
background: transparent !important;
overflow: visible !important;
}
.as-campaign-detail-section::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background:
radial-gradient(circle at 12% 8%, rgba(7,162,79,.08), transparent 34%),
radial-gradient(circle at 88% 12%, rgba(1,77,141,.10), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
pointer-events: none;
}
.as-campaign-detail-heading,
.as-campaign-detail-list {
max-width: 1480px !important;
} .as-campaign-detail-card-head {
grid-template-columns: minmax(0, 1fr) minmax(270px, max-content);
gap: 16px;
}
.as-campaign-detail-card h3 {
font-size: clamp(21px, 1.85vw, 30px);
line-height: 1.07;
} .as-campaign-detail-meta {
gap: 5px;
flex-wrap: nowrap;
align-items: center;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
min-height: 30px !important;
height: 30px;
border-radius: 999px;
flex-shrink: 0;
}
.as-campaign-detail-date {
gap: 5px;
padding: 4px 8px !important;
}
.as-campaign-detail-date-icon {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
flex-basis: 20px !important;
font-size: 10.5px !important;
}
.as-campaign-detail-date-label {
font-size: 7.8px !important;
letter-spacing: .075em !important;
}
.as-campaign-detail-date strong {
font-size: 10.8px !important;
letter-spacing: 0 !important;
}
.as-campaign-detail-days {
gap: 4px;
padding: 6px 9px !important;
font-size: 9.2px !important;
letter-spacing: .01em !important;
}
.as-campaign-detail-warning {
gap: 4px;
padding: 6px 9px !important;
font-size: 8.7px !important;
letter-spacing: .005em !important;
word-spacing: .04em !important;
}
.as-campaign-detail-warning-icon {
width: 15px !important;
height: 15px !important;
min-width: 15px !important;
flex-basis: 15px !important;
font-size: 10px !important;
} @media (max-width: 1180px) {
.as-campaign-detail-card-head {
grid-template-columns: 1fr;
align-items: start;
}
.as-campaign-detail-meta {
justify-content: flex-start;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.as-campaign-detail-section::before {
left: 50%;
width: 100vw;
transform: translateX(-50%);
}
.as-campaign-detail-card h3 {
font-size: clamp(20px, 5.6vw, 25px);
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
min-height: 30px !important;
height: auto;
}
.as-campaign-detail-date {
padding: 5px 8px !important;
}
.as-campaign-detail-days {
padding: 7px 9px !important;
font-size: 9.2px !important;
}
.as-campaign-detail-warning {
padding: 7px 9px !important;
font-size: 8.8px !important;
}
}   body.has-ak-campaign-details .bt_bb_wrapper,
body.has-ak-campaign-details .bt_bb_section,
body.has-ak-campaign-details .bt_bb_row,
body.has-ak-campaign-details .bt_bb_cell,
body.has-ak-campaign-details .bt_bb_column,
body.has-ak-campaign-details .bt_bb_column_content,
body.has-ak-campaign-details .bt_bb_column_content_inner {
overflow: visible !important;
} .bt_bb_wrapper:has(.as-campaign-detail-section),
.bt_bb_section:has(.as-campaign-detail-section),
.bt_bb_row:has(.as-campaign-detail-section),
.bt_bb_cell:has(.as-campaign-detail-section),
.bt_bb_column:has(.as-campaign-detail-section),
.bt_bb_column_content:has(.as-campaign-detail-section),
.bt_bb_column_content_inner:has(.as-campaign-detail-section) {
overflow: visible !important;
}
.as-campaign-detail-section {
position: relative !important;
z-index: 1;
isolation: isolate;
width: 100vw !important;
max-width: 100vw !important;
left: 50% !important;
right: auto !important;
margin-left: -50vw !important;
margin-right: 0 !important;
padding-left: clamp(12px, 2.4vw, 42px) !important;
padding-right: clamp(12px, 2.4vw, 42px) !important;
background:
radial-gradient(circle at 12% 8%, rgba(7,162,79,.08), transparent 34%),
radial-gradient(circle at 88% 12%, rgba(1,77,141,.10), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
overflow: hidden !important;
transform: none !important;
} .as-campaign-detail-section::before {
display: none !important;
} .as-campaign-detail-container,
.as-campaign-detail-heading,
.as-campaign-detail-list {
position: relative;
z-index: 2;
}
.as-campaign-detail-container {
width: 100% !important;
max-width: none !important;
}
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: min(1480px, 100%) !important;
max-width: 1480px !important;
margin-left: auto !important;
margin-right: auto !important;
} html,
body {
overflow-x: clip;
}
@supports not (overflow: clip) {
html,
body {
overflow-x: hidden;
}
}
@media (max-width: 768px) {
.as-campaign-detail-section {
width: 100% !important;
max-width: 100% !important;
left: auto !important;
margin-left: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: 100% !important;
max-width: 100% !important;
}
}  .as-campaign-detail-card {
scroll-margin-top: 168px !important;
} .as-campaign-detail-content {
font-weight: 400 !important;
color: rgba(7,24,39,.74);
}
.as-campaign-detail-content p,
.as-campaign-detail-content li {
font-weight: 400 !important;
}
.as-campaign-detail-content strong,
.as-campaign-detail-content b {
color: #071827;
font-weight: 850 !important;
} .as-campaign-detail-toggle {
display: none;
appearance: none;
border: 0;
margin: 16px auto 0;
padding: 10px 18px;
border-radius: 999px;
background: linear-gradient(135deg, #014d8d, #07a24f);
color: #fff;
font-size: 13px;
line-height: 1;
font-weight: 850;
letter-spacing: .01em;
cursor: pointer;
box-shadow: 0 12px 26px rgba(1,77,141,.18);
}
.as-campaign-detail-toggle:hover {
transform: translateY(-1px);
} @media (max-width: 768px) { .as-campaign-detail-section {
width: 100vw !important;
max-width: 100vw !important;
left: 50% !important;
right: auto !important;
margin-left: -50vw !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
overflow: hidden !important;
background:
radial-gradient(circle at 12% 8%, rgba(7,162,79,.08), transparent 34%),
radial-gradient(circle at 88% 12%, rgba(1,77,141,.10), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
}
.as-campaign-detail-container,
.as-campaign-detail-heading,
.as-campaign-detail-list {
width: 100% !important;
max-width: 100% !important;
}
.as-campaign-detail-card {
scroll-margin-top: 122px !important;
}
.as-campaign-detail-heading h2 {
font-size: clamp(28px, 8.2vw, 38px) !important;
line-height: 1.02;
}
.as-campaign-detail-card-head {
text-align: center;
justify-items: center;
}
.as-campaign-detail-card h3 {
text-align: center;
font-size: clamp(19px, 5.1vw, 24px) !important;
}
.as-campaign-detail-meta {
justify-content: center !important;
align-items: center;
width: 100%;
text-align: center;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
margin-left: auto;
margin-right: auto;
}
.as-campaign-detail-content {
font-size: 13.6px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
}
.as-campaign-detail-content p,
.as-campaign-detail-content li {
font-weight: 400 !important;
}
.as-campaign-detail-content strong,
.as-campaign-detail-content b {
font-weight: 850 !important;
}
.as-campaign-detail-card.has-collapsible .as-campaign-detail-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
}
.as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content {
position: relative;
max-height: 214px;
overflow: hidden;
-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
}
.as-campaign-detail-card.is-expanded .as-campaign-detail-content {
max-height: none;
overflow: visible;
-webkit-mask-image: none;
mask-image: none;
}
} @media (max-width: 430px) {
.as-campaign-detail-heading h2 {
font-size: clamp(27px, 8.7vw, 35px) !important;
}
.as-campaign-detail-card h3 {
font-size: clamp(18px, 5.5vw, 23px) !important;
}
.as-campaign-detail-toggle {
width: min(210px, 82%);
}
}  @media (max-width: 768px) {
.as-campaign-detail-meta {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, max-content));
justify-content: center !important;
justify-items: center;
align-items: center;
gap: 7px !important;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.as-campaign-detail-date {
grid-column: 1 / -1;
justify-self: center;
max-width: 100%;
}
.as-campaign-detail-days,
.as-campaign-detail-warning {
justify-self: center;
max-width: 100%;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
margin: 0 !important;
height: auto !important;
min-height: 31px !important;
box-shadow: 0 8px 18px rgba(1,77,141,.08);
}
.as-campaign-detail-date {
padding: 6px 10px !important;
}
.as-campaign-detail-days {
padding: 7px 11px !important;
font-size: 9.6px !important;
}
.as-campaign-detail-warning {
padding: 7px 11px !important;
font-size: 9.1px !important;
}
.as-campaign-detail-toggle {
display: none;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
.as-campaign-detail-card.has-collapsible .as-campaign-detail-toggle {
display: flex !important;
align-items: center;
justify-content: center;
}
.as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content {
max-height: 218px;
}
}
@media (max-width: 430px) {
.as-campaign-detail-meta {
grid-template-columns: 1fr;
gap: 6px !important;
}
.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
width: auto;
max-width: min(100%, 310px);
}
.as-campaign-detail-warning {
font-size: 8.9px !important;
}
}  @media (max-width: 768px) { .as-campaign-detail-section .as-campaign-detail-days,
.as-campaign-detail-section .as-campaign-detail-days-icon,
.as-campaign-detail-section .as-campaign-detail-warning,
.as-campaign-detail-section .as-campaign-detail-warning-icon,
.as-campaign-detail-section .as-campaign-detail-card:target {
animation: none !important;
transition: none !important;
}
.as-campaign-detail-section .as-campaign-detail-days,
.as-campaign-detail-section .as-campaign-detail-warning {
box-shadow:
0 6px 14px rgba(1, 77, 141, .08),
inset 0 1px 0 rgba(255,255,255,.18) !important;
} .as-campaign-detail-section .as-campaign-detail-card {
box-shadow:
0 16px 38px rgba(1,77,141,.10),
0 6px 16px rgba(7,162,79,.04),
inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.as-campaign-detail-section .as-campaign-detail-card:target {
box-shadow:
0 16px 38px rgba(1,77,141,.10),
0 6px 16px rgba(7,162,79,.04),
inset 0 1px 0 rgba(255,255,255,.78) !important;
} .as-campaign-detail-section {
background:
radial-gradient(circle at 12% 8%, rgba(7,162,79,.055), transparent 32%),
radial-gradient(circle at 88% 12%, rgba(1,77,141,.065), transparent 32%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
} .as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content {
position: relative;
max-height: 218px;
overflow: hidden;
-webkit-mask-image: none !important;
mask-image: none !important;
}
.as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 58px;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.96));
}
.as-campaign-detail-card.is-expanded .as-campaign-detail-content::after {
display: none;
} .as-campaign-detail-toggle,
.as-campaign-detail-toggle:hover {
transform: none !important;
transition: none !important;
} .as-campaign-detail-content li {
box-shadow: none !important;
}
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//akinsoftistanbul.net/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//akinsoftistanbul.net/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//akinsoftistanbul.net/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container {
clear: both;
max-width: 100%;
}
.mejs-container * {
font-family: Helvetica, Arial;
}
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
background: #222;
}
.mejs-time {
font-weight: normal;
word-wrap: normal;
}
.mejs-controls a.mejs-horizontal-volume-slider {
display: table;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #0073aa;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: rgba(255, 255, 255, .33);
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
}
.mejs-overlay-loading {
background: transparent;
} .mejs-controls button:hover {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.me-cannotplay {
width: auto !important;
}
.media-embed-details .wp-audio-shortcode {
display: inline-block;
max-width: 400px;
}
.audio-details .embed-media-settings {
overflow: visible;
}
.media-embed-details .embed-media-settings .setting span:not(.button-group) {
max-width: 400px; width: auto; }
.media-embed-details .embed-media-settings .checkbox-setting span {
display: inline-block;
}
.media-embed-details .embed-media-settings {
padding-top: 0;
top: 28px;
}
.media-embed-details .instructions {
padding: 16px 0;
max-width: 600px;
}
.media-embed-details .setting p,
.media-embed-details .setting .remove-setting {
color: #a00;
font-size: 10px;
text-transform: uppercase;
}
.media-embed-details .setting .remove-setting {
padding: 5px 0;
}
.media-embed-details .setting a:hover {
color: #dc3232;
}
.media-embed-details .embed-media-settings .checkbox-setting {
float: none;
margin: 0 0 10px;
}
.wp-video {
max-width: 100%;
height: auto;
}
.wp_attachment_holder .wp-video,
.wp_attachment_holder .wp-audio-shortcode {
margin-top: 18px;
}
video.wp-video-shortcode,
.wp-video-shortcode video {
max-width: 100%;
display: inline-block;
}
.video-details .wp-video-holder {
width: 100%;
max-width: 640px;
}
.wp-playlist {
border: 1px solid #ccc;
padding: 10px;
margin: 12px 0 18px;
font-size: 14px;
line-height: 1.5;
}
.wp-admin .wp-playlist {
margin: 0 0 18px;
}
.wp-playlist video {
display: inline-block;
max-width: 100%;
}
.wp-playlist audio {
display: none;
max-width: 100%;
width: 400px;
}
.wp-playlist .mejs-container {
margin: 0;
max-width: 100%;
}
.wp-playlist .mejs-controls .mejs-button button {
outline: 0;
}
.wp-playlist-light {
background: #fff;
color: #000;
}
.wp-playlist-dark {
color: #fff;
background: #000;
}
.wp-playlist-caption {
display: block;
max-width: 88%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 1.5;
}
.wp-playlist-item .wp-playlist-caption {
text-decoration: none;
color: #000;
max-width: -webkit-calc(100% - 40px);
max-width: calc(100% - 40px);
}
.wp-playlist-item-meta {
display: block;
font-size: 14px;
line-height: 1.5;
}
.wp-playlist-item-title {
font-size: 14px;
line-height: 1.5;
}
.wp-playlist-item-album {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wp-playlist-item-artist {
font-size: 12px;
text-transform: uppercase;
}
.wp-playlist-item-length {
position: absolute;
right: 3px;
top: 0;
font-size: 14px;
line-height: 1.5;
}
.rtl .wp-playlist-item-length {
left: 3px;
right: auto;
}
.wp-playlist-tracks {
margin-top: 10px;
}
.wp-playlist-item {
position: relative;
cursor: pointer;
padding: 0 3px;
border-bottom: 1px solid #ccc;
}
.wp-playlist-item:last-child {
border-bottom: 0;
}
.wp-playlist-light .wp-playlist-caption {
color: #333;
}
.wp-playlist-dark .wp-playlist-caption {
color: #ddd;
}
.wp-playlist-playing {
font-weight: bold;
background: #f7f7f7;
}
.wp-playlist-light .wp-playlist-playing {
background: #fff;
color: #000;
}
.wp-playlist-dark .wp-playlist-playing {
background: #000;
color: #fff;
}
.wp-playlist-current-item {
overflow: hidden;
margin-bottom: 10px;
height: 60px;
}
.wp-playlist .wp-playlist-current-item img {
float: left;
max-width: 60px;
height: auto;
margin-right: 10px;
padding: 0;
border: 0;
}
.rtl .wp-playlist .wp-playlist-current-item img {
float: right;
margin-left: 10px;
margin-right: 0;
}
.wp-playlist-current-item .wp-playlist-item-title,
.wp-playlist-current-item .wp-playlist-item-artist {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wp-audio-playlist .me-cannotplay span {
padding: 5px 15px;
}