:root {
    --ashiahero-navy-dark: #060c22;
    --ashiahero-navy: #0a1230;
    --ashiahero-navy-light: #101a3d;
    --ashiahero-blue: #1e3a8a;
    --ashiahero-gold: #f2a922;
    --ashiahero-gold-dark: #d4900f;
    --ashiahero-gold-light: #ffce6b;
    --ashiahero-white: #ffffff;
    --ashiahero-gray: #c9cedb;
    --ashiahero-text-dark: #0c1230;
    --ashiahero-font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;
    --ashiahero-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
}

* {
    box-sizing: border-box;
    padding: 0;
}

@media (prefers-reduced-motion: reduce) {
    .ashiahero-root * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

.ashiahero-root {
    font-family: var(--ashiahero-font-body);
    margin: 0;
    padding: 0;
    background: var(--ashiahero-white);
    -webkit-font-smoothing: antialiased;
    margin-bottom: 50px;
}

.ashiahero-root a {
    text-decoration: none;
    color: inherit;
}

.ashiahero-root ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ashiahero-root button {
    font-family: inherit;
    cursor: pointer;
}

/* ===================== KEYFRAMES ===================== */
@keyframes ashiahero-fadeDown {
    from {
        opacity: 0;
        transform: translateY(-16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ashiahero-fadeUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ashiahero-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ashiahero-popIn {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes ashiahero-slideInStrip {
    from {
        opacity: 0;
        transform: translateX(60px) scale(1.06);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes ashiahero-glowPulse {

    0%,
    100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}

@keyframes ashiahero-floaty {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes ashiahero-playPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ashiahero-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* ===================== NAVBAR ===================== */
.ashiahero-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 48px;
    background: var(--ashiahero-white);
    position: relative;
    z-index: 20;
    animation: ashiahero-fadeDown 0.7s ease both;
}

.ashiahero-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ashiahero-logo-mark {
    width: 36px;
    height: 36px;
    border-radius: 50% 50% 50% 4px;
    background: linear-gradient(135deg, var(--ashiahero-blue) 0%, var(--ashiahero-blue) 50%, var(--ashiahero-gold) 50%, var(--ashiahero-gold) 100%);
    flex-shrink: 0;
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
}

.ashiahero-logo:hover .ashiahero-logo-mark {
    transform: rotate(-12deg) scale(1.08);
}

.ashiahero-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    font-family: var(--ashiahero-font-display);
}

.ashiahero-logo-text .ashiahero-logo-main {
    font-weight: 700;
    font-size: 18px;
    color: var(--ashiahero-blue);
    letter-spacing: 0.5px;
}

.ashiahero-logo-text .ashiahero-logo-sub {
    font-weight: 700;
    font-size: 13px;
    color: var(--ashiahero-blue);
    letter-spacing: 2px;
}

.ashiahero-nav-links {
    display: flex;
    align-items: center;
    gap: 34px;
}

.ashiahero-nav-links li {
    opacity: 0;
    animation: ashiahero-fadeDown 0.6s ease both;
}

.ashiahero-nav-links li:nth-child(1) {
    animation-delay: .05s;
}

.ashiahero-nav-links li:nth-child(2) {
    animation-delay: .1s;
}

.ashiahero-nav-links li:nth-child(3) {
    animation-delay: .15s;
}

.ashiahero-nav-links li:nth-child(4) {
    animation-delay: .2s;
}

.ashiahero-nav-links li:nth-child(5) {
    animation-delay: .25s;
}

.ashiahero-nav-links li:nth-child(6) {
    animation-delay: .3s;
}

.ashiahero-nav-links li:nth-child(7) {
    animation-delay: .35s;
}

.ashiahero-nav-links li a {
    font-size: 13.5px;
    font-weight: 500;
    color: #2b3350;
    position: relative;
    padding-bottom: 6px;
    transition: color .25s ease;
    white-space: nowrap;
}

.ashiahero-nav-links li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--ashiahero-gold);
    transition: width .3s ease;
}

.ashiahero-nav-links li a:hover {
    color: var(--ashiahero-gold-dark);
}

.ashiahero-nav-links li a:hover::before {
    width: 100%;
}

.ashiahero-nav-links li.ashiahero-active a {
    color: #2f66f5;
}

.ashiahero-nav-links li.ashiahero-active a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--ashiahero-gold);
}

.ashiahero-nav-links li.ashiahero-active a::before {
    display: none;
}

.ashiahero-nav-right {
    display: flex;
    align-items: center;
    gap: 16px;
    opacity: 0;
    animation: ashiahero-fadeDown 0.6s ease .3s both;
}

.ashiahero-cta-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--ashiahero-gold) 0%, var(--ashiahero-gold-dark) 100%);
    color: var(--ashiahero-text-dark);
    font-weight: 700;
    font-size: 14px;
    padding: 11px 22px;
    border: none;
    border-radius: 30px;
    box-shadow: 0 6px 14px rgba(242, 169, 34, 0.35);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ashiahero-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(242, 169, 34, 0.5);
}

.ashiahero-cta-btn svg {
    width: 14px;
    height: 14px;
    transition: transform .25s ease;
}

.ashiahero-cta-btn:hover svg {
    transform: translateX(4px);
}

.ashiahero-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #1b2340;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    transition: transform .25s ease;
}

.ashiahero-avatar:hover {
    transform: scale(1.1);
}

.ashiahero-burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    padding: 6px;
}

.ashiahero-burger span {
    width: 24px;
    height: 2.5px;
    background: var(--ashiahero-blue);
    border-radius: 2px;
    transition: transform .3s ease, opacity .3s ease;
}

/* ===================== HERO ===================== */
.ashiahero-hero {
    position: relative;
    background-image: url('/images/banner-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 48px;
    padding-bottom: 10px;
    /* space for floating stat bar */
}

.ashiahero-hero-inner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 460px;
    padding: 60px 0 70px;
    z-index: 2;
}

.ashiahero-hero-text {
    position: relative;
    z-index: 5;
    max-width: 520px;
}

.ashiahero-headline {
    font-family: var(--ashiahero-font-display);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.18;
    margin: 0 0 18px 0;
    color: var(--ashiahero-white);
    opacity: 0;
    animation: ashiahero-fadeUp 0.8s cubic-bezier(.22, 1, .36, 1) .25s both;
}

.ashiahero-headline .ashiahero-accent {
    display: block;
    background: linear-gradient(100deg, var(--ashiahero-gold-light), var(--ashiahero-gold) 40%, var(--ashiahero-gold-dark) 60%, var(--ashiahero-gold-light));
    background-size: 250% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: ashiahero-shimmer 6s linear infinite;
}

.ashiahero-desc {
    font-size: 15.5px;
    line-height: 1.65;
    color: var(--ashiahero-gray);
    max-width: 430px;
    margin-bottom: 30px;
    opacity: 0;
    animation: ashiahero-fadeUp 0.8s cubic-bezier(.22, 1, .36, 1) .4s both;
}

