/* Vowel NextGen About Us page only. Scoped to .vn-about to avoid changing shared site styles. */
.vn-about {
    --vn-yellow: #ffbf00;
    --vn-orange: #faa500;
    --vn-black: #121214;
    --vn-text: #77726e;
    --vn-lavender: #f2eefc;
    --vn-lavender-2: #e4dcf9;
    --vn-white: #fff;
    color: var(--vn-text);
    font-family: "Manrope", sans-serif;
    overflow: hidden;
}
.vn-about * { box-sizing: border-box; }
.vn-about h1, .vn-about h2, .vn-about h3 { color: var(--vn-black); font-family: "Urbanist", sans-serif; line-height: 1.2; }
.vn-about h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); font-weight: 800; letter-spacing: -.045em; }
.vn-about h2 { font-size: clamp(2rem, 3.4vw, 3.1rem); font-weight: 750; letter-spacing: -.035em; margin: 0 0 22px; }
.vn-about h3 { font-size: 1.25rem; font-weight: 750; margin: 0 0 12px; }
.vn-about p { color: var(--vn-text); line-height: 1.85; margin: 0 0 17px; }
.vn-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.vn-section { padding: 92px 0; }
.vn-eyebrow { display: inline-block; color: #9a7200; font-size: .76rem; font-weight: 800; letter-spacing: .14em; margin-bottom: 17px; text-transform: uppercase; }
.vn-heading-rule { width: 72px; height: 4px; border-radius: 5px; background: var(--vn-yellow); margin: 0 0 28px; }
.vn-hero { position: relative; isolation: isolate; padding: 78px 0 84px; background: #171719; }
.vn-hero:before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .23; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 38px 38px; }
.vn-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 55px; }
.vn-hero .vn-eyebrow { color: var(--vn-yellow); }
.vn-hero h1 { color: #fff; max-width: 700px; margin: 0 0 22px; }
.vn-hero-subtitle { color: #f4f1eb !important; font-size: clamp(1.05rem, 1.6vw, 1.25rem); max-width: 620px; }
.vn-hero-actions, .vn-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 30px; }
.vn-btn { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 12px 20px; border: 1px solid transparent; border-radius: 9px; font-size: .92rem; font-weight: 800; line-height: 1.3; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.vn-btn:hover { transform: translateY(-2px); }
.vn-btn-primary { background: var(--vn-yellow); color: #171719 !important; box-shadow: 0 10px 24px rgba(255,191,0,.18); }
.vn-btn-primary:hover { background: #ffd13a; color: #171719 !important; }
.vn-btn-outline { color: #fff !important; border-color: rgba(255,255,255,.35); }
.vn-btn-outline:hover { border-color: var(--vn-yellow); }
.vn-btn-light-outline { color: #fff !important; border-color: rgba(255,255,255,.55); }
.vn-hero-art { min-height: 365px; position: relative; display: grid; place-items: center; }
.vn-art-orbit { position: absolute; border: 1px solid rgba(255,191,0,.38); border-radius: 50%; transform: rotate(-22deg); }
.vn-orbit-one { width: 330px; height: 270px; }
.vn-orbit-two { width: 390px; height: 315px; border-color: rgba(255,255,255,.14); transform: rotate(34deg); }
.vn-art-card { position: relative; z-index: 2; width: min(330px, 85%); padding: 34px; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045)); box-shadow: 0 28px 70px rgba(0,0,0,.3); backdrop-filter: blur(12px); transform: rotate(-3deg); }
.vn-art-label { display: block; color: var(--vn-yellow); font-size: .72rem; font-weight: 800; letter-spacing: .15em; margin-bottom: 20px; }
.vn-art-card strong { display: block; color: #fff; font-family: "Urbanist", sans-serif; font-size: 2.35rem; line-height: 1.1; }
.vn-art-line { display: block; width: 65px; height: 4px; background: var(--vn-yellow); border-radius: 4px; margin: 22px 0; }
.vn-art-card small { color: #e8e5df; font-size: .78rem; }
.vn-art-chip { position: absolute; z-index: 3; padding: 12px 15px; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; color: #fff; background: #262629; box-shadow: 0 12px 28px rgba(0,0,0,.2); font-size: .8rem; font-weight: 700; }
.vn-art-chip span { color: var(--vn-yellow); margin-right: 7px; }
.vn-chip-top { top: 28px; right: 0; }
.vn-chip-bottom { bottom: 27px; left: 0; }
.vn-art-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--vn-yellow); box-shadow: 0 0 0 8px rgba(255,191,0,.12); }
.vn-dot-one { top: 45px; left: 17%; }
.vn-dot-two { right: 14%; bottom: 42px; width: 8px; height: 8px; }
.vn-story { background: #fff; }
.vn-story-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 75px; align-items: center; }
.vn-section-intro p { margin-bottom: 18px; }
.vn-story-panel { padding: 32px; border-radius: 20px; background: var(--vn-lavender); border: 1px solid #e6def8; }
.vn-panel-kicker { display: block; color: #8b6cbd; font-size: .72rem; font-weight: 800; letter-spacing: .15em; margin-bottom: 22px; }
.vn-story-stat { display: flex; gap: 17px; align-items: center; padding: 17px 0; border-bottom: 1px solid rgba(40,30,60,.12); }
.vn-story-stat strong { color: #9c7bd3; font-family: "Urbanist", sans-serif; font-size: 2rem; }
.vn-story-stat span { color: var(--vn-black); font-weight: 750; }
.vn-story-panel > p { margin: 24px 0 0; font-size: .9rem; }
.vn-vision-mission { background: #f8f7fb; }
.vn-section-heading { max-width: 760px; margin-bottom: 35px; }
.vn-section-heading > p { max-width: 560px; }
.vn-two-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.vn-feature-card { padding: 34px; border-radius: 18px; background: #fff; border: 1px solid #e9e5f0; box-shadow: 0 14px 40px rgba(30,20,50,.04); }
.vn-vision-card { background: var(--vn-black); border-color: var(--vn-black); }
.vn-vision-card h3, .vn-vision-card p { color: #fff; }
.vn-card-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 23px; border-radius: 13px; background: var(--vn-yellow); color: #171719; font-size: 1.6rem; font-weight: 800; }
.vn-check-list { display: grid; gap: 13px; }
.vn-check-list li { position: relative; padding-left: 27px; line-height: 1.7; }
.vn-check-list li:before { content: "✓"; position: absolute; left: 0; top: 0; color: #9a7200; font-weight: 900; }
.vn-courses { background: #fff; }
.vn-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 25px; max-width: none; }
.vn-heading-row h2 { max-width: 790px; margin-bottom: 0; }
.vn-heading-row .vn-btn { flex-shrink: 0; margin-bottom: 5px; }
.vn-section-lead { max-width: 850px; margin: 25px 0 32px !important; }
.vn-course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; }
.vn-course-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 27px; min-height: 100%; border: 1px solid #e9e5ef; border-radius: 16px; background: #fff; color: inherit !important; text-decoration: none !important; box-shadow: 0 10px 30px rgba(18,18,20,.035); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.vn-course-card:hover { transform: translateY(-5px); border-color: #e7bd37; box-shadow: 0 18px 42px rgba(18,18,20,.08); }
.vn-course-number { position: absolute; top: 22px; right: 23px; color: #b9b3c4; font-size: .75rem; font-weight: 800; }
.vn-course-icon { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 20px; border-radius: 13px; background: var(--vn-lavender); color: #8865be; font-size: 1.3rem; }
.vn-course-card h3 { min-height: 48px; padding-right: 10px; }
.vn-course-label { display: block; margin: 12px 0 5px; color: #9a7200; font-size: .7rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.vn-course-card p { font-size: .9rem; line-height: 1.65; margin-bottom: 5px; }
.vn-course-link { display: inline-block; margin-top: auto; padding-top: 20px; color: #6e4ca6; font-weight: 800; font-size: .85rem; }
.vn-teaching { background: var(--vn-lavender); }
.vn-teaching-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.vn-teaching-card { display: flex; gap: 19px; padding: 26px; border-radius: 15px; background: rgba(255,255,255,.85); border: 1px solid rgba(110,76,166,.12); }
.vn-teaching-index { flex: 0 0 42px; color: #a07bd6; font-family: "Urbanist", sans-serif; font-size: 1.6rem; font-weight: 800; }
.vn-teaching-card h3 { font-size: 1.1rem; }
.vn-teaching-card p { font-size: .92rem; margin-bottom: 0; }
.vn-values { background: #fff; }
.vn-values-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; }
.vn-values-list article { display: flex; gap: 22px; padding: 21px 0; border-bottom: 1px solid #ece9f0; }
.vn-values-list article:first-child { padding-top: 0; }
.vn-values-list article > span { color: #b28a00; font-family: "Urbanist", sans-serif; font-size: 1.4rem; font-weight: 800; }
.vn-values-list h3 { margin-bottom: 7px; }
.vn-values-list p { margin-bottom: 0; }
.vn-centre { background: #f8f7fb; }
.vn-centre-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.vn-contact-details { margin: 24px 0; padding: 20px 22px; border-left: 4px solid var(--vn-yellow); background: #fff; border-radius: 0 12px 12px 0; }
.vn-contact-details p { margin-bottom: 9px; overflow-wrap: anywhere; }
.vn-contact-details p:last-child { margin-bottom: 0; }
.vn-contact-details strong { color: var(--vn-black); }
.vn-centre-visual { display: grid; gap: 16px; }
.vn-photo-placeholder, .vn-map-placeholder { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 170px; padding: 28px; border: 1px dashed #c7b7e5; border-radius: 17px; background: linear-gradient(135deg, #f0e9ff, #fff); }
.vn-photo-placeholder > span, .vn-map-placeholder > span { color: #8f6cc4; font-size: 1.8rem; margin-bottom: 8px; }
.vn-photo-placeholder strong, .vn-map-placeholder strong { color: var(--vn-black); font-size: 1.1rem; }
.vn-photo-placeholder p, .vn-map-placeholder p { margin: 5px 0 0; font-size: .88rem; }
.vn-faq { background: #fff; }
.vn-faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 65px; align-items: start; }
.vn-faq-list { border-top: 1px solid #e7e3eb; }
.vn-faq-item { border-bottom: 1px solid #e7e3eb; }
.vn-faq-item summary { position: relative; padding: 22px 42px 22px 0; color: var(--vn-black); cursor: pointer; font-size: 1.05rem; font-weight: 800; list-style: none; }
.vn-faq-item summary::-webkit-details-marker { display: none; }
.vn-faq-item summary:after { content: "+"; position: absolute; right: 5px; top: 16px; color: #9a7200; font-size: 1.6rem; font-weight: 500; }
.vn-faq-item[open] summary:after { content: "−"; }
.vn-faq-item p { padding: 0 25px 22px 0; margin: 0; }
.vn-final-cta { position: relative; padding: 72px 0; background: #171719; }
.vn-final-cta:before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 34px 34px; pointer-events: none; }
.vn-cta-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.vn-cta-inner > div:first-child { max-width: 700px; }
.vn-cta-inner h2 { color: #fff; margin-bottom: 15px; }
.vn-cta-inner p { color: #d4d1d0; margin-bottom: 0; }
.vn-cta-inner .vn-eyebrow { color: var(--vn-yellow); }
.vn-cta-actions { flex-shrink: 0; flex-direction: column; align-items: stretch; min-width: 235px; margin-top: 0; }
@media (max-width: 991.98px) {
    .vn-section { padding: 70px 0; }
    .vn-hero { padding: 65px 0; }
    .vn-hero-grid { grid-template-columns: 1fr; gap: 28px; }
    .vn-hero-copy { max-width: 760px; }
    .vn-hero-art { min-height: 320px; }
    .vn-story-grid, .vn-values-layout, .vn-centre-grid, .vn-faq-layout { grid-template-columns: 1fr; gap: 35px; }
    .vn-story-panel { max-width: 600px; }
    .vn-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vn-cta-inner { align-items: flex-start; flex-direction: column; gap: 25px; }
    .vn-cta-actions { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 767.98px) {
    .vn-container { width: min(100% - 30px, 600px); }
    .vn-section { padding: 55px 0; }
    .vn-hero { padding: 50px 0 40px; }
    .vn-about h1 { font-size: clamp(2.15rem, 10vw, 3.3rem); }
    .vn-about h2 { font-size: clamp(1.8rem, 7.4vw, 2.5rem); }
    .vn-hero-actions { align-items: stretch; flex-direction: column; }
    .vn-hero-actions .vn-btn { width: 100%; }
    .vn-hero-art { min-height: 285px; }
    .vn-art-card { padding: 26px; }
    .vn-art-card strong { font-size: 2rem; }
    .vn-orbit-one { width: 270px; height: 225px; }
    .vn-orbit-two { width: 310px; height: 260px; }
    .vn-chip-top { right: 0; top: 10px; }
    .vn-chip-bottom { left: 0; bottom: 10px; }
    .vn-two-cards, .vn-teaching-grid, .vn-course-grid { grid-template-columns: 1fr; }
    .vn-feature-card { padding: 26px; }
    .vn-heading-row { align-items: flex-start; flex-direction: column; }
    .vn-heading-row .vn-btn { width: 100%; }
    .vn-course-card h3 { min-height: 0; }
    .vn-teaching-card { padding: 22px; }
    .vn-cta-actions { width: 100%; flex-direction: column; }
    .vn-cta-actions .vn-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .vn-about *, .vn-about *:before, .vn-about *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.about-hero {
    background: #171719;
    padding: 85px 20px;
    text-align: center;
}

.about-hero-container {
    max-width: 900px;
    margin: 0 auto;
}

.about-label {
    display: inline-block;
    color: #ffbf00;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.about-hero h1 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
}

.about-hero p {
    max-width: 720px;
    margin: 0 auto 28px;
    color: #dddddd;
    font-size: 17px;
    line-height: 1.8;
}

.about-hero-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.about-btn {
    display: inline-block;
    padding: 13px 24px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.about-btn-primary {
    background: #ffbf00;
    color: #171719;
}

    .about-btn-primary:hover {
        background: #ffd447;
        color: #171719;
    }

.about-btn-outline {
    border: 1px solid #ffffff;
    color: #ffffff;
}

    .about-btn-outline:hover {
        background: #ffffff;
        color: #171719;
    }

@media (max-width: 767px) {
    .about-hero {
        padding: 60px 20px;
    }

        .about-hero h1 {
            font-size: 32px;
        }

        .about-hero p {
            font-size: 15px;
        }

    .about-hero-buttons {
        flex-direction: column;
    }

    .about-btn {
        width: 100%;
        text-align: center;
    }
}

.nextgen-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 90px 0;
    background: radial-gradient( circle at 90% 15%, rgba(255, 191, 0, 0.20), transparent 35% ), linear-gradient(120deg, #111112, #211b0c 65%, #171717);
}

    .nextgen-cta::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.18;
        background-image: linear-gradient(rgba(255, 191, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 191, 0, 0.12) 1px, transparent 1px);
        background-size: 42px 42px;
    }

.nextgen-cta-container {
    position: relative;
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.nextgen-cta-content {
    position: relative;
    z-index: 2;
    max-width: 950px;
}

.nextgen-cta-label {
    display: inline-block;
    margin-bottom: 24px;
    color: #ffbf00;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
}

.nextgen-cta h2 {
    max-width: 900px;
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(34px, 4.2vw, 58px);
    font-weight: 800;
    line-height: 1.18;
}

    .nextgen-cta h2 span {
        color: #ffbf00;
    }

.nextgen-cta p {
    max-width: 850px;
    margin: 0 0 30px;
    color: #dedede;
    font-size: 17px;
    line-height: 1.8;
}

.nextgen-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.nextgen-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 54px;
    padding: 15px 24px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.nextgen-btn-primary {
    color: #171717;
    background: #ffbf00;
    box-shadow: 0 8px 28px rgba(255, 191, 0, 0.18);
}

    .nextgen-btn-primary:hover {
        color: #171717;
        background: #ffd447;
        transform: translateY(-3px);
    }

.nextgen-btn-outline {
    color: #fff;
    border: 1px solid rgba(255, 191, 0, 0.65);
    background: rgba(255, 255, 255, 0.025);
}

    .nextgen-btn-outline:hover {
        color: #ffbf00;
        background: rgba(255, 191, 0, 0.08);
        transform: translateY(-3px);
    }

/* Decorative golden orbit */
.nextgen-cta-decoration {
    position: absolute;
    z-index: 1;
    top: -100px;
    right: -300px;
    width: 550px;
    height: 550px;
    pointer-events: none;
}

.nextgen-cta-orbit {
    position: absolute;
    inset: 30px;
    border: 1px solid rgba(255, 191, 0, 0.55);
    border-radius: 50%;
    transform: rotate(-25deg) scaleX(0.7);
}

    .nextgen-cta-orbit.orbit-two {
        inset: 75px;
        border-color: rgba(255, 191, 0, 0.25);
        transform: rotate(35deg) scaleX(0.8);
    }

.nextgen-cta-glow {
    position: absolute;
    top: 110px;
    right: 50px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: rgba(255, 191, 0, 0.14);
    filter: blur(70px);
}

@media (max-width: 767px) {
    .nextgen-cta {
        padding: 60px 0;
    }

    .nextgen-cta-container {
        width: calc(100% - 30px);
    }

    .nextgen-cta-content {
        max-width: 100%;
    }

    .nextgen-cta h2 {
        font-size: 34px;
    }

    .nextgen-cta p {
        font-size: 15px;
    }

    .nextgen-cta-buttons {
        flex-direction: column;
    }

    .nextgen-btn {
        width: 100%;
        text-align: center;
    }

    .nextgen-cta-decoration {
        top: auto;
        right: -300px;
        bottom: -300px;
        opacity: 0.6;
    }
}
/* Hero Section */
.about-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 90px 20px;
    background: radial-gradient( circle at 85% 25%, rgba(255, 191, 0, 0.16), transparent 32% ), radial-gradient( circle at 15% 100%, rgba(255, 191, 0, 0.07), transparent 35% ), linear-gradient(120deg, #111112, #1b1913 65%, #171717);
}

    /* Circuit-inspired background grid */
    .about-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        opacity: 0.2;
        background-image: linear-gradient( rgba(255, 191, 0, 0.09) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 191, 0, 0.09) 1px, transparent 1px );
        background-size: 42px 42px;
        mask-image: linear-gradient( to right, transparent, black 20%, black 100% );
    }

    /* Decorative golden orbital lines */
    .about-hero::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: -230px;
        right: -170px;
        width: 520px;
        height: 520px;
        border: 1px solid rgba(255, 191, 0, 0.35);
        border-radius: 50%;
        box-shadow: 0 0 0 35px rgba(255, 191, 0, 0.035), 0 0 0 75px rgba(255, 191, 0, 0.025), inset 0 0 70px rgba(255, 191, 0, 0.05);
        transform: scaleX(0.8) rotate(-25deg);
        pointer-events: none;
    }

.about-hero-container {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}

/* Small yellow accent label */
.about-label {
    display: inline-block;
    margin-bottom: 20px;
    color: #ffbf00;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
}

/* Hero heading */
.about-hero h1 {
    max-width: 850px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 54px);
    font-weight: 800;
    line-height: 1.2;
}

/* Hero description */
.about-hero p {
    max-width: 760px;
    margin: 0;
    color: #dedede;
    font-size: 17px;
    line-height: 1.8;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .about-hero {
        padding: 60px 20px;
    }

        .about-hero::after {
            top: -150px;
            right: -280px;
            width: 400px;
            height: 400px;
            opacity: 0.7;
        }

        .about-hero h1 {
            font-size: 32px;
        }

        .about-hero p {
            font-size: 15px;
            line-height: 1.8;
        }

    .about-label {
        font-size: 12px;
    }
}
/* Custom Course Icons - About Us */
.vn-courses .vn-course-icon-img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 10px;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
}

.vn-courses .vn-course-card:hover .vn-course-icon-img {
    transform: scale(1.08);
}

@@media (max-width: 767px) {
    .vn-courses .vn-course-icon-img {
        width: 44px;
        height: 44px;
    }
}