.ashiahero-btn-row {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
    opacity: 0;
    animation: ashiahero-fadeUp 0.8s cubic-bezier(.22, 1, .36, 1) .55s both;
}

.ashiahero-btn-primary {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ashiahero-font-display);
    background: linear-gradient(135deg, var(--ashiahero-gold) 0%, var(--ashiahero-gold-dark) 100%);
    color: var(--ashiahero-text-dark);
    font-weight: 600;
    font-size: 14.5px;
    padding: 14px 26px;
    border: none;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(242, 169, 34, 0.25);
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
}

.ashiahero-btn-primary:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 16px 28px rgba(242, 169, 34, 0.4);
}

.ashiahero-btn-primary svg {
    width: 14px;
    height: 14px;
    transition: transform .3s ease;
}

.ashiahero-btn-primary:hover svg {
    transform: translateX(5px);
}

.ashiahero-btn-watch {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    border: none;
    color: var(--ashiahero-white);
    font-weight: 600;
    font-size: 14.5px;
    transition: opacity .25s ease;
}

.ashiahero-btn-watch:hover {
    opacity: 0.8;
}

.ashiahero-play-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    animation: ashiahero-playPulse 2.4s ease-out infinite;
    transition: background .25s ease, transform .25s ease;
}

.ashiahero-btn-watch:hover .ashiahero-play-circle {
    background: rgba(255, 255, 255, 0.15);
    transform: scale(1.08);
}

.ashiahero-play-circle svg {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    fill: #fff;
}

/* ===================== DIAGONAL IMAGE COLLAGE ===================== */
.ashiahero-collage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 62%;
    z-index: 1;
    overflow: hidden;
}

.ashiahero-strip {
    position: absolute;
    top: -10%;
    height: 130%;
    background-size: cover;
    background-position: center;
    clip-path: polygon(35% 0%, 100% 0%, 65% 100%, 0% 100%);
    opacity: 0;
    animation: ashiahero-slideInStrip 0.9s cubic-bezier(.22, 1, .36, 1) both;
    transition: transform 0.6s ease;
}

.ashiahero-strip:hover {
    transform: scale(1.04);
}

.ashiahero-strip-1 {
    animation-delay: .15s;
}

.ashiahero-strip-2 {
    animation-delay: .3s;
}

.ashiahero-strip-3 {
    animation-delay: .45s;
}

.ashiahero-strip-4 {
    animation-delay: .6s;
}

.ashiahero-strip::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 12, 34, 0.15), rgba(6, 12, 34, 0.35));
}

.ashiahero-strip-1 {
    left: 0%;
    width: 30%;
    background-image: url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?w=700&q=70&auto=format&fit=crop');
}

.ashiahero-strip-2 {
    left: 20%;
    width: 30%;
    background-image: url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?w=700&q=70&auto=format&fit=crop');
}

.ashiahero-strip-3 {
    left: 40%;
    width: 30%;
    background-image: url('https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=700&q=70&auto=format&fit=crop');
}

.ashiahero-strip-4 {
    left: 60%;
    width: 40%;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=700&q=70&auto=format&fit=crop');
}

.ashiahero-glowline {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, transparent, rgba(242, 169, 34, 0.9), transparent);
    filter: blur(0.5px);
    z-index: 3;
    transform: skewX(-20deg);
    animation: ashiahero-glowPulse 3.2s ease-in-out infinite;
}

.ashiahero-glowline-1 {
    left: 29%;
    animation-delay: 0s;
}

.ashiahero-glowline-2 {
    left: 49%;
    animation-delay: .6s;
}

.ashiahero-glowline-3 {
    left: 69%;
    animation-delay: 1.2s;
}

/* ===================== STATS BAR ===================== */
.ashiahero-stats-wrap {
    position: absolute;
    left: 48px;
    right: 48px;
    bottom: -56px;
    z-index: 10;
    display: flex;
    opacity: 0;
    animation: ashiahero-popIn 0.8s cubic-bezier(.22, 1, .36, 1) .75s both;
}

.ashiahero-stats-bar {
    background: var(--ashiahero-white);
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(10, 18, 48, 0.18);
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 26px 40px;
}

.ashiahero-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    justify-content: center;
    position: relative;
    padding: 0 10px;
    transition: transform .3s ease;
}

.ashiahero-stat:hover {
    transform: translateY(-4px);
}

.ashiahero-stat:hover .ashiahero-stat-icon {
    animation: ashiahero-floaty 1.2s ease-in-out infinite;
}

.ashiahero-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
    width: 1px;
    background: #e7e9f0;
}

.ashiahero-stat-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    color: var(--ashiahero-blue);
}

.ashiahero-stat-icon svg {
    width: 100%;
    height: 100%;
}

.ashiahero-stat-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.ashiahero-stat-number {
    font-family: var(--ashiahero-font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--ashiahero-text-dark);
}

.ashiahero-stat-label {
    font-size: 12.5px;
    color: #6b7290;
    font-weight: 500;
    white-space: nowrap;
}

/* spacer to account for floating stat bar overlap */
.ashiahero-bottom-spacer {
    height: 56px;
    background: var(--ashiahero-white);
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1024px) {
    .ashiahero-navbar {
        padding: 14px 28px;
    }

    .ashiahero-nav-links {
        display: none;
    }

    .ashiahero-burger {
        display: flex;
    }

    .ashiahero-hero {
        padding: 0 28px;
        padding-bottom: 140px;
    }

    .ashiahero-headline {
        font-size: 36px;
    }

    .ashiahero-collage {
        width: 55%;
        opacity: 0.85;
    }

    .ashiahero-stats-wrap {
        left: 28px;
        right: 28px;
        bottom: -70px;
    }

    .ashiahero-stats-bar {
        flex-wrap: wrap;
        gap: 20px 0;
        padding: 22px 20px;
    }

    .ashiahero-stat {
        flex: 1 1 45%;
    }

    .ashiahero-stat:nth-child(2)::after {
        display: none;
    }

    .ashiahero-stat-number {
        font-size: 19px;
    }
}

@media (max-width: 720px) {
    .ashiahero-hero-inner {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
        padding: 40px 0 200px;
    }

    .ashiahero-hero-text {
        max-width: 100%;
        z-index: 6;
    }

    .ashiahero-headline {
        font-size: 28px;
    }

    .ashiahero-desc {
        font-size: 14px;
        max-width: 100%;
    }

    .ashiahero-collage {
        width: 100%;
        top: auto;
        bottom: 0;
        height: 55%;
        opacity: 0.35;
    }

    .ashiahero-glowline {
        display: none;
    }

    .ashiahero-hero {
        padding-bottom: 180px;

    }

    .ashiahero-stats-wrap {
        left: 16px;
        right: 16px;
        bottom: -90px;
    }

    .ashiahero-stats-bar {
        border-radius: 16px;
        padding: 20px 16px;
    }

    .ashiahero-stat {
        flex: 1 1 50%;
        margin-bottom: 10px;
        justify-content: flex-start;
    }

    .ashiahero-stat:nth-child(odd)::after {
        display: none;
    }

    .ashiahero-btn-row {
        gap: 16px;
    }

    .ashiahero-bottom-spacer {
        height: 100px;
    }
}

@media (max-width: 420px) {
    .ashiahero-logo-text .ashiahero-logo-main {
        font-size: 15px;
    }

    .ashiahero-headline {
        font-size: 24px;
    }

    .ashiahero-cta-btn span {
        display: none;
    }

    .ashiahero-stat {
        flex: 1 1 100%;
    }

    .ashiahero-stat:not(:last-child)::after {
        display: none;
    }
}


/* section two */

:root {
    --ashiaabout-navy: #00339A;
    --ashiaabout-navy-dark: #013594;
    --ashiaabout-blue: #0054C9;
    --ashiaabout-gold: #DDA94C;
    --ashiaabout-gold-dark: #c98a24;
    --ashiaabout-gray: #5b6178;
    --ashiaabout-bg-start: #eef1fa;
    --ashiaabout-bg-end: #f8f9fd;
    --ashiaabout-font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;
    --ashiaabout-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
    .ashiaabout-root * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.ashiaabout-root {
    margin: 0;
    font-family: var(--ashiaabout-font-body);
    -webkit-font-smoothing: antialiased;
    background: linear-gradient(135deg, var(--ashiaabout-bg-start) 0%, var(--ashiaabout-bg-end) 55%, #ffffff 100%);
}

.ashiaabout-root button {
    font-family: inherit;
    cursor: pointer;
}

/* ===================== KEYFRAMES ===================== */
@keyframes ashiaabout-fadeUp {
    from {
        opacity: 0;
        transform: translateY(26px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ashiaabout-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ashiaabout-growLine {
    from {
        width: 0;
    }

    to {
        width: 46px;
    }
}

@keyframes ashiaabout-popIn {
    from {
        opacity: 0;
        transform: scale(0.85) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes ashiaabout-blobIn {
    from {
        opacity: 0;
        transform: scale(0.92) translateX(30px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateX(0);
    }
}

@keyframes ashiaabout-floaty {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes ashiaabout-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes ashiaabout-dotPulse {

    0%,
    100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

@keyframes ashiaabout-arrowShift {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }
}

/* ===================== SECTION LAYOUT ===================== */
.ashiaabout-section {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 48px 90px;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 40px;
    align-items: center;
    overflow: hidden;
}

/* faint decorative background circle */
.ashiaabout-section::before {
    content: "";
    position: absolute;
    top: -120px;
    left: -120px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(226, 161, 58, 0.08), transparent 70%);
    z-index: 0;
}

/* ===================== LEFT COLUMN ===================== */
.ashiaabout-content {
    position: relative;
    z-index: 2;
}

.ashiaabout-eyebrow {
    display: inline-block;
    font-family: var(--ashiaabout-font-display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: var(--ashiaabout-gold-dark);
    text-transform: uppercase;
    margin: 0 0 14px 0;
    opacity: 0;
    animation: ashiaabout-fadeUp .7s cubic-bezier(.22, 1, .36, 1) .05s both;
}

.ashiaabout-heading {
    font-family: var(--ashiaabout-font-display);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--ashiaabout-navy);
    margin: 0 0 20px 0;
    opacity: 0;
    animation: ashiaabout-fadeUp .8s cubic-bezier(.22, 1, .36, 1) .18s both;
}

.ashiaabout-underline {
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, var(--ashiaabout-gold), var(--ashiaabout-gold-dark));
    border-radius: 2px;
    margin-bottom: 22px;
    animation: ashiaabout-growLine .8s ease .55s forwards;
}

.ashiaabout-desc {
    font-size: 15px;
    line-height: 1.75;
    color: var(--ashiaabout-gray);
    max-width: 480px;
    margin: 0 0 12px 0;
    opacity: 0;
    animation: ashiaabout-fadeUp .8s cubic-bezier(.22, 1, .36, 1) .32s both;
}

.ashiaabout-desc:nth-of-type(2) {
    animation-delay: .42s;
}

/* ===================== FEATURES GRID ===================== */
.ashiaabout-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px 18px;
    margin: 34px 0 36px 0;
}

.ashiaabout-feature {
    opacity: 0;
    animation: ashiaabout-popIn .6s cubic-bezier(.22, 1, .36, 1) both;
}

.ashiaabout-feature:nth-child(1) {
    animation-delay: .6s;
}

.ashiaabout-feature:nth-child(2) {
    animation-delay: .7s;
}

.ashiaabout-feature:nth-child(3) {
    animation-delay: .8s;
}

.ashiaabout-feature:nth-child(4) {
    animation-delay: .9s;
}

.ashiaabout-feature-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1.6px solid rgba(226, 161, 58, 0.55);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    color: var(--ashiaabout-gold-dark);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), box-shadow .35s ease, border-color .35s ease;
}

.ashiaabout-feature-icon svg {
    width: 19px;
    height: 19px;
}

.ashiaabout-feature:hover .ashiaabout-feature-icon {
    transform: translateY(-5px) rotate(-8deg);
    box-shadow: 0 10px 20px rgba(226, 161, 58, 0.28);
    border-color: var(--ashiaabout-gold);
}

.ashiaabout-feature-title {
    font-family: var(--ashiaabout-font-display);
    font-size: 14.5px;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: var(--ashiaabout-navy);
}

.ashiaabout-feature[data-ashiaabout-tone="blue"] .ashiaabout-feature-title {
    color: var(--ashiaabout-blue);
}

.ashiaabout-feature[data-ashiaabout-tone="gold"] .ashiaabout-feature-title {
    color: var(--ashiaabout-gold-dark);
}

.ashiaabout-feature-desc {
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--ashiaabout-gray);
    margin: 0;
    max-width: 150px;
}

/* ===================== CTA BUTTON ===================== */
.ashiaabout-cta {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, var(--ashiaabout-navy) 0%, var(--ashiaabout-navy-dark) 100%);
    color: #fff;
    font-family: var(--ashiaabout-font-display);
    font-weight: 600;
    font-size: 14.5px;
    padding: 8px 8px 8px 26px;
    border: none;
    border-radius: 40px;
    box-shadow: 0 12px 24px rgba(19, 42, 99, 0.28);
    opacity: 0;
    animation: ashiaabout-fadeUp .8s cubic-bezier(.22, 1, .36, 1) 1s both;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
}

.ashiaabout-cta:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(19, 42, 99, 0.4);
}

.ashiaabout-cta-arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--ashiaabout-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ashiaabout-cta-arrow svg {
    width: 15px;
    height: 15px;
    stroke: #1c1200;
    animation: ashiaabout-arrowShift 1.6s ease-in-out infinite;
}

/* ===================== RIGHT COLUMN — IMAGE BLOB ===================== */
.ashiaabout-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 0;
    animation: ashiaabout-blobIn 1s cubic-bezier(.22, 1, .36, 1) .3s both;
}

.ashiaabout-arc {
    position: absolute;
    top: -6%;
    right: 6%;
    width: 200px;
    height: 200px;
    border: 1.5px solid rgba(226, 161, 58, 0.55);
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    animation: ashiaabout-spin 14s linear infinite;
    z-index: 0;
}

.ashiaabout-dot {
    position: absolute;
    bottom: 6%;
    left: 10%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ashiaabout-gold);
    animation: ashiaabout-dotPulse 2.2s ease-in-out infinite;
    z-index: 0;
}

.ashiaabout-blob {
    position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 1.35/1;
    border-radius: 63% 37% 58% 42% / 51% 44% 56% 49%;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(19, 42, 99, 0.18);
    z-index: 1;
    animation: ashiaabout-floaty 6s ease-in-out infinite;
}

.ashiaabout-blob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

.ashiaabout-blob:hover img {
    transform: scale(1.07);
}

.ashiaabout-blob::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 214, 140, 0.25) 0%, transparent 35%, transparent 70%, rgba(19, 42, 99, 0.12) 100%);
    pointer-events: none;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1024px) {
    .ashiaabout-section {
        grid-template-columns: 1fr;
        padding: 64px 32px 70px;
        gap: 52px;
    }

    .ashiaabout-visual {
        order: -1;
    }

    .ashiaabout-blob {
        max-width: 480px;
        margin: 0 auto;
    }

    .ashiaabout-heading {
        font-size: 32px;
    }

    .ashiaabout-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 20px;
    }

    .ashiaabout-feature-desc {
        max-width: 220px;
    }
}

@media (max-width: 640px) {
    .ashiaabout-section {
        padding: 52px 22px 56px;
    }

    .ashiaabout-heading {
        font-size: 26px;
    }

    .ashiaabout-desc {
        font-size: 14px;
    }

    .ashiaabout-features {
        grid-template-columns: 1fr 1fr;
        gap: 24px 16px;
    }

    .ashiaabout-blob {
        max-width: 100%;
        aspect-ratio: 1.1/1;
        border-radius: 48% 52% 46% 54% / 52% 48% 52% 48%;
    }

    .ashiaabout-arc {
        width: 130px;
        height: 130px;
        top: -4%;
        right: 2%;
    }

    .ashiaabout-cta {
        font-size: 13.5px;
        padding: 7px 7px 7px 22px;
    }
}

@media (max-width: 420px) {
    .ashiaabout-features {
        grid-template-columns: 1fr 1fr;
        gap: 22px 14px;
    }

    .ashiaabout-feature-desc {
        max-width: 140px;
    }
}


/* third section */

:root {
    --ashiasvc-navy: #00339A;
    --ashiasvc-navy-dark: #013594;
    --ashiasvc-blue: #0054C9;
    --ashiasvc-gold: #DDA94C;
    --ashiasvc-gold-dark: #c98a24;
    --ashiasvc-gray: #666c80;
    --ashiasvc-border: #eaecf2;
    --ashiasvc-bg: #ffffff;
    --ashiasvc-font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;
    --ashiasvc-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
    .ashiasvc-root * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.ashiasvc-root {
    margin: 0;
    font-family: var(--ashiasvc-font-body);
    -webkit-font-smoothing: antialiased;
    background: var(--ashiasvc-bg);
}

.ashiasvc-root button {
    font-family: inherit;
    cursor: pointer;
}

/* ===================== KEYFRAMES ===================== */
@keyframes ashiasvc-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ashiasvc-growLine {
    from {
        width: 0;
    }

    to {
        width: 56px;
    }
}

@keyframes ashiasvc-cardIn {
    from {
        opacity: 0;
        transform: translateY(36px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes ashiasvc-arrowShift {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }
}

@keyframes ashiasvc-ping {
    0% {
        box-shadow: 0 0 0 0 rgba(19, 42, 99, 0.25);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(19, 42, 99, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(19, 42, 99, 0);
    }
}

/* ===================== SECTION HEADER ===================== */
.ashiasvc-section {
    max-width: 1320px;
    margin: 0 auto;
    padding: 78px 40px 96px;
}

.ashiasvc-header {
    text-align: center;
    margin-bottom: 44px;
}

.ashiasvc-eyebrow {
    display: inline-block;
    font-family: var(--ashiasvc-font-display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ashiasvc-gold-dark);
    margin: 0 0 10px 0;
    opacity: 0;
    animation: ashiasvc-fadeUp .6s cubic-bezier(.22, 1, .36, 1) .05s both;
}

.ashiasvc-title {
    font-family: var(--ashiasvc-font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--ashiasvc-navy);
    margin: 0 0 16px 0;
    opacity: 0;
    animation: ashiasvc-fadeUp .7s cubic-bezier(.22, 1, .36, 1) .15s both;
}

.ashiasvc-underline {
    height: 3px;
    width: 0;
    margin: 0 auto;
    background: linear-gradient(90deg, var(--ashiasvc-gold), var(--ashiasvc-gold-dark));
    border-radius: 2px;
    animation: ashiasvc-growLine .8s ease .5s forwards;
}

/* ===================== CARDS GRID ===================== */
.ashiasvc-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}

.ashiasvc-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--ashiasvc-border);
    border-radius: 14px;
    padding: 18px 16px 16px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    animation: ashiasvc-cardIn .7s cubic-bezier(.22, 1, .36, 1) both;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .35s ease;
}

.ashiasvc-card:nth-child(1) {
    animation-delay: .55s;
}

.ashiasvc-card:nth-child(2) {
    animation-delay: .65s;
}

.ashiasvc-card:nth-child(3) {
    animation-delay: .75s;
}

.ashiasvc-card:nth-child(4) {
    animation-delay: .85s;
}

.ashiasvc-card:nth-child(5) {
    animation-delay: .95s;
}

.ashiasvc-card:nth-child(6) {
    animation-delay: 1.05s;
}

.ashiasvc-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 34px rgba(19, 42, 99, 0.12);
    border-color: rgba(226, 161, 58, 0.4);
}

.ashiasvc-card-head {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
}

.ashiasvc-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
}

.ashiasvc-card:hover .ashiasvc-icon {
    transform: scale(1.12) rotate(-6deg);
}

.ashiasvc-icon svg {
    width: 20px;
    height: 20px;
}

.ashiasvc-card-title {
    font-family: var(--ashiasvc-font-display);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
    color: #0c0c0c;
    margin: 0;
}

.ashiasvc-card-desc {
    font-size: 12px;
    line-height: 1.6;
    color: var(--ashiasvc-gray);
    margin: 0 0 14px 0;
    flex-grow: 1;
}

.ashiasvc-card-media {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 1/0.72;
}

.ashiasvc-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}

.ashiasvc-card:hover .ashiasvc-card-media img {
    transform: scale(1.09);
}

.ashiasvc-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.25) 100%);
}

.ashiasvc-media-arrow {
    position: absolute;
    right: -8px;
    bottom: -8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(10, 18, 48, 0.25);
    z-index: 2;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), background .3s ease;
}

.ashiasvc-media-arrow svg {
    width: 13px;
    height: 13px;
    stroke: var(--ashiasvc-navy);
    transition: transform .3s ease;
}

.ashiasvc-card:hover .ashiasvc-media-arrow {
    background: var(--ashiasvc-navy);
    transform: scale(1.1);
}

.ashiasvc-card:hover .ashiasvc-media-arrow svg {
    stroke: #fff;
    transform: translateX(2px);
}

/* icon badge color themes */
.ashiasvc-icon[data-tone="blue"] {
    background: #eaf0ff;
    color: var(--ashiasvc-blue);
}

.ashiasvc-icon[data-tone="green"] {
    background: #e9f8ee;
    color: #189a4e;
}

.ashiasvc-icon[data-tone="slate"] {
    background: #eef1fa;
    color: #3a4a7a;
}

.ashiasvc-icon[data-tone="orange"] {
    background: #fff1e0;
    color: #e2833a;
}

.ashiasvc-icon[data-tone="steel"] {
    background: #eef3f7;
    color: #4a6b85;
}

.ashiasvc-icon[data-tone="cyan"] {
    background: #e6f7fb;
    color: #1996b3;
}

/* ===================== CTA BUTTON ===================== */
.ashiasvc-cta-wrap {
    text-align: center;
    margin-top: 40px;
    opacity: 0;
    animation: ashiasvc-fadeUp .7s cubic-bezier(.22, 1, .36, 1) 1.2s both;
}

.ashiasvc-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, var(--ashiasvc-navy) 0%, var(--ashiasvc-navy-dark) 100%);
    color: #fff;
    font-family: var(--ashiasvc-font-display);
    font-weight: 600;
    font-size: 14.5px;
    padding: 14px 28px;
    border: none;
    border-radius: 40px;
    box-shadow: 0 12px 24px rgba(19, 42, 99, 0.28);
    animation: ashiasvc-ping 2.6s ease-out infinite;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
}

.ashiasvc-cta:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(19, 42, 99, 0.4);
}

.ashiasvc-cta svg {
    width: 15px;
    height: 15px;
    transition: transform .3s ease;
}

.ashiasvc-cta:hover svg {
    transform: translateX(5px);
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1180px) {
    .ashiasvc-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 720px) {
    .ashiasvc-section {
        padding: 60px 24px 72px;
    }

    .ashiasvc-title {
        font-size: 26px;
    }

    .ashiasvc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .ashiasvc-card-title {
        font-size: 12.5px;
    }

    .ashiasvc-card-desc {
        font-size: 11.5px;
    }
}

@media (max-width: 460px) {
    .ashiasvc-section {
        padding: 52px 18px 60px;
    }

    .ashiasvc-title {
        font-size: 22px;
    }

    .ashiasvc-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ashiasvc-card {
        padding: 20px 18px 18px;
    }

    .ashiasvc-card-title {
        font-size: 14.5px;
    }

    .ashiasvc-card-desc {
        font-size: 13px;
    }
}

/* fourth section  */

:root {
    --wcag-navy-deep: #00339A;
    --wcag-navy: #013594;
    --wcag-navy-light: #0054C9;
    --wcag-gold: #DDA94C;
    --wcag-gold-light: #f2c876;
    --wcag-white: #ffffff;
    --wcag-gray: #aab3d1;
    --wcag-line: rgba(255, 255, 255, 0.14);
    --wcag-glow: rgba(58, 110, 255, 0.55);
}

.wcag__section * {
    box-sizing: border-box;
}

.wcag__section {
    position: relative;
    width: 100%;
    /* background:
      radial-gradient(120% 140% at 8% 15%, #101d54 0%, transparent 45%),
      linear-gradient(135deg, var(--wcag-navy-deep) 0%, var(--wcag-navy) 45%, #0c1a4d 100%); */
    background-image: url('/images/choose_us.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 64px 32px 56px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    isolation: isolate;
}

.wcag__bg-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.85;
}

.wcag__glow-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    z-index: 0;
    pointer-events: none;
}

.wcag__glow-orb--1 {
    width: 420px;
    height: 420px;
    right: -120px;
    top: -160px;
    background: radial-gradient(circle, var(--wcag-glow) 0%, transparent 70%);
    animation: wcag-float1 9s ease-in-out infinite;
}

.wcag__glow-orb--2 {
    width: 320px;
    height: 320px;
    left: -100px;
    bottom: -140px;
    background: radial-gradient(circle, rgba(232, 176, 75, 0.18) 0%, transparent 70%);
    animation: wcag-float2 11s ease-in-out infinite;
}

@keyframes wcag-float1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-20px, 25px);
    }
}

@keyframes wcag-float2 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(15px, -20px);
    }
}

.wcag__container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.wcag__eyebrow {
    display: inline-block;
    color: var(--wcag-gold);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 14px;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1);
}

.wcag__heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 3.6vw, 38px);
    color: var(--wcag-white);
    margin: 0 0 48px;
    letter-spacing: 0.2px;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .8s ease .1s, transform .8s cubic-bezier(.2, .8, .2, 1) .1s;
}

.wcag__section.wcag--in-view .wcag__eyebrow,
.wcag__section.wcag--in-view .wcag__heading {
    opacity: 1;
    transform: translateY(0);
}

.wcag__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: start;
    position: relative;
}

.wcag__item {
    position: relative;
    padding: 0 18px;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .65s cubic-bezier(.2, .8, .2, 1), transform .65s cubic-bezier(.2, .8, .2, 1);
}

.wcag__section.wcag--in-view .wcag__item {
    opacity: 1;
    transform: translateY(0);
}

.wcag__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: var(--wcag-line);
}

.wcag__item:first-child::before {
    display: none;
}

.wcag__icon-wrap {
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
}

.wcag__item:hover .wcag__icon-wrap {
    transform: translateY(-6px) scale(1.06);
}

.wcag__icon-wrap svg {
    width: 100%;
    height: 100%;
    stroke: var(--wcag-gold-light);
    fill: none;
    stroke-width: 1.4;
    filter: drop-shadow(0 0 8px rgba(232, 176, 75, 0.25));
    transition: filter .4s ease;
}

.wcag__item:hover .wcag__icon-wrap svg {
    filter: drop-shadow(0 0 14px rgba(232, 176, 75, 0.55));
}

.wcag__title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15.5px;
    color: var(--wcag-white);
    margin: 0 0 10px;
    letter-spacing: 0.1px;
}

.wcag__desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.55;
    color: var(--wcag-gray);
    margin: 0;
    max-width: 190px;
    margin-inline: auto;
}

/* stagger delays */
.wcag__item:nth-child(1) {
    transition-delay: .05s;
}

.wcag__item:nth-child(2) {
    transition-delay: .15s;
}

.wcag__item:nth-child(3) {
    transition-delay: .25s;
}

.wcag__item:nth-child(4) {
    transition-delay: .35s;
}

.wcag__item:nth-child(5) {
    transition-delay: .45s;
}

/* ============ TABLET ============ */
@media (max-width: 991px) {
    .wcag__grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
    }

    .wcag__item:nth-child(4)::before,
    .wcag__item:nth-child(1)::before {
        display: none;
    }

    .wcag__item:nth-child(4) {
        grid-column: 1;
    }

    .wcag__section {
        padding: 56px 28px 48px;
    }
}

/* ============ MOBILE ============ */
@media (max-width: 600px) {
    .wcag__section {
        padding: 48px 22px 44px;
    }

    .wcag__grid {
        grid-template-columns: 1fr;
        row-gap: 34px;
    }

    .wcag__item {
        padding: 0 8px;
    }

    .wcag__item::before {
        display: none !important;
    }

    .wcag__desc {
        max-width: 260px;
    }

    .wcag__heading {
        margin-bottom: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wcag__section * {
        animation: none !important;
        transition: none !important;
    }

    .wcag__eyebrow,
    .wcag__heading,
    .wcag__item {
        opacity: 1 !important;
        transform: none !important;
    }
}


/* fifth section */


:root {
    --iws-navy: #00339A;
    --iws-navy-deep: #013594;
    --iws-blue: #0054C9;
    --iws-blue-soft: #5b7fe0;
    --iws-orange: #DDA94C;
    --iws-bg: #f7f9fc;
    --iws-line: #c9d6ef;
    --iws-gray: #57607a;
    --iws-white: #ffffff;
}

.iws__section * {
    box-sizing: border-box;
}

.iws__section {
    position: relative;
    width: 100%;
    background: var(--iws-bg);
    padding: 56px 32px 60px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    isolation: isolate;
}

.iws__wave-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.55;
}

.iws__container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.iws__eyebrow {
    display: inline-block;
    color: var(--iws-orange);
    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    margin: 0 0 10px;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1);
}

.iws__heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(22px, 3.4vw, 34px);
    color: var(--iws-navy-deep);
    margin: 0 0 46px;
    letter-spacing: 0.1px;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .8s ease .1s, transform .8s cubic-bezier(.2, .8, .2, 1) .1s;
}

.iws__section.iws--in-view .iws__eyebrow,
.iws__section.iws--in-view .iws__heading {
    opacity: 1;
    transform: translateY(0);
}

.iws__track {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    max-width: 1100px;
    margin: 0 auto;
}

.iws__connector {
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    height: 2px;
    z-index: 0;
    overflow: hidden;
    background: var(--iws-line);
    display: none;
}

.iws__connector-fill {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--iws-blue) 0%, var(--iws-blue-soft) 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1.4s cubic-bezier(.2, .8, .2, 1) .3s;
}

.iws__section.iws--in-view .iws__connector-fill {
    transform: scaleX(1);
}

.iws__item {
    position: relative;
    z-index: 2;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .6s cubic-bezier(.2, .8, .2, 1), transform .6s cubic-bezier(.2, .8, .2, 1);
}

.iws__section.iws--in-view .iws__item {
    opacity: 1;
    transform: translateY(0);
}

.iws__item:nth-child(2) {
    transition-delay: .08s;
}

.iws__item:nth-child(3) {
    transition-delay: .16s;
}

.iws__item:nth-child(4) {
    transition-delay: .24s;
}

.iws__item:nth-child(5) {
    transition-delay: .32s;
}

.iws__item:nth-child(6) {
    transition-delay: .40s;
}

.iws__item:nth-child(7) {
    transition-delay: .48s;
}

.iws__item:nth-child(8) {
    transition-delay: .56s;
}

.iws__badge {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: var(--iws-white);
    border: 1.5px solid var(--iws-line);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    box-shadow: 0 4px 14px rgba(19, 42, 99, 0.07);
    transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

.iws__item:hover .iws__badge {
    transform: translateY(-6px) scale(1.08);
    border-color: var(--iws-blue);
    background: var(--iws-navy);
    box-shadow: 0 10px 22px rgba(47, 95, 214, 0.28);
}

.iws__badge svg {
    width: 32px;
    height: 32px;
    stroke: var(--iws-navy);
    fill: none;
    stroke-width: 1.7;
    transition: stroke .35s ease;
}

.iws__item:hover .iws__badge svg {
    stroke: var(--iws-white);
}

.iws__label {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.4;
    color: #000000;
    margin: 0;
    max-width: 96px;
    letter-spacing: -0.3px;
}

/* ============ TABLET ============ */
@media (max-width: 991px) {
    .iws__section {
        padding: 48px 24px 52px;
    }

    .iws__track {
        overflow-x: auto;
        justify-content: flex-start;
        gap: 34px;
        padding-bottom: 6px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .iws__track::-webkit-scrollbar {
        display: none;
    }

    .iws__item {
        flex: 0 0 auto;
        width: 96px;
        scroll-snap-align: start;
    }

    .iws__connector {
        left: 34px;
        right: 34px;
        min-width: 900px;
    }
}

/* ============ MOBILE ============ */
@media (max-width: 600px) {
    .iws__section {
        padding: 42px 18px 46px;
    }

    .iws__heading {
        margin-bottom: 34px;
    }

    .iws__badge {
        width: 58px;
        height: 58px;
    }

    .iws__badge svg {
        width: 24px;
        height: 24px;
    }

    .iws__label {
        font-size: 12px;
        max-width: 82px;
    }

    .iws__connector {
        top: 29px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .iws__section * {
        transition: none !important;
        animation: none !important;
    }

    .iws__eyebrow,
    .iws__heading,
    .iws__item,
    .iws__connector-fill {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* sixth section */


:root {
    --ashianews-navy: #00339A;
    --ashianews-navy-dark: #013594;
    --ashianews-blue: #0054C9;
    --ashianews-gold: #DDA94C;
    --ashianews-gold-dark: #c98a24;
    --ashianews-gray: #666c80;
    --ashianews-border: #eaecf2;
    --ashianews-bg: #ffffff;
    --ashianews-font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;
    --ashianews-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
    .ashianews-root * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.ashianews-root {
    margin: 0;
    font-family: var(--ashianews-font-body);
    -webkit-font-smoothing: antialiased;
    background: var(--ashianews-bg);
}

.ashianews-root button,
.ashianews-root input {
    font-family: inherit;
}

.ashianews-root a {
    text-decoration: none;
}

/* ===================== KEYFRAMES ===================== */
@keyframes ashianews-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ashianews-growLine {
    from {
        width: 0;
    }

    to {
        width: 56px;
    }
}

@keyframes ashianews-cardIn {
    from {
        opacity: 0;
        transform: translateY(34px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes ashianews-arrowShift {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }
}

@keyframes ashianews-badgePop {
    from {
        opacity: 0;
        transform: scale(0.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ashianews-envelopeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes ashianews-ping {
    0% {
        box-shadow: 0 0 0 0 rgba(226, 161, 58, 0.35);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(226, 161, 58, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(226, 161, 58, 0);
    }
}

/* ===================== SECTION HEADER ===================== */
.ashianews-section {
    max-width: 1320px;
    margin: 0 auto;
    padding: 78px 40px 96px;
}

.ashianews-header {
    text-align: center;
    margin-bottom: 44px;
}

.ashianews-eyebrow {
    display: inline-block;
    font-family: var(--ashianews-font-display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ashianews-gold-dark);
    margin: 0 0 10px 0;
    opacity: 0;
    animation: ashianews-fadeUp .6s cubic-bezier(.22, 1, .36, 1) .05s both;
}

.ashianews-title {
    font-family: var(--ashianews-font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--ashianews-navy);
    margin: 0 0 16px 0;
    opacity: 0;
    animation: ashianews-fadeUp .7s cubic-bezier(.22, 1, .36, 1) .15s both;
}

.ashianews-underline {
    height: 3px;
    width: 0;
    margin: 0 auto;
    background: linear-gradient(90deg, var(--ashianews-gold), var(--ashianews-gold-dark));
    border-radius: 2px;
    animation: ashianews-growLine .8s ease .5s forwards;
}

/* ===================== GRID ===================== */
.ashianews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr) 1.05fr;
    gap: 22px;
    align-items: stretch;
}

/* ===================== NEWS CARD ===================== */
.ashianews-card {
    background: #fff;
    border: 1px solid var(--ashianews-border);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    opacity: 0;
    animation: ashianews-cardIn .7s cubic-bezier(.22, 1, .36, 1) both;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .35s ease;
}

.ashianews-card:nth-child(1) {
    animation-delay: .55s;
}

.ashianews-card:nth-child(2) {
    animation-delay: .68s;
}

.ashianews-card:nth-child(3) {
    animation-delay: .81s;
}

.ashianews-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 34px rgba(19, 42, 99, 0.12);
    border-color: rgba(226, 161, 58, 0.35);
}

.ashianews-card-media {
    position: relative;
    aspect-ratio: 1/0.72;
    overflow: hidden;
}

.ashianews-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}

.ashianews-card:hover .ashianews-card-media img {
    transform: scale(1.09);
}

.ashianews-date-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: linear-gradient(135deg, var(--ashianews-navy) 0%, var(--ashianews-navy-dark) 100%);
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px 7px;
    text-align: center;
    line-height: 1;
    box-shadow: 0 8px 16px rgba(10, 18, 48, 0.3);
    opacity: 0;
    animation: ashianews-badgePop .5s cubic-bezier(.34, 1.56, .64, 1) both;
}

.ashianews-card:nth-child(1) .ashianews-date-badge {
    animation-delay: .85s;
}

.ashianews-card:nth-child(2) .ashianews-date-badge {
    animation-delay: .98s;
}

.ashianews-card:nth-child(3) .ashianews-date-badge {
    animation-delay: 1.11s;
}

.ashianews-date-day {
    display: block;
    font-family: var(--ashianews-font-display);
    font-size: 20px;
    font-weight: 700;
}

.ashianews-date-month {
    display: block;
    font-size: 11px;
    font-weight: 500;
    margin-top: 2px;
    opacity: 0.9;
}

.ashianews-card-body {
    padding: 18px 18px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.ashianews-card-title {
    font-family: var(--ashianews-font-display);
    font-size: 15px;
    font-weight: 700;
    color: #0c0c0c;
    margin: 0 0 8px 0;
    line-height: 1.35;
}

.ashianews-card-desc {
    font-size: 12.5px;
    line-height: 1.65;
    color: var(--ashianews-gray);
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.ashianews-readmore {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--ashianews-font-display);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ashianews-navy);
    align-self: flex-start;
}

.ashianews-readmore svg {
    width: 12px;
    height: 12px;
    transition: transform .3s ease;
}

.ashianews-card:hover .ashianews-readmore svg {
    transform: translateX(4px);
}

.ashianews-card:hover .ashianews-readmore {
    color: var(--ashianews-gold-dark);
}

/* ===================== NEWSLETTER CARD ===================== */
.ashianews-newsletter {
    background: linear-gradient(145deg, var(--ashianews-navy) 0%, var(--ashianews-navy-dark) 100%);
    border-radius: 14px;
    padding: 26px 24px 28px;
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: ashianews-cardIn .7s cubic-bezier(.22, 1, .36, 1) .94s both;
}

.ashianews-newsletter::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(226, 161, 58, 0.18), transparent 70%);
}

.ashianews-envelope {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    animation: ashianews-envelopeFloat 3s ease-in-out infinite;
}

.ashianews-envelope svg {
    width: 17px;
    height: 17px;
}

.ashianews-newsletter-title {
    font-family: var(--ashianews-font-display);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px 0;
}

.ashianews-newsletter-desc {
    font-size: 12.5px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 20px 0;
}

.ashianews-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 11px 18px;
    font-size: 13px;
    color: #fff;
    margin-bottom: 14px;
    outline: none;
    transition: border-color .25s ease, background .25s ease;
}

.ashianews-input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.ashianews-input:focus {
    border-color: var(--ashianews-gold);
    background: rgba(255, 255, 255, 0.13);
}

.ashianews-subscribe-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--ashianews-gold) 0%, var(--ashianews-gold-dark) 100%);
    color: #1c1200;
    font-family: var(--ashianews-font-display);
    font-weight: 600;
    font-size: 13.5px;
    padding: 12px 20px;
    border: none;
    border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    animation: ashianews-ping 2.8s ease-out infinite;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
}

.ashianews-subscribe-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 26px rgba(0, 0, 0, 0.32);
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1080px) {
    .ashianews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ashianews-newsletter {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .ashianews-section {
        padding: 60px 24px 72px;
    }

    .ashianews-title {
        font-size: 26px;
    }

    .ashianews-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ashianews-newsletter {
        grid-column: span 1;
    }

    .ashianews-card-media {
        aspect-ratio: 1/0.62;
    }
}

@media (max-width: 460px) {
    .ashianews-section {
        padding: 52px 16px 60px;
    }

    .ashianews-title {
        font-size: 21px;
    }

    .ashianews-card-title {
        font-size: 14px;
    }

    .ashianews-newsletter-title {
        font-size: 17px;
    }
}

/* footer section */

:root {
    --ashiafooter-navy-dark: #00339A;
    --ashiafooter-navy: #013594;
    --ashiafooter-navy-light: #0054C9;
    --ashiafooter-gold: #DDA94C;
    --ashiafooter-gold-dark: #d4900f;
    --ashiafooter-white: #ffffff;
    --ashiafooter-gray: #aab0c8;
    --ashiafooter-gray-dim: #7d84a3;
    --ashiafooter-font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;
    --ashiafooter-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
    .ashiafooter-root * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.ashiafooter-root {
    margin: 0;
    font-family: var(--ashiafooter-font-body);
    -webkit-font-smoothing: antialiased;
    /* background: linear-gradient(135deg, var(--ashiafooter-navy-dark) 0%, var(--ashiafooter-navy) 55%, var(--ashiafooter-navy-light) 100%); */
    background-image: url(/images/footer_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.ashiafooter-root a {
    text-decoration: none;
    color: inherit;
}

.ashiafooter-root ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ashiafooter-root button {
    font-family: inherit;
    cursor: pointer;
}

/* ===================== KEYFRAMES ===================== */
@keyframes ashiafooter-fadeUp {
    from {
        opacity: 0;
        transform: translateY(22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ashiafooter-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ashiafooter-glowPulse {

    0%,
    100% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.65;
    }
}

@keyframes ashiafooter-arrowShift {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }
}

@keyframes ashiafooter-ping {
    0% {
        box-shadow: 0 0 0 0 rgba(242, 169, 34, 0.35);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(242, 169, 34, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(242, 169, 34, 0);
    }
}

/* ===================== DECORATIVE CIRCUIT LINES ===================== */
.ashiafooter-decor {
    position: absolute;
    width: 340px;
    height: 220px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
    animation: ashiafooter-glowPulse 5s ease-in-out infinite;
}

.ashiafooter-decor-left {
    bottom: -40px;
    left: -60px;
}

.ashiafooter-decor-right {
    bottom: -40px;
    right: -60px;
    transform: scaleX(-1);
    animation-delay: 1.5s;
}

.ashiafooter-decor svg {
    width: 100%;
    height: 100%;
}

/* ===================== LAYOUT ===================== */
.ashiafooter-section {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
    padding: 56px 40px 26px;
}

.ashiafooter-grid {
    display: grid;
    grid-template-columns: 1fr 0.75fr 1fr 1fr 1.05fr;
    gap: 28px;
    margin-bottom: 40px;
}

.ashiafooter-col {
    opacity: 0;
    animation: ashiafooter-fadeUp .7s cubic-bezier(.22, 1, .36, 1) both;
}

.ashiafooter-col:nth-child(1) {
    animation-delay: .05s;
}

.ashiafooter-col:nth-child(2) {
    animation-delay: .15s;
}

.ashiafooter-col:nth-child(3) {
    animation-delay: .25s;
}

.ashiafooter-col:nth-child(4) {
    animation-delay: .35s;
}

.ashiafooter-col:nth-child(5) {
    animation-delay: .45s;
}

.ashiafooter-heading {
    font-family: var(--ashiafooter-font-display);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 16px 0;
}

.ashiafooter-about-desc {
    font-size: 12.5px;
    line-height: 1.75;
    color: var(--ashiafooter-gray);
    margin: 0 0 20px 0;
    max-width: 230px;
}

.ashiafooter-social {
    display: flex;
    gap: 10px;
}

.ashiafooter-social a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cdd3e6;
    transition: background .3s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1), border-color .3s ease, color .3s ease;
}

.ashiafooter-social a svg {
    width: 14px;
    height: 14px;
}

.ashiafooter-social a:hover {
    background: var(--ashiafooter-gold);
    border-color: var(--ashiafooter-gold);
    color: #1c1200;
    transform: translateY(-4px) scale(1.08);
}

.ashiafooter-links li {
    margin-bottom: 11px;
}

.ashiafooter-links a {
    font-size: 13px;
    color: var(--ashiafooter-gray);
    position: relative;
    transition: color .25s ease, padding-left .25s ease;
}

.ashiafooter-links a::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1.5px;
    background: var(--ashiafooter-gold);
    transition: width .25s ease;
}

.ashiafooter-links a:hover {
    color: #fff;
    padding-left: 14px;
}

.ashiafooter-links a:hover::before {
    width: 10px;
}

.ashiafooter-contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--ashiafooter-gray);
}

.ashiafooter-contact-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(242, 169, 34, 0.12);
    border: 1px solid rgba(242, 169, 34, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--ashiafooter-gold);
    transition: transform .3s ease, background .3s ease;
}

.ashiafooter-contact-icon svg {
    width: 13px;
    height: 13px;
}

.ashiafooter-contact li:hover .ashiafooter-contact-icon {
    transform: scale(1.12);
    background: rgba(242, 169, 34, 0.22);
}

/* ===================== CTA CARD ===================== */
.ashiafooter-cta-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(242, 169, 34, 0.45);
    border-radius: 16px;
    padding: 22px 22px 24px;
}

.ashiafooter-cta-title {
    font-family: var(--ashiafooter-font-display);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 18px 0;
}

.ashiafooter-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--ashiafooter-gold) 0%, var(--ashiafooter-gold-dark) 100%);
    color: #1c1200;
    font-family: var(--ashiafooter-font-display);
    font-weight: 600;
    font-size: 13.5px;
    padding: 11px 20px;
    border: none;
    border-radius: 30px;
    animation: ashiafooter-ping 2.6s ease-out infinite;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
}

.ashiafooter-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.35);
}

.ashiafooter-cta-btn svg {
    width: 13px;
    height: 13px;
    transition: transform .3s ease;
}

.ashiafooter-cta-btn:hover svg {
    transform: translateX(4px);
}

/* ===================== BOTTOM BAR ===================== */
.ashiafooter-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    opacity: 0;
    animation: ashiafooter-fadeIn .8s ease .6s both;
}

.ashiafooter-copyright {
    font-size: 12px;
    color: var(--ashiafooter-gray-dim);
}

.ashiafooter-bottom-links {
    display: flex;
    gap: 24px;
}

.ashiafooter-bottom-links a {
    font-size: 12px;
    color: var(--ashiafooter-gray-dim);
    transition: color .25s ease;
}

.ashiafooter-bottom-links a:hover {
    color: #fff;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1080px) {
    .ashiafooter-grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px 24px;
    }

    .ashiafooter-col:nth-child(5) {
        grid-column: span 2;
    }
}

@media (max-width: 640px) {
    .ashiafooter-section {
        padding: 48px 24px 22px;
    }

    .ashiafooter-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .ashiafooter-col:nth-child(5) {
        grid-column: span 1;
    }

    .ashiafooter-about-desc {
        max-width: 100%;
    }

    .ashiafooter-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .ashiafooter-decor {
        width: 220px;
        height: 150px;
    }
}
/* =========================================================================
   WATER-FLOW TEXT ANIMATION
   Applied to headings with class "wf-text". Splits into per-character spans
   (see main.js) that flow upward into place with a shimmering gradient
   "wave" moving across the text, evoking flowing water. Runs once when the
   heading scrolls into view.
   ========================================================================= */

.wf-text {
  display: inline-block;
}

.wf-text .wf-char {
  display: inline-block;
  will-change: transform, opacity, background-position;
  opacity: 0;
  transform: translateY(38px) rotateX(65deg);
  transform-origin: 50% 100%;

  background-image: linear-gradient(
    90deg,
    currentColor 0%,
    #7fa6ff 20%,
    #bfd3ff 40%,
    #7fa6ff 60%,
    currentColor 80%
  );
  background-size: 260% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation:
    wfCharRise 0.9s cubic-bezier(.22, .85, .32, 1) forwards paused,
    wfShimmer 3s linear infinite paused;
}

.wf-text.wf-in-view .wf-char {
  animation-play-state: running;
}

@keyframes wfCharRise {
  0% {
    opacity: 0;
    transform: translateY(38px) rotateX(65deg);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
  }
}

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

/* Accent spans (e.g. ashiahero-accent) keep their own color instead of the
   shimmering gradient fill, since currentColor is used above per element. */
.wf-text .wf-char {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .wf-text .wf-char {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
  }
